Criar conta Criar conta
GODBLOOD8

GODBLOOD8

Paleta de 8 cores · Fria · Mista · Harmonia: Triádica

Voltar à biblioteca

GODBLOOD8

Paleta de 8 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Triádica

Editar
Vibrante 8 cores Fria Mista Triádica green blue hueshift godblood
Curtidas 53
Cores 8

Variáveis 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 vibrante de 8 cores vai de Light Yellowish Green (#C5FF8C), o tom mais claro, até Broken Tube (#000511), o mais escuro. Ela reúne Broken Tube, Squid’s Ink, Schiava Blue, Corsair, Elm, Aztec Jade, Experimintal Green e Light Yellowish Green em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000511 sobre #C5FF8C, com 17,53:1.

Uma paleta versátil para páginas de marketing, blocos hero de produtos, ilustrações e estados de destaque na interface.

Análise das cores

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

Contraste e acessibilidade

11 de 28 pares de cores atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido.

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 Reprovado
Aa #000511 sobre #15526B 2,38:1 Reprovado
Aa #051233 sobre #15526B 2,15:1 Reprovado
Aa #38BA8B sobre #C5FF8C 2,11:1 Reprovado
Aa #227A7A sobre #38BA8B 2,07:1 Reprovado
Aa #38BA8B sobre #55FF79 1,86:1 Reprovado
Aa #15526B sobre #227A7A 1,69:1 Reprovado
Aa #122A5E sobre #15526B 1,61:1 Reprovado
Aa #000511 sobre #122A5E 1,47:1 Reprovado
Aa #051233 sobre #122A5E 1,33:1 Reprovado
Aa #55FF79 sobre #C5FF8C 1,13:1 Reprovado
Aa #000511 sobre #051233 1,11:1 Reprovado

Paletas semelhantes

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