Registrarse Registrarse
Bulls On Parade

Bulls On Parade

Paleta de 9 colores · Colores fríos · Tonos claros · Armonía análoga

Volver a la biblioteca

Bulls On Parade

Paleta de 9 colores · Colores fríos · Tonos claros · Armonía análoga

Editar
Colores vibrantes 9 colores Colores fríos Tonos claros Armonía análoga pixelart blue purple neon
Me gusta 21
Colores 9

Variables CSS

:root {
  --c-vibrant-1: #132397;
  --c-vibrant-2: #1F36CB;
  --c-vibrant-3: #2B59FF;
  --c-vibrant-4: #407AFF;
  --c-vibrant-5: #77B2FF;
  --c-vibrant-6: #96D0FF;
  --c-vibrant-7: #C0EFFF;
  --c-vibrant-8: #FFFFFF;
  --c-vibrant-9: #B03ED2;
}

Sobre esta paleta

Esta paleta de 9 colores vibrantes va de White (#FFFFFF), su tono más claro, a Deepsea Kraken (#132397), el más oscuro. Combina Deepsea Kraken, Third Eye Chakra, YInMn Blue, Lightish Blue, French Sky Blue, Long Island Sound, Blue Java Banana, White y Purple Yam en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 36. De ellas, 9 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #132397 sobre #FFFFFF, con 12,25: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

Deepsea Kraken #132397
RGB
rgb(19, 35, 151)
HSL
hsl(233, 78%, 33%)
Luminancia
0,036
Third Eye Chakra #1F36CB
RGB
rgb(31, 54, 203)
HSL
hsl(232, 74%, 46%)
Luminancia
0,072
YInMn Blue #2B59FF
RGB
rgb(43, 89, 255)
HSL
hsl(227, 100%, 58%)
Luminancia
0,149
Lightish Blue #407AFF
RGB
rgb(64, 122, 255)
HSL
hsl(222, 100%, 63%)
Luminancia
0,222
French Sky Blue #77B2FF
RGB
rgb(119, 178, 255)
HSL
hsl(214, 100%, 73%)
Luminancia
0,430
Long Island Sound #96D0FF
RGB
rgb(150, 208, 255)
HSL
hsl(207, 100%, 79%)
Luminancia
0,588
Blue Java Banana #C0EFFF
RGB
rgb(192, 239, 255)
HSL
hsl(195, 100%, 88%)
Luminancia
0,802
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminancia
1,000
Purple Yam #B03ED2
RGB
rgb(176, 62, 210)
HSL
hsl(286, 62%, 53%)
Luminancia
0,173

Contraste y accesibilidad

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

Aa #132397 sobre #FFFFFF 12,25:1 AAA
Aa #132397 sobre #C0EFFF 9,93:1 AAA
Aa #1F36CB sobre #FFFFFF 8,58:1 AAA
Aa #132397 sobre #96D0FF 7,44:1 AAA
Aa #1F36CB sobre #C0EFFF 6,96:1 AA
Aa #132397 sobre #77B2FF 5,60:1 AA
Aa #2B59FF sobre #FFFFFF 5,28:1 AA
Aa #1F36CB sobre #96D0FF 5,21:1 AA
Aa #FFFFFF sobre #B03ED2 4,70:1 AA
Aa #2B59FF sobre #C0EFFF 4,28:1 AA, texto grande
Aa #1F36CB sobre #77B2FF 3,92:1 AA, texto grande
Aa #407AFF sobre #FFFFFF 3,86:1 AA, texto grande
Aa #C0EFFF sobre #B03ED2 3,81:1 AA, texto grande
Aa #2B59FF sobre #96D0FF 3,21:1 AA, texto grande
Aa #132397 sobre #407AFF 3,18:1 AA, texto grande
Aa #407AFF sobre #C0EFFF 3,13:1 AA, texto grande
Aa #96D0FF sobre #B03ED2 2,86:1 No aprobado
Aa #132397 sobre #B03ED2 2,60:1 No aprobado
Aa #2B59FF sobre #77B2FF 2,41:1 No aprobado
Aa #407AFF sobre #96D0FF 2,34:1 No aprobado
Aa #132397 sobre #2B59FF 2,32:1 No aprobado
Aa #1F36CB sobre #407AFF 2,22:1 No aprobado
Aa #77B2FF sobre #FFFFFF 2,19:1 No aprobado
Aa #77B2FF sobre #B03ED2 2,15:1 No aprobado
Aa #1F36CB sobre #B03ED2 1,82:1 No aprobado
Aa #77B2FF sobre #C0EFFF 1,77:1 No aprobado
Aa #407AFF sobre #77B2FF 1,76:1 No aprobado
Aa #96D0FF sobre #FFFFFF 1,65:1 No aprobado
Aa #1F36CB sobre #2B59FF 1,62:1 No aprobado
Aa #132397 sobre #1F36CB 1,43:1 No aprobado
Aa #2B59FF sobre #407AFF 1,37:1 No aprobado
Aa #77B2FF sobre #96D0FF 1,33:1 No aprobado
Aa #96D0FF sobre #C0EFFF 1,33:1 No aprobado
Aa #C0EFFF sobre #FFFFFF 1,23:1 No aprobado
Aa #407AFF sobre #B03ED2 1,22:1 No aprobado
Aa #2B59FF sobre #B03ED2 1,12:1 No aprobado

Paletas similares

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 colores
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 colores
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 colores
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 colores
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 colores
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 colores
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 colores
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 colores