Criar conta Criar conta
ST 8 Ocean

ST 8 Ocean

Paleta de 8 cores · Fria · Escura · Harmonia: Análoga

Voltar à biblioteca

ST 8 Ocean

Paleta de 8 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Análoga

Editar
Vibrante 8 cores Fria Escura Análoga artist ocean water aqua
Curtidas 93
Cores 8

Variáveis CSS

:root {
  --c-vibrant-1: #040D09;
  --c-vibrant-2: #081A14;
  --c-vibrant-3: #0F332E;
  --c-vibrant-4: #165955;
  --c-vibrant-5: #238C8C;
  --c-vibrant-6: #39BFBF;
  --c-vibrant-7: #5CE5E5;
  --c-vibrant-8: #B2FAFF;
}

Sobre esta paleta

Esta paleta vibrante de 8 cores vai de Italian Sky Blue (#B2FAFF), o tom mais claro, até Alpine Salamander (#040D09), o mais escuro. Ela reúne Alpine Salamander, Black Stallion, Storm Green, Baltic Prince, Fish Story, Maximum Blue Green, Near Moon e Italian Sky Blue em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 12 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #040D09 sobre #B2FAFF, com 16,89: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

Alpine Salamander #040D09
RGB
rgb(4, 13, 9)
HSL
hsl(153, 53%, 3%)
Luminância
0,003
Black Stallion #081A14
RGB
rgb(8, 26, 20)
HSL
hsl(160, 53%, 7%)
Luminância
0,008
Storm Green #0F332E
RGB
rgb(15, 51, 46)
HSL
hsl(172, 55%, 13%)
Luminância
0,027
Baltic Prince #165955
RGB
rgb(22, 89, 85)
HSL
hsl(176, 60%, 22%)
Luminância
0,080
Fish Story #238C8C
RGB
rgb(35, 140, 140)
HSL
hsl(180, 60%, 34%)
Luminância
0,210
Maximum Blue Green #39BFBF
RGB
rgb(57, 191, 191)
HSL
hsl(180, 54%, 49%)
Luminância
0,419
Near Moon #5CE5E5
RGB
rgb(92, 229, 229)
HSL
hsl(180, 72%, 63%)
Luminância
0,640
Italian Sky Blue #B2FAFF
RGB
rgb(178, 250, 255)
HSL
hsl(184, 100%, 85%)
Luminância
0,851

Contraste e acessibilidade

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

Aa #040D09 sobre #B2FAFF 16,89:1 AAA
Aa #081A14 sobre #B2FAFF 15,42:1 AAA
Aa #040D09 sobre #5CE5E5 12,93:1 AAA
Aa #081A14 sobre #5CE5E5 11,81:1 AAA
Aa #0F332E sobre #B2FAFF 11,75:1 AAA
Aa #0F332E sobre #5CE5E5 9,00:1 AAA
Aa #040D09 sobre #39BFBF 8,79:1 AAA
Aa #081A14 sobre #39BFBF 8,03:1 AAA
Aa #165955 sobre #B2FAFF 6,94:1 AA
Aa #0F332E sobre #39BFBF 6,12:1 AA
Aa #165955 sobre #5CE5E5 5,32:1 AA
Aa #040D09 sobre #238C8C 4,88:1 AA
Aa #081A14 sobre #238C8C 4,45:1 AA, texto grande
Aa #165955 sobre #39BFBF 3,62:1 AA, texto grande
Aa #238C8C sobre #B2FAFF 3,46:1 AA, texto grande
Aa #0F332E sobre #238C8C 3,39:1 AA, texto grande
Aa #238C8C sobre #5CE5E5 2,65:1 Reprovado
Aa #040D09 sobre #165955 2,43:1 Reprovado
Aa #081A14 sobre #165955 2,22:1 Reprovado
Aa #165955 sobre #238C8C 2,00:1 Reprovado
Aa #39BFBF sobre #B2FAFF 1,92:1 Reprovado
Aa #238C8C sobre #39BFBF 1,80:1 Reprovado
Aa #0F332E sobre #165955 1,69:1 Reprovado
Aa #39BFBF sobre #5CE5E5 1,47:1 Reprovado
Aa #040D09 sobre #0F332E 1,44:1 Reprovado
Aa #081A14 sobre #0F332E 1,31:1 Reprovado
Aa #5CE5E5 sobre #B2FAFF 1,31:1 Reprovado
Aa #040D09 sobre #081A14 1,10:1 Reprovado

Paletas semelhantes

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