Criar conta Criar conta
NORA_asof_01 03 2024

NORA_asof_01 03 2024

Paleta de 6 cores · Quente · Mista · Harmonia: Monocromática

Voltar à biblioteca

NORA_asof_01 03 2024

Paleta de 6 cores · Temperatura: Quente · Tonalidade: Mista · Harmonia: Monocromática

Editar
Sóbria 6 cores Quente Mista Monocromática desaturated highcontrast girl nora
Curtidas 43
Cores 6

Variáveis CSS

:root {
  --c-muted-1: #000000;
  --c-muted-2: #3A292E;
  --c-muted-3: #82737B;
  --c-muted-4: #ADA2A6;
  --c-muted-5: #DDDDDD;
  --c-muted-6: #FFFFFF;
}

Sobre esta paleta

Esta paleta sóbria de 6 cores vai de White (#FFFFFF), o tom mais claro, até Black (#000000), o mais escuro. Ela reúne Black, Havana, Simple Plum, Quest Grey, Steam e White em um único conjunto que você pode levar direto para uma interface. Dos seus 15 pares de cores, 7 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #000000 sobre #FFFFFF, com 21: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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminância
0,000
Havana #3A292E
RGB
rgb(58, 41, 46)
HSL
hsl(342, 17%, 19%)
Luminância
0,027
Simple Plum #82737B
RGB
rgb(130, 115, 123)
HSL
hsl(328, 6%, 48%)
Luminância
0,184
Quest Grey #ADA2A6
RGB
rgb(173, 162, 166)
HSL
hsl(338, 6%, 66%)
Luminância
0,375
Steam #DDDDDD
RGB
rgb(221, 221, 221)
HSL
hsl(0, 0%, 87%)
Luminância
0,723
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Luminância
1,000

Contraste e acessibilidade

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

Aa #000000 sobre #FFFFFF 21,00:1 AAA
Aa #000000 sobre #DDDDDD 15,46:1 AAA
Aa #3A292E sobre #FFFFFF 13,67:1 AAA
Aa #3A292E sobre #DDDDDD 10,06:1 AAA
Aa #000000 sobre #ADA2A6 8,50:1 AAA
Aa #3A292E sobre #ADA2A6 5,53:1 AA
Aa #000000 sobre #82737B 4,69:1 AA
Aa #82737B sobre #FFFFFF 4,48:1 AA, texto grande
Aa #82737B sobre #DDDDDD 3,30:1 AA, texto grande
Aa #3A292E sobre #82737B 3,05:1 AA, texto grande
Aa #ADA2A6 sobre #FFFFFF 2,47:1 Reprovado
Aa #ADA2A6 sobre #DDDDDD 1,82:1 Reprovado
Aa #82737B sobre #ADA2A6 1,81:1 Reprovado
Aa #000000 sobre #3A292E 1,54:1 Reprovado
Aa #DDDDDD sobre #FFFFFF 1,36:1 Reprovado

Paletas semelhantes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 cores
#7D5A50 #B4846C #E5B299 #FCDEC0
4 cores
#FFF8EA #9E7676 #815B5B #594545
4 cores
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 cores
#F67280 #C06C84 #6C5B7B #355C7D
4 cores
#2B2E4A #E84545 #903749 #53354A
4 cores
#E5D9B6 #A4BE7B #5F8D4E #285430
4 cores
#A9907E #F3DEBA #ABC4AA #675D50
4 cores