Inicio Paletas de colores Whiteboardfox Palette (basic)

Whiteboardfox Palette (basic)

Paleta de 7 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Whiteboardfox Palette (basic)

Paleta de 7 colores · Colores neutros · Tonos mixtos · Armonía complementaria

Editar

Colores vibrantes 7 colores Colores neutros Tonos mixtos Armonía complementaria small palette 7colors whiteboardfox

Me gusta 12

Colores 7

Variables CSS

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #AE8CE2;
  --c-vibrant-3: #2D5D9E;
  --c-vibrant-4: #43BEF2;
  --c-vibrant-5: #99B213;
  --c-vibrant-6: #E5B42E;
  --c-vibrant-7: #C00F68;
}

Sobre esta paleta

Esta paleta de 7 colores vibrantes va de Nanohanacha Gold (#E5B42E), su tono más claro, a Black (#000000), el más oscuro. Combina Black, Dreamy Candy Forest, Neptune Blue, Clean Pool, Sickly Green, Nanohanacha Gold y Spiced Purple en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 21. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #E5B42E, con 10,9:1.

Una paleta versátil para páginas de marketing, bloques hero de producto, ilustraciones y estados de acento de la interfaz.

Desglose de colores

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminancia: 0,000

Dreamy Candy Forest #AE8CE2

RGB: rgb(174, 140, 226)
HSL: hsl(264, 60%, 72%)
Luminancia: 0,333

Neptune Blue #2D5D9E

RGB: rgb(45, 93, 158)
HSL: hsl(215, 56%, 40%)
Luminancia: 0,109

Clean Pool #43BEF2

RGB: rgb(67, 190, 242)
HSL: hsl(198, 87%, 61%)
Luminancia: 0,444

Sickly Green #99B213

RGB: rgb(153, 178, 19)
HSL: hsl(69, 81%, 39%)
Luminancia: 0,387

Nanohanacha Gold #E5B42E

RGB: rgb(229, 180, 46)
HSL: hsl(44, 78%, 54%)
Luminancia: 0,495

Spiced Purple #C00F68

RGB: rgb(192, 15, 104)
HSL: hsl(330, 86%, 41%)
Luminancia: 0,126

Contraste y accesibilidad

Combinaciones de colores en la paleta: 21. De ellas, 4 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal.

Aa #000000 sobre #E5B42E 10,90:1 AAA

Aa #000000 sobre #43BEF2 9,89:1 AAA

Aa #000000 sobre #99B213 8,73:1 AAA

Aa #000000 sobre #AE8CE2 7,65:1 AAA

Aa #000000 sobre #C00F68 3,51:1 AA, texto grande

Aa #2D5D9E sobre #E5B42E 3,44:1 AA, texto grande

Aa #000000 sobre #2D5D9E 3,17:1 AA, texto grande

Aa #2D5D9E sobre #43BEF2 3,12:1 AA, texto grande

Aa #E5B42E sobre #C00F68 3,11:1 AA, texto grande

Aa #43BEF2 sobre #C00F68 2,82:1 No aprobado

Aa #2D5D9E sobre #99B213 2,75:1 No aprobado

Aa #99B213 sobre #C00F68 2,49:1 No aprobado

Aa #AE8CE2 sobre #2D5D9E 2,41:1 No aprobado

Aa #AE8CE2 sobre #C00F68 2,18:1 No aprobado

Aa #AE8CE2 sobre #E5B42E 1,42:1 No aprobado

Aa #AE8CE2 sobre #43BEF2 1,29:1 No aprobado

Aa #99B213 sobre #E5B42E 1,25:1 No aprobado

Aa #AE8CE2 sobre #99B213 1,14:1 No aprobado

Aa #43BEF2 sobre #99B213 1,13:1 No aprobado

Aa #2D5D9E sobre #C00F68 1,11:1 No aprobado

Aa #43BEF2 sobre #E5B42E 1,10:1 No aprobado

Paletas similares

#EDF1D6 #9DC08B #609966 #40513B

4 colores

#F5F7F8 #F4CE14 #495E57 #45474B

4 colores

#222831 #393E46 #FFD369 #EEEEEE

4 colores

#000000 #52057B #892CDC #BC6FF1

4 colores

#213555 #3E5879 #D8C4B6 #F5EFE7

4 colores

#F5EFE7 #D8C4B6 #4F709C #213555

4 colores

#191A19 #1E5128 #4E9F3D #D8E9A8

4 colores

#352F44 #5C5470 #B9B4C7 #FAF0E6

4 colores

Whiteboardfox Palette (basic)