Registrarse Registrarse
Cursor Party

Cursor Party

Paleta de 10 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Volver a la biblioteca

Cursor Party

Paleta de 10 colores · Colores fríos · Tonos mixtos · Armonía complementaria

Editar
Colores vibrantes 10 colores Colores fríos Tonos mixtos Armonía complementaria pixelart neon nostalgia computers
Me gusta 18
Colores 10

Variables CSS

:root {
  --c-vibrant-1: #2549D1;
  --c-vibrant-2: #1B3396;
  --c-vibrant-3: #000000;
  --c-vibrant-4: #FCFCFC;
  --c-vibrant-5: #C7FB58;
  --c-vibrant-6: #1FDE91;
  --c-vibrant-7: #1457F4;
  --c-vibrant-8: #9114DA;
  --c-vibrant-9: #E84651;
  --c-vibrant-10: #F29047;
}

Sobre esta paleta

Esta paleta de 10 colores vibrantes va de Emptiness (#FCFCFC), su tono más claro, a Black (#000000), el más oscuro. Combina Blue Blue, North Star Blue, Black, Emptiness, Green of Bhabua, Reptile Green, Light Shōjin Blue, Violet, Watermelonade y Melon Orange en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 45. De ellas, 15 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000000 sobre #FCFCFC, con 20,47: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 Blue #2549D1
RGB
rgb(37, 73, 209)
HSL
hsl(227, 70%, 48%)
Luminancia
0,098
North Star Blue #1B3396
RGB
rgb(27, 51, 150)
HSL
hsl(228, 69%, 35%)
Luminancia
0,048
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminancia
0,000
Emptiness #FCFCFC
RGB
rgb(252, 252, 252)
HSL
hsl(0, 0%, 99%)
Luminancia
0,973
Green of Bhabua #C7FB58
RGB
rgb(199, 251, 88)
HSL
hsl(79, 95%, 66%)
Luminancia
0,818
Reptile Green #1FDE91
RGB
rgb(31, 222, 145)
HSL
hsl(156, 75%, 50%)
Luminancia
0,546
Light Shōjin Blue #1457F4
RGB
rgb(20, 87, 244)
HSL
hsl(222, 91%, 52%)
Luminancia
0,135
Violet #9114DA
RGB
rgb(145, 20, 218)
HSL
hsl(278, 83%, 47%)
Luminancia
0,116
Watermelonade #E84651
RGB
rgb(232, 70, 81)
HSL
hsl(356, 78%, 59%)
Luminancia
0,221
Melon Orange #F29047
RGB
rgb(242, 144, 71)
HSL
hsl(26, 87%, 61%)
Luminancia
0,393

Contraste y accesibilidad

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

Aa #000000 sobre #FCFCFC 20,47:1 AAA
Aa #000000 sobre #C7FB58 17,37:1 AAA
Aa #000000 sobre #1FDE91 11,92:1 AAA
Aa #1B3396 sobre #FCFCFC 10,44:1 AAA
Aa #1B3396 sobre #C7FB58 8,86:1 AAA
Aa #000000 sobre #F29047 8,86:1 AAA
Aa #2549D1 sobre #FCFCFC 6,93:1 AA
Aa #FCFCFC sobre #9114DA 6,17:1 AA
Aa #1B3396 sobre #1FDE91 6,08:1 AA
Aa #2549D1 sobre #C7FB58 5,88:1 AA
Aa #FCFCFC sobre #1457F4 5,53:1 AA
Aa #000000 sobre #E84651 5,43:1 AA
Aa #C7FB58 sobre #9114DA 5,24:1 AA
Aa #C7FB58 sobre #1457F4 4,69:1 AA
Aa #1B3396 sobre #F29047 4,52:1 AA
Aa #2549D1 sobre #1FDE91 4,04:1 AA, texto grande
Aa #FCFCFC sobre #E84651 3,77:1 AA, texto grande
Aa #000000 sobre #1457F4 3,70:1 AA, texto grande
Aa #1FDE91 sobre #9114DA 3,59:1 AA, texto grande
Aa #000000 sobre #9114DA 3,32:1 AA, texto grande
Aa #1FDE91 sobre #1457F4 3,22:1 AA, texto grande
Aa #C7FB58 sobre #E84651 3,20:1 AA, texto grande
Aa #2549D1 sobre #F29047 3,00:1 AA, texto grande
Aa #2549D1 sobre #000000 2,95:1 No aprobado
Aa #1B3396 sobre #E84651 2,77:1 No aprobado
Aa #9114DA sobre #F29047 2,67:1 No aprobado
Aa #1457F4 sobre #F29047 2,39:1 No aprobado
Aa #FCFCFC sobre #F29047 2,31:1 No aprobado
Aa #1FDE91 sobre #E84651 2,20:1 No aprobado
Aa #1B3396 sobre #000000 1,96:1 No aprobado
Aa #C7FB58 sobre #F29047 1,96:1 No aprobado
Aa #1B3396 sobre #1457F4 1,89:1 No aprobado
Aa #2549D1 sobre #E84651 1,84:1 No aprobado
Aa #FCFCFC sobre #1FDE91 1,72:1 No aprobado
Aa #1B3396 sobre #9114DA 1,69:1 No aprobado
Aa #9114DA sobre #E84651 1,64:1 No aprobado
Aa #E84651 sobre #F29047 1,63:1 No aprobado
Aa #2549D1 sobre #1B3396 1,51:1 No aprobado
Aa #1457F4 sobre #E84651 1,47:1 No aprobado
Aa #C7FB58 sobre #1FDE91 1,46:1 No aprobado
Aa #1FDE91 sobre #F29047 1,35:1 No aprobado
Aa #2549D1 sobre #1457F4 1,25:1 No aprobado
Aa #FCFCFC sobre #C7FB58 1,18:1 No aprobado
Aa #2549D1 sobre #9114DA 1,12:1 No aprobado
Aa #1457F4 sobre #9114DA 1,12:1 No aprobado

Paletas similares

#222831 #393E46 #00ADB5 #EEEEEE
4 colores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colores
#27374D #526D82 #9DB2BF #DDE6ED
4 colores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colores
#E4F9F5 #30E3CA #11999E #40514E
4 colores
#F0F5F9 #C9D6DF #52616B #1E2022
4 colores