Criar conta Criar conta
Cyclope6

Cyclope6

Paleta de 6 cores · Fria · Escura · Harmonia: Complementar

Voltar à biblioteca

Cyclope6

Paleta de 6 cores · Temperatura: Fria · Tonalidade: Escura · Harmonia: Complementar

Editar
Vibrante 6 cores Fria Escura Complementar red blue tritanopia complementary
Curtidas 742
Cores 6

Variáveis CSS

:root {
  --c-vibrant-1: #411D31;
  --c-vibrant-2: #631B34;
  --c-vibrant-3: #32535F;
  --c-vibrant-4: #0B8A8F;
  --c-vibrant-5: #0EAF9B;
  --c-vibrant-6: #30E1B9;
}

Sobre esta paleta

Esta paleta vibrante de 6 cores vai de Aquamarine (#30E1B9), o tom mais claro, até Blackberry (#411D31), o mais escuro. Ela reúne Blackberry, Brown Chocolate, Cold Sea Currents, Duvall, Cozumel e Aquamarine em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 4 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #411D31 sobre #30E1B9, com 8,72: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

Blackberry #411D31
RGB
rgb(65, 29, 49)
HSL
hsl(327, 38%, 18%)
Luminância
0,022
Brown Chocolate #631B34
RGB
rgb(99, 27, 52)
HSL
hsl(339, 57%, 25%)
Luminância
0,037
Cold Sea Currents #32535F
RGB
rgb(50, 83, 95)
HSL
hsl(196, 31%, 28%)
Luminância
0,077
Duvall #0B8A8F
RGB
rgb(11, 138, 143)
HSL
hsl(182, 86%, 30%)
Luminância
0,202
Cozumel #0EAF9B
RGB
rgb(14, 175, 155)
HSL
hsl(173, 85%, 37%)
Luminância
0,331
Aquamarine #30E1B9
RGB
rgb(48, 225, 185)
HSL
hsl(166, 75%, 54%)
Luminância
0,580

Contraste e acessibilidade

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

Aa #411D31 sobre #30E1B9 8,72:1 AAA
Aa #631B34 sobre #30E1B9 7,25:1 AAA
Aa #411D31 sobre #0EAF9B 5,28:1 AA
Aa #32535F sobre #30E1B9 4,96:1 AA
Aa #631B34 sobre #0EAF9B 4,39:1 AA, texto grande
Aa #411D31 sobre #0B8A8F 3,49:1 AA, texto grande
Aa #32535F sobre #0EAF9B 3,00:1 AA, texto grande
Aa #631B34 sobre #0B8A8F 2,91:1 Reprovado
Aa #0B8A8F sobre #30E1B9 2,50:1 Reprovado
Aa #32535F sobre #0B8A8F 1,99:1 Reprovado
Aa #411D31 sobre #32535F 1,76:1 Reprovado
Aa #0EAF9B sobre #30E1B9 1,65:1 Reprovado
Aa #0B8A8F sobre #0EAF9B 1,51:1 Reprovado
Aa #631B34 sobre #32535F 1,46:1 Reprovado
Aa #411D31 sobre #631B34 1,20: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