Registrarse Registrarse
Latesummer

Latesummer

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

Volver a la biblioteca

Latesummer

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

Editar
Colores vibrantes 9 colores Colores neutros Tonos mixtos Armonía complementaria
Me gusta 5
Colores 9

Variables CSS

:root {
  --c-vibrant-1: #254E70;
  --c-vibrant-2: #37718E;
  --c-vibrant-3: #8EE3EF;
  --c-vibrant-4: #A30000;
  --c-vibrant-5: #FF7700;
  --c-vibrant-6: #E8C547;
  --c-vibrant-7: #118A45;
  --c-vibrant-8: #60B426;
  --c-vibrant-9: #BED558;
}

Sobre esta paleta

Esta paleta de 9 colores vibrantes va de Photon Barrier (#8EE3EF), su tono más claro, a Blue Tang (#254E70), el más oscuro. Combina Blue Tang, Living Stream, Photon Barrier, Stanger Red, Lucky Orange, Liberator Gold, The Wild Apothecary, Chasm Green y Frog Prince en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 6 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #254E70 sobre #8EE3EF, con 5,99: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

Blue Tang #254E70
RGB
rgb(37, 78, 112)
HSL
hsl(207, 50%, 29%)
Luminancia
0,070
Living Stream #37718E
RGB
rgb(55, 113, 142)
HSL
hsl(200, 44%, 39%)
Luminancia
0,146
Photon Barrier #8EE3EF
RGB
rgb(142, 227, 239)
HSL
hsl(187, 75%, 75%)
Luminancia
0,669
Stanger Red #A30000
RGB
rgb(163, 0, 0)
HSL
hsl(0, 100%, 32%)
Luminancia
0,078
Lucky Orange #FF7700
RGB
rgb(255, 119, 0)
HSL
hsl(28, 100%, 50%)
Luminancia
0,345
Liberator Gold #E8C547
RGB
rgb(232, 197, 71)
HSL
hsl(47, 78%, 59%)
Luminancia
0,575
The Wild Apothecary #118A45
RGB
rgb(17, 138, 69)
HSL
hsl(146, 78%, 30%)
Luminancia
0,187
Chasm Green #60B426
RGB
rgb(96, 180, 38)
HSL
hsl(95, 65%, 43%)
Luminancia
0,353
Frog Prince #BED558
RGB
rgb(190, 213, 88)
HSL
hsl(71, 60%, 59%)
Luminancia
0,592

Contraste y accesibilidad

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

Aa #254E70 sobre #8EE3EF 5,99:1 AA
Aa #8EE3EF sobre #A30000 5,62:1 AA
Aa #254E70 sobre #BED558 5,35:1 AA
Aa #254E70 sobre #E8C547 5,21:1 AA
Aa #A30000 sobre #BED558 5,02:1 AA
Aa #A30000 sobre #E8C547 4,89:1 AA
Aa #37718E sobre #8EE3EF 3,67:1 AA, texto grande
Aa #254E70 sobre #60B426 3,35:1 AA, texto grande
Aa #254E70 sobre #FF7700 3,28:1 AA, texto grande
Aa #37718E sobre #BED558 3,28:1 AA, texto grande
Aa #37718E sobre #E8C547 3,19:1 AA, texto grande
Aa #A30000 sobre #60B426 3,15:1 AA, texto grande
Aa #A30000 sobre #FF7700 3,09:1 AA, texto grande
Aa #8EE3EF sobre #118A45 3,03:1 AA, texto grande
Aa #118A45 sobre #BED558 2,71:1 No aprobado
Aa #E8C547 sobre #118A45 2,64:1 No aprobado
Aa #37718E sobre #60B426 2,06:1 No aprobado
Aa #37718E sobre #FF7700 2,02:1 No aprobado
Aa #254E70 sobre #118A45 1,98:1 No aprobado
Aa #A30000 sobre #118A45 1,86:1 No aprobado
Aa #8EE3EF sobre #FF7700 1,82:1 No aprobado
Aa #8EE3EF sobre #60B426 1,79:1 No aprobado
Aa #118A45 sobre #60B426 1,70:1 No aprobado
Aa #FF7700 sobre #118A45 1,66:1 No aprobado
Aa #254E70 sobre #37718E 1,63:1 No aprobado
Aa #FF7700 sobre #BED558 1,63:1 No aprobado
Aa #60B426 sobre #BED558 1,60:1 No aprobado
Aa #FF7700 sobre #E8C547 1,59:1 No aprobado
Aa #E8C547 sobre #60B426 1,55:1 No aprobado
Aa #37718E sobre #A30000 1,53:1 No aprobado
Aa #37718E sobre #118A45 1,21:1 No aprobado
Aa #8EE3EF sobre #E8C547 1,15:1 No aprobado
Aa #8EE3EF sobre #BED558 1,12:1 No aprobado
Aa #254E70 sobre #A30000 1,06:1 No aprobado
Aa #E8C547 sobre #BED558 1,03:1 No aprobado
Aa #FF7700 sobre #60B426 1,02: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