Criar conta Criar conta
Ocean Of Mystery

Ocean Of Mystery

Paleta de 5 cores · Fria · Escura · Harmonia: Triádica

Voltar à biblioteca

Ocean Of Mystery

Paleta de 5 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Triádica

Editar
Sóbria 5 cores Fria Escura Triádica blue ocean teal turquoise
Curtidas 31
Cores 5

Variáveis CSS

:root {
  --c-muted-1: #C1D6AC;
  --c-muted-2: #679E85;
  --c-muted-3: #367783;
  --c-muted-4: #05192F;
  --c-muted-5: #000000;
}

Sobre esta paleta

Esta paleta sóbria de 5 cores vai de Jade Bracelet (#C1D6AC), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Jade Bracelet, Scotch Lassie, Clear Viridian, Oxford by Night e Black em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #C1D6AC sobre #000000, com 13,48: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

Jade Bracelet #C1D6AC
RGB
rgb(193, 214, 172)
HSL
hsl(90, 34%, 76%)
Luminância
0,624
Scotch Lassie #679E85
RGB
rgb(103, 158, 133)
HSL
hsl(153, 22%, 51%)
Luminância
0,290
Clear Viridian #367783
RGB
rgb(54, 119, 131)
HSL
hsl(189, 42%, 36%)
Luminância
0,156
Oxford by Night #05192F
RGB
rgb(5, 25, 47)
HSL
hsl(211, 81%, 10%)
Luminância
0,009
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000

Contraste e acessibilidade

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

Aa #C1D6AC sobre #000000 13,48:1 AAA
Aa #C1D6AC sobre #05192F 11,36:1 AAA
Aa #679E85 sobre #000000 6,81:1 AA
Aa #679E85 sobre #05192F 5,74:1 AA
Aa #367783 sobre #000000 4,12:1 AA, texto grande
Aa #367783 sobre #05192F 3,48:1 AA, texto grande
Aa #C1D6AC sobre #367783 3,27:1 AA, texto grande
Aa #C1D6AC sobre #679E85 1,98:1 Reprovado
Aa #679E85 sobre #367783 1,65:1 Reprovado
Aa #05192F sobre #000000 1,19: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