Registrarse Registrarse
GODBLOOD8

GODBLOOD8

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía triádica

Volver a la biblioteca

GODBLOOD8

Paleta de 8 colores · Colores fríos · Tonos mixtos · Armonía triádica

Editar
Colores vibrantes 8 colores Colores fríos Tonos mixtos Armonía triádica green blue hueshift godblood
Me gusta 53
Colores 8

Variables CSS

:root {
  --c-vibrant-1: #000511;
  --c-vibrant-2: #051233;
  --c-vibrant-3: #122A5E;
  --c-vibrant-4: #15526B;
  --c-vibrant-5: #227A7A;
  --c-vibrant-6: #38BA8B;
  --c-vibrant-7: #55FF79;
  --c-vibrant-8: #C5FF8C;
}

Sobre esta paleta

Esta paleta de 8 colores vibrantes va de Light Yellowish Green (#C5FF8C), su tono más claro, a Broken Tube (#000511), el más oscuro. Combina Broken Tube, Squid’s Ink, Schiava Blue, Corsair, Elm, Aztec Jade, Experimintal Green y Light Yellowish Green en un solo conjunto que puedes llevar directamente a una interfaz. Combinaciones de colores en la paleta: 28. De ellas, 11 cumplen el umbral de contraste WCAG AA (4,5:1) para texto principal; la de mayor contraste es #000511 sobre #C5FF8C, con 17,53: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

Broken Tube #000511
RGB
rgb(0, 5, 17)
HSL
hsl(222, 100%, 3%)
Luminancia
0,002
Squid’s Ink #051233
RGB
rgb(5, 18, 51)
HSL
hsl(223, 82%, 11%)
Luminancia
0,007
Schiava Blue #122A5E
RGB
rgb(18, 42, 94)
HSL
hsl(221, 68%, 22%)
Luminancia
0,026
Corsair #15526B
RGB
rgb(21, 82, 107)
HSL
hsl(197, 67%, 25%)
Luminancia
0,073
Elm #227A7A
RGB
rgb(34, 122, 122)
HSL
hsl(180, 56%, 31%)
Luminancia
0,157
Aztec Jade #38BA8B
RGB
rgb(56, 186, 139)
HSL
hsl(158, 54%, 47%)
Luminancia
0,378
Experimintal Green #55FF79
RGB
rgb(85, 255, 121)
HSL
hsl(133, 100%, 67%)
Luminancia
0,748
Light Yellowish Green #C5FF8C
RGB
rgb(197, 255, 140)
HSL
hsl(90, 100%, 77%)
Luminancia
0,853

Contraste y accesibilidad

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

Aa #000511 sobre #C5FF8C 17,53:1 AAA
Aa #051233 sobre #C5FF8C 15,83:1 AAA
Aa #000511 sobre #55FF79 15,50:1 AAA
Aa #051233 sobre #55FF79 14,00:1 AAA
Aa #122A5E sobre #C5FF8C 11,89:1 AAA
Aa #122A5E sobre #55FF79 10,51:1 AAA
Aa #000511 sobre #38BA8B 8,32:1 AAA
Aa #051233 sobre #38BA8B 7,51:1 AAA
Aa #15526B sobre #C5FF8C 7,37:1 AAA
Aa #15526B sobre #55FF79 6,51:1 AA
Aa #122A5E sobre #38BA8B 5,64:1 AA
Aa #227A7A sobre #C5FF8C 4,37:1 AA, texto grande
Aa #000511 sobre #227A7A 4,01:1 AA, texto grande
Aa #227A7A sobre #55FF79 3,86:1 AA, texto grande
Aa #051233 sobre #227A7A 3,62:1 AA, texto grande
Aa #15526B sobre #38BA8B 3,49:1 AA, texto grande
Aa #122A5E sobre #227A7A 2,72:1 No aprobado
Aa #000511 sobre #15526B 2,38:1 No aprobado
Aa #051233 sobre #15526B 2,15:1 No aprobado
Aa #38BA8B sobre #C5FF8C 2,11:1 No aprobado
Aa #227A7A sobre #38BA8B 2,07:1 No aprobado
Aa #38BA8B sobre #55FF79 1,86:1 No aprobado
Aa #15526B sobre #227A7A 1,69:1 No aprobado
Aa #122A5E sobre #15526B 1,61:1 No aprobado
Aa #000511 sobre #122A5E 1,47:1 No aprobado
Aa #051233 sobre #122A5E 1,33:1 No aprobado
Aa #55FF79 sobre #C5FF8C 1,13:1 No aprobado
Aa #000511 sobre #051233 1,11: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