Criar conta Criar conta
Cyan Abyss

Cyan Abyss

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

Voltar à biblioteca

Cyan Abyss

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

Editar
Sóbria 11 cores Fria Escura Análoga dark black cyan cave
Curtidas 159
Cores 11

Variáveis CSS

:root {
  --c-muted-1: #06080A;
  --c-muted-2: #080E12;
  --c-muted-3: #09151B;
  --c-muted-4: #081E26;
  --c-muted-5: #052A32;
  --c-muted-6: #184042;
  --c-muted-7: #204C48;
  --c-muted-8: #365C51;
  --c-muted-9: #4E715F;
  --c-muted-10: #809A80;
  --c-muted-11: #9EAF99;
}

Sobre esta paleta

Esta paleta sóbria de 11 cores vai de Garden (#9EAF99), o tom mais claro, até Reversed Grey (#06080A), o mais escuro. Ela reúne Reversed Grey, Midnight Oil, Midnight Edition, Teal Spill, Daintree, Tiber, Nighthawks, Holly Bush, Green Valley, Dinosaur e Garden em um único conjunto que você pode levar direto para uma interface. Dos seus 55 pares de cores, 11 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #06080A sobre #9EAF99, com 8,64: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

Reversed Grey #06080A
RGB
rgb(6, 8, 10)
HSL
hsl(210, 25%, 3%)
Luminância
0,002
Midnight Oil #080E12
RGB
rgb(8, 14, 18)
HSL
hsl(204, 38%, 5%)
Luminância
0,004
Midnight Edition #09151B
RGB
rgb(9, 21, 27)
HSL
hsl(200, 50%, 7%)
Luminância
0,007
Teal Spill #081E26
RGB
rgb(8, 30, 38)
HSL
hsl(196, 65%, 9%)
Luminância
0,011
Daintree #052A32
RGB
rgb(5, 42, 50)
HSL
hsl(191, 82%, 11%)
Luminância
0,019
Tiber #184042
RGB
rgb(24, 64, 66)
HSL
hsl(183, 47%, 18%)
Luminância
0,043
Nighthawks #204C48
RGB
rgb(32, 76, 72)
HSL
hsl(175, 41%, 21%)
Luminância
0,059
Holly Bush #365C51
RGB
rgb(54, 92, 81)
HSL
hsl(163, 26%, 29%)
Luminância
0,090
Green Valley #4E715F
RGB
rgb(78, 113, 95)
HSL
hsl(149, 18%, 37%)
Luminância
0,143
Dinosaur #809A80
RGB
rgb(128, 154, 128)
HSL
hsl(120, 11%, 55%)
Luminância
0,293
Garden #9EAF99
RGB
rgb(158, 175, 153)
HSL
hsl(106, 12%, 64%)
Luminância
0,402

Contraste e acessibilidade

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

Aa #06080A sobre #9EAF99 8,64:1 AAA
Aa #080E12 sobre #9EAF99 8,36:1 AAA
Aa #09151B sobre #9EAF99 7,97:1 AAA
Aa #081E26 sobre #9EAF99 7,39:1 AAA
Aa #06080A sobre #809A80 6,55:1 AA
Aa #052A32 sobre #9EAF99 6,54:1 AA
Aa #080E12 sobre #809A80 6,33:1 AA
Aa #09151B sobre #809A80 6,04:1 AA
Aa #081E26 sobre #809A80 5,60:1 AA
Aa #052A32 sobre #809A80 4,95:1 AA
Aa #184042 sobre #9EAF99 4,89:1 AA
Aa #204C48 sobre #9EAF99 4,13:1 AA, texto grande
Aa #184042 sobre #809A80 3,70:1 AA, texto grande
Aa #06080A sobre #4E715F 3,68:1 AA, texto grande
Aa #080E12 sobre #4E715F 3,56:1 AA, texto grande
Aa #09151B sobre #4E715F 3,39:1 AA, texto grande
Aa #365C51 sobre #9EAF99 3,22:1 AA, texto grande
Aa #081E26 sobre #4E715F 3,15:1 AA, texto grande
Aa #204C48 sobre #809A80 3,13:1 AA, texto grande
Aa #052A32 sobre #4E715F 2,78:1 Reprovado
Aa #06080A sobre #365C51 2,68:1 Reprovado
Aa #080E12 sobre #365C51 2,59:1 Reprovado
Aa #09151B sobre #365C51 2,47:1 Reprovado
Aa #365C51 sobre #809A80 2,44:1 Reprovado
Aa #4E715F sobre #9EAF99 2,35:1 Reprovado
Aa #081E26 sobre #365C51 2,29:1 Reprovado
Aa #06080A sobre #204C48 2,09:1 Reprovado
Aa #184042 sobre #4E715F 2,08:1 Reprovado
Aa #052A32 sobre #365C51 2,03:1 Reprovado
Aa #080E12 sobre #204C48 2,02:1 Reprovado
Aa #09151B sobre #204C48 1,93:1 Reprovado
Aa #081E26 sobre #204C48 1,79:1 Reprovado
Aa #4E715F sobre #809A80 1,78:1 Reprovado
Aa #06080A sobre #184042 1,77:1 Reprovado
Aa #204C48 sobre #4E715F 1,76:1 Reprovado
Aa #080E12 sobre #184042 1,71:1 Reprovado
Aa #09151B sobre #184042 1,63:1 Reprovado
Aa #052A32 sobre #204C48 1,58:1 Reprovado
Aa #184042 sobre #365C51 1,52:1 Reprovado
Aa #081E26 sobre #184042 1,51:1 Reprovado
Aa #365C51 sobre #4E715F 1,37:1 Reprovado
Aa #052A32 sobre #184042 1,34:1 Reprovado
Aa #06080A sobre #052A32 1,32:1 Reprovado
Aa #809A80 sobre #9EAF99 1,32:1 Reprovado
Aa #080E12 sobre #052A32 1,28:1 Reprovado
Aa #204C48 sobre #365C51 1,28:1 Reprovado
Aa #09151B sobre #052A32 1,22:1 Reprovado
Aa #184042 sobre #204C48 1,18:1 Reprovado
Aa #06080A sobre #081E26 1,17:1 Reprovado
Aa #080E12 sobre #081E26 1,13:1 Reprovado
Aa #081E26 sobre #052A32 1,13:1 Reprovado
Aa #06080A sobre #09151B 1,08:1 Reprovado
Aa #09151B sobre #081E26 1,08:1 Reprovado
Aa #080E12 sobre #09151B 1,05:1 Reprovado
Aa #06080A sobre #080E12 1,03: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