Criar conta Criar conta
TY Bleu 8

TY Bleu 8

Paleta de 8 cores · Fria · Mista · Harmonia: Complementar

Voltar à biblioteca

TY Bleu 8

Paleta de 8 cores · Temperatura: Fria · Tonalidade: Mista · Harmonia: Complementar

Editar
Sóbria 8 cores Fria Mista Complementar
Curtidas 32
Cores 8

Variáveis CSS

:root {
  --c-muted-1: #D2DBB2;
  --c-muted-2: #ACA28F;
  --c-muted-3: #876771;
  --c-muted-4: #5F556D;
  --c-muted-5: #76BB8D;
  --c-muted-6: #468282;
  --c-muted-7: #40406D;
  --c-muted-8: #2A2724;
}

Sobre esta paleta

Esta paleta sóbria de 8 cores vai de Prairie Willow (#D2DBB2), o tom mais claro, até Bokara Grey (#2A2724), o mais escuro. Ela reúne Prairie Willow, Sage the Day, Grape Shake, Arraign, Water Fern, Paradiso, Overcast Night e Bokara Grey em um único conjunto que você pode levar direto para uma interface. Dos seus 28 pares de cores, 5 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #D2DBB2 sobre #2A2724, com 10,26: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

Prairie Willow #D2DBB2
RGB
rgb(210, 219, 178)
HSL
hsl(73, 36%, 78%)
Luminância
0,676
Sage the Day #ACA28F
RGB
rgb(172, 162, 143)
HSL
hsl(39, 15%, 62%)
Luminância
0,366
Grape Shake #876771
RGB
rgb(135, 103, 113)
HSL
hsl(341, 13%, 47%)
Luminância
0,160
Arraign #5F556D
RGB
rgb(95, 85, 109)
HSL
hsl(265, 12%, 38%)
Luminância
0,100
Water Fern #76BB8D
RGB
rgb(118, 187, 141)
HSL
hsl(140, 34%, 60%)
Luminância
0,413
Paradiso #468282
RGB
rgb(70, 130, 130)
HSL
hsl(180, 30%, 39%)
Luminância
0,189
Overcast Night #40406D
RGB
rgb(64, 64, 109)
HSL
hsl(240, 26%, 34%)
Luminância
0,059
Bokara Grey #2A2724
RGB
rgb(42, 39, 36)
HSL
hsl(30, 8%, 15%)
Luminância
0,021

Contraste e acessibilidade

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

Aa #D2DBB2 sobre #2A2724 10,26:1 AAA
Aa #D2DBB2 sobre #40406D 6,68:1 AA
Aa #76BB8D sobre #2A2724 6,55:1 AA
Aa #ACA28F sobre #2A2724 5,88:1 AA
Aa #D2DBB2 sobre #5F556D 4,83:1 AA
Aa #76BB8D sobre #40406D 4,26:1 AA, texto grande
Aa #ACA28F sobre #40406D 3,83:1 AA, texto grande
Aa #D2DBB2 sobre #876771 3,45:1 AA, texto grande
Aa #468282 sobre #2A2724 3,38:1 AA, texto grande
Aa #5F556D sobre #76BB8D 3,08:1 AA, texto grande
Aa #D2DBB2 sobre #468282 3,04:1 AA, texto grande
Aa #876771 sobre #2A2724 2,98:1 Reprovado
Aa #ACA28F sobre #5F556D 2,77:1 Reprovado
Aa #876771 sobre #76BB8D 2,20:1 Reprovado
Aa #468282 sobre #40406D 2,20:1 Reprovado
Aa #5F556D sobre #2A2724 2,13:1 Reprovado
Aa #ACA28F sobre #876771 1,98:1 Reprovado
Aa #876771 sobre #40406D 1,94:1 Reprovado
Aa #76BB8D sobre #468282 1,94:1 Reprovado
Aa #D2DBB2 sobre #ACA28F 1,74:1 Reprovado
Aa #ACA28F sobre #468282 1,74:1 Reprovado
Aa #5F556D sobre #468282 1,59:1 Reprovado
Aa #D2DBB2 sobre #76BB8D 1,57:1 Reprovado
Aa #40406D sobre #2A2724 1,54:1 Reprovado
Aa #876771 sobre #5F556D 1,40:1 Reprovado
Aa #5F556D sobre #40406D 1,38:1 Reprovado
Aa #876771 sobre #468282 1,13:1 Reprovado
Aa #ACA28F sobre #76BB8D 1,11:1 Reprovado

Paletas semelhantes

#222831 #393E46 #00ADB5 #EEEEEE
4 cores
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 cores
#1B262C #0F4C75 #3282B8 #BBE1FA
4 cores
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 cores
#27374D #526D82 #9DB2BF #DDE6ED
4 cores
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 cores
#E4F9F5 #30E3CA #11999E #40514E
4 cores
#F0F5F9 #C9D6DF #52616B #1E2022
4 cores