Registrarse Registrarse
Bioluminescent

Bioluminescent

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

Volver a la biblioteca

Bioluminescent

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

Editar
Colores vibrantes 6 colores Colores neutros Tonos mixtos Armonía complementaria pixelart night fantasy forest
Me gusta 40
Colores 6

Variables CSS

:root {
  --c-vibrant-1: #D9FF85;
  --c-vibrant-2: #D2D61D;
  --c-vibrant-3: #B18D3A;
  --c-vibrant-4: #CB5785;
  --c-vibrant-5: #3B3C83;
  --c-vibrant-6: #00134A;
}

Sobre esta paleta

Esta paleta de 6 colores vibrantes va de Honeydew Peel (#D9FF85), su tono más claro, a Kantor Blue (#00134A), el más oscuro. Combina Honeydew Peel, Sun Flooded Woods, Alpine, Pretty in Plum, Clematis Blue y Kantor Blue en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 15. De ellas, 5 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #D9FF85 sobre #00134A, con 15,6: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

Honeydew Peel #D9FF85
RGB
rgb(217, 255, 133)
HSL
hsl(79, 100%, 76%)
Luminancia
0,880
Sun Flooded Woods #D2D61D
RGB
rgb(210, 214, 29)
HSL
hsl(61, 76%, 48%)
Luminancia
0,619
Alpine #B18D3A
RGB
rgb(177, 141, 58)
HSL
hsl(42, 51%, 46%)
Luminancia
0,287
Pretty in Plum #CB5785
RGB
rgb(203, 87, 133)
HSL
hsl(336, 53%, 57%)
Luminancia
0,212
Clematis Blue #3B3C83
RGB
rgb(59, 60, 131)
HSL
hsl(239, 38%, 37%)
Luminancia
0,058
Kantor Blue #00134A
RGB
rgb(0, 19, 74)
HSL
hsl(225, 100%, 15%)
Luminancia
0,010

Contraste y accesibilidad

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

Aa #D9FF85 sobre #00134A 15,60:1 AAA
Aa #D2D61D sobre #00134A 11,22:1 AAA
Aa #D9FF85 sobre #3B3C83 8,61:1 AAA
Aa #D2D61D sobre #3B3C83 6,19:1 AA
Aa #B18D3A sobre #00134A 5,65:1 AA
Aa #CB5785 sobre #00134A 4,40:1 AA, texto grande
Aa #D9FF85 sobre #CB5785 3,55:1 AA, texto grande
Aa #B18D3A sobre #3B3C83 3,12:1 AA, texto grande
Aa #D9FF85 sobre #B18D3A 2,76:1 No aprobado
Aa #D2D61D sobre #CB5785 2,55:1 No aprobado
Aa #CB5785 sobre #3B3C83 2,43:1 No aprobado
Aa #D2D61D sobre #B18D3A 1,98:1 No aprobado
Aa #3B3C83 sobre #00134A 1,81:1 No aprobado
Aa #D9FF85 sobre #D2D61D 1,39:1 No aprobado
Aa #B18D3A sobre #CB5785 1,29: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