Registrarse Registrarse
Wicked Skies

Wicked Skies

Paleta de 12 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Volver a la biblioteca

Wicked Skies

Paleta de 12 colores · Colores fríos · Tonos oscuros · Armonía complementaria

Editar
Colores vibrantes 12 colores Colores fríos Tonos oscuros Armonía complementaria sky sunset vivid radiant
Me gusta 22
Colores 12

Variables CSS

:root {
  --c-vibrant-1: #00000F;
  --c-vibrant-2: #000133;
  --c-vibrant-3: #000356;
  --c-vibrant-4: #0203E2;
  --c-vibrant-5: #00CDFE;
  --c-vibrant-6: #680880;
  --c-vibrant-7: #FE007D;
  --c-vibrant-8: #DE1738;
  --c-vibrant-9: #FD5E53;
  --c-vibrant-10: #FC9C54;
  --c-vibrant-11: #FFE373;
  --c-vibrant-12: #FAFBBD;
}

Sobre esta paleta

Esta paleta de 12 colores vibrantes va de Cashew Cheese (#FAFBBD), su tono más claro, a Benthic Black (#00000F), el más oscuro. Combina Benthic Black, Mighty Midnight, Alucard’s Night, Pure Blue, Vivid Sky Blue, Peaceful Purple, Pink Poison, Wild Rider Red, Sunset Orange, Cocktail Hour, Shandy y Cashew Cheese en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 66. De ellas, 27 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #00000F sobre #FAFBBD, con 19,46: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

Benthic Black #00000F
RGB
rgb(0, 0, 15)
HSL
hsl(240, 100%, 3%)
Luminancia
0,000
Mighty Midnight #000133
RGB
rgb(0, 1, 51)
HSL
hsl(239, 100%, 10%)
Luminancia
0,003
Alucard’s Night #000356
RGB
rgb(0, 3, 86)
HSL
hsl(238, 100%, 17%)
Luminancia
0,007
Pure Blue #0203E2
RGB
rgb(2, 3, 226)
HSL
hsl(240, 98%, 45%)
Luminancia
0,056
Vivid Sky Blue #00CDFE
RGB
rgb(0, 205, 254)
HSL
hsl(192, 100%, 50%)
Luminancia
0,508
Peaceful Purple #680880
RGB
rgb(104, 8, 128)
HSL
hsl(288, 88%, 27%)
Luminancia
0,047
Pink Poison #FE007D
RGB
rgb(254, 0, 125)
HSL
hsl(330, 100%, 50%)
Luminancia
0,226
Wild Rider Red #DE1738
RGB
rgb(222, 23, 56)
HSL
hsl(350, 81%, 48%)
Luminancia
0,164
Sunset Orange #FD5E53
RGB
rgb(253, 94, 83)
HSL
hsl(4, 98%, 66%)
Luminancia
0,295
Cocktail Hour #FC9C54
RGB
rgb(252, 156, 84)
HSL
hsl(26, 97%, 66%)
Luminancia
0,451
Shandy #FFE373
RGB
rgb(255, 227, 115)
HSL
hsl(48, 100%, 73%)
Luminancia
0,774
Cashew Cheese #FAFBBD
RGB
rgb(250, 251, 189)
HSL
hsl(61, 89%, 86%)
Luminancia
0,930

Contraste y accesibilidad

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

Aa #00000F sobre #FAFBBD 19,46:1 AAA
Aa #000133 sobre #FAFBBD 18,63:1 AAA
Aa #000356 sobre #FAFBBD 17,08:1 AAA
Aa #00000F sobre #FFE373 16,37:1 AAA
Aa #000133 sobre #FFE373 15,67:1 AAA
Aa #000356 sobre #FFE373 14,37:1 AAA
Aa #00000F sobre #00CDFE 11,09:1 AAA
Aa #000133 sobre #00CDFE 10,61:1 AAA
Aa #680880 sobre #FAFBBD 10,13:1 AAA
Aa #00000F sobre #FC9C54 9,95:1 AAA
Aa #000356 sobre #00CDFE 9,73:1 AAA
Aa #000133 sobre #FC9C54 9,53:1 AAA
Aa #0203E2 sobre #FAFBBD 9,27:1 AAA
Aa #000356 sobre #FC9C54 8,73:1 AAA
Aa #680880 sobre #FFE373 8,52:1 AAA
Aa #0203E2 sobre #FFE373 7,80:1 AAA
Aa #00000F sobre #FD5E53 6,86:1 AA
Aa #000133 sobre #FD5E53 6,56:1 AA
Aa #000356 sobre #FD5E53 6,02:1 AA
Aa #00CDFE sobre #680880 5,77:1 AA
Aa #00000F sobre #FE007D 5,47:1 AA
Aa #0203E2 sobre #00CDFE 5,28:1 AA
Aa #000133 sobre #FE007D 5,24:1 AA
Aa #680880 sobre #FC9C54 5,18:1 AA
Aa #000356 sobre #FE007D 4,80:1 AA
Aa #0203E2 sobre #FC9C54 4,74:1 AA
Aa #DE1738 sobre #FAFBBD 4,57:1 AA
Aa #00000F sobre #DE1738 4,26:1 AA, texto grande
Aa #000133 sobre #DE1738 4,07:1 AA, texto grande
Aa #DE1738 sobre #FFE373 3,85:1 AA, texto grande
Aa #000356 sobre #DE1738 3,74:1 AA, texto grande
Aa #680880 sobre #FD5E53 3,57:1 AA, texto grande
Aa #FE007D sobre #FAFBBD 3,56:1 AA, texto grande
Aa #0203E2 sobre #FD5E53 3,27:1 AA, texto grande
Aa #FE007D sobre #FFE373 2,99:1 No aprobado
Aa #680880 sobre #FE007D 2,85:1 No aprobado
Aa #FD5E53 sobre #FAFBBD 2,84:1 No aprobado
Aa #0203E2 sobre #FE007D 2,61:1 No aprobado
Aa #00CDFE sobre #DE1738 2,60:1 No aprobado
Aa #FD5E53 sobre #FFE373 2,39:1 No aprobado
Aa #DE1738 sobre #FC9C54 2,34:1 No aprobado
Aa #680880 sobre #DE1738 2,21:1 No aprobado
Aa #00000F sobre #0203E2 2,10:1 No aprobado
Aa #0203E2 sobre #DE1738 2,03:1 No aprobado
Aa #00CDFE sobre #FE007D 2,03:1 No aprobado
Aa #000133 sobre #0203E2 2,01:1 No aprobado
Aa #FC9C54 sobre #FAFBBD 1,96:1 No aprobado
Aa #00000F sobre #680880 1,92:1 No aprobado
Aa #000133 sobre #680880 1,84:1 No aprobado
Aa #000356 sobre #0203E2 1,84:1 No aprobado
Aa #FE007D sobre #FC9C54 1,82:1 No aprobado
Aa #00CDFE sobre #FAFBBD 1,76:1 No aprobado
Aa #000356 sobre #680880 1,69:1 No aprobado
Aa #FC9C54 sobre #FFE373 1,65:1 No aprobado
Aa #00CDFE sobre #FD5E53 1,62:1 No aprobado
Aa #DE1738 sobre #FD5E53 1,61:1 No aprobado
Aa #00CDFE sobre #FFE373 1,48:1 No aprobado
Aa #FD5E53 sobre #FC9C54 1,45:1 No aprobado
Aa #FE007D sobre #DE1738 1,29:1 No aprobado
Aa #FE007D sobre #FD5E53 1,25:1 No aprobado
Aa #FFE373 sobre #FAFBBD 1,19:1 No aprobado
Aa #00000F sobre #000356 1,14:1 No aprobado
Aa #00CDFE sobre #FC9C54 1,11:1 No aprobado
Aa #000133 sobre #000356 1,09:1 No aprobado
Aa #0203E2 sobre #680880 1,09:1 No aprobado
Aa #00000F sobre #000133 1,04:1 No aprobado

Paletas similares

#212121 #323232 #0D7377 #14FFEC
4 colores
#0A2647 #144272 #205295 #2C74B3
4 colores
#040D12 #183D3D #5C8374 #93B1A6
4 colores
#142850 #27496D #0C7B93 #00A8CC
4 colores
#635985 #443C68 #393053 #18122B
4 colores
#000000 #150050 #3F0071 #610094
4 colores
#151515 #301B3F #3C415C #B4A5A5
4 colores
#041C32 #04293A #064663 #ECB365
4 colores