Criar conta Criar conta
Storms And Cyan

Storms And Cyan

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

Voltar à biblioteca

Storms And Cyan

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

Editar
Sóbria 8 cores Fria Escura Análoga warm blue cyan cool
Curtidas 46
Cores 8

Variáveis CSS

:root {
  --c-muted-1: #00000E;
  --c-muted-2: #001933;
  --c-muted-3: #003F51;
  --c-muted-4: #007F8E;
  --c-muted-5: #00AEB8;
  --c-muted-6: #00BEBC;
  --c-muted-7: #00CDC9;
  --c-muted-8: #00FDFF;
}

Sobre esta paleta

Esta paleta sóbria de 8 cores vai de Fluorescent Turquoise (#00FDFF), o tom mais claro, até Benthic Black (#00000E), o mais escuro. Ela reúne Benthic Black, Oxford by Night, Crab Nebula, Island Lush, Deep Turquoise, Cyan Sky, Tilla Kari Mosque e Fluorescent Turquoise 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 é #00000E sobre #00FDFF, com 16,39: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

Benthic Black #00000E
RGB
rgb(0, 0, 14)
HSL
hsl(240, 100%, 3%)
Luminância
0,000
Oxford by Night #001933
RGB
rgb(0, 25, 51)
HSL
hsl(211, 100%, 10%)
Luminância
0,009
Crab Nebula #003F51
RGB
rgb(0, 63, 81)
HSL
hsl(193, 100%, 16%)
Luminância
0,042
Island Lush #007F8E
RGB
rgb(0, 127, 142)
HSL
hsl(186, 100%, 28%)
Luminância
0,171
Deep Turquoise #00AEB8
RGB
rgb(0, 174, 184)
HSL
hsl(183, 100%, 36%)
Luminância
0,337
Cyan Sky #00BEBC
RGB
rgb(0, 190, 188)
HSL
hsl(179, 100%, 37%)
Luminância
0,405
Tilla Kari Mosque #00CDC9
RGB
rgb(0, 205, 201)
HSL
hsl(179, 100%, 40%)
Luminância
0,479
Fluorescent Turquoise #00FDFF
RGB
rgb(0, 253, 255)
HSL
hsl(180, 100%, 50%)
Luminância
0,775

Contraste e acessibilidade

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

Aa #00000E sobre #00FDFF 16,39:1 AAA
Aa #001933 sobre #00FDFF 13,90:1 AAA
Aa #00000E sobre #00CDC9 10,51:1 AAA
Aa #00000E sobre #00BEBC 9,03:1 AAA
Aa #003F51 sobre #00FDFF 9,01:1 AAA
Aa #001933 sobre #00CDC9 8,91:1 AAA
Aa #00000E sobre #00AEB8 7,70:1 AAA
Aa #001933 sobre #00BEBC 7,66:1 AAA
Aa #001933 sobre #00AEB8 6,53:1 AA
Aa #003F51 sobre #00CDC9 5,78:1 AA
Aa #003F51 sobre #00BEBC 4,97:1 AA
Aa #00000E sobre #007F8E 4,40:1 AA, texto grande
Aa #003F51 sobre #00AEB8 4,23:1 AA, texto grande
Aa #001933 sobre #007F8E 3,73:1 AA, texto grande
Aa #007F8E sobre #00FDFF 3,73:1 AA, texto grande
Aa #003F51 sobre #007F8E 2,42:1 Reprovado
Aa #007F8E sobre #00CDC9 2,39:1 Reprovado
Aa #00AEB8 sobre #00FDFF 2,13:1 Reprovado
Aa #007F8E sobre #00BEBC 2,05:1 Reprovado
Aa #00000E sobre #003F51 1,82:1 Reprovado
Aa #00BEBC sobre #00FDFF 1,81:1 Reprovado
Aa #007F8E sobre #00AEB8 1,75:1 Reprovado
Aa #00CDC9 sobre #00FDFF 1,56:1 Reprovado
Aa #001933 sobre #003F51 1,54:1 Reprovado
Aa #00AEB8 sobre #00CDC9 1,37:1 Reprovado
Aa #00000E sobre #001933 1,18:1 Reprovado
Aa #00AEB8 sobre #00BEBC 1,17:1 Reprovado
Aa #00BEBC sobre #00CDC9 1,16: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