Criar conta Criar conta
Sadakiyo5

Sadakiyo5

Paleta de 5 cores · Quente · Clara · Harmonia: Complementar

Voltar à biblioteca

Sadakiyo5

Paleta de 5 cores · Temperatura: Quente · Tonalidade: Clara · Harmonia: Complementar

Editar
Sóbria 5 cores Quente Clara Complementar pink pastel cute grey
Curtidas 165
Cores 5

Variáveis CSS

:root {
  --c-muted-1: #555568;
  --c-muted-2: #8E9191;
  --c-muted-3: #EEB9C7;
  --c-muted-4: #F3EDED;
  --c-muted-5: #B9EEDC;
}

Sobre esta paleta

Esta paleta sóbria de 5 cores vai de First Blush (#F3EDED), o tom mais claro, até Academy Purple (#555568), o mais escuro. Ela reúne Academy Purple, Silver Snippet, Chantilly, First Blush e Salome em um único conjunto que você pode levar direto para uma interface. Dos seus 10 pares de cores, 2 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #555568 sobre #F3EDED, com 6,29: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

Academy Purple #555568
RGB
rgb(85, 85, 104)
HSL
hsl(240, 10%, 37%)
Luminância
0,094
Silver Snippet #8E9191
RGB
rgb(142, 145, 145)
HSL
hsl(180, 1%, 56%)
Luminância
0,281
Chantilly #EEB9C7
RGB
rgb(238, 185, 199)
HSL
hsl(344, 61%, 83%)
Luminância
0,570
First Blush #F3EDED
RGB
rgb(243, 237, 237)
HSL
hsl(0, 20%, 94%)
Luminância
0,857
Salome #B9EEDC
RGB
rgb(185, 238, 220)
HSL
hsl(160, 61%, 83%)
Luminância
0,766

Contraste e acessibilidade

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

Aa #555568 sobre #F3EDED 6,29:1 AA
Aa #555568 sobre #B9EEDC 5,66:1 AA
Aa #555568 sobre #EEB9C7 4,30:1 AA, texto grande
Aa #8E9191 sobre #F3EDED 2,75:1 Reprovado
Aa #8E9191 sobre #B9EEDC 2,47:1 Reprovado
Aa #555568 sobre #8E9191 2,29:1 Reprovado
Aa #8E9191 sobre #EEB9C7 1,88:1 Reprovado
Aa #EEB9C7 sobre #F3EDED 1,46:1 Reprovado
Aa #EEB9C7 sobre #B9EEDC 1,32:1 Reprovado
Aa #F3EDED sobre #B9EEDC 1,11:1 Reprovado

Paletas semelhantes

#FFF5E4 #FFE3E1 #FFD1D1 #FF9494
4 cores
#F9F5F6 #F8E8EE #FDCEDF #F2BED1
4 cores
#FFC7C7 #FFE2E2 #F6F6F6 #8785A2
4 cores
#AD8B73 #CEAB93 #E3CAA5 #FFFBE9
4 cores
#F38181 #FCE38A #EAFFD0 #95E1D3
4 cores
#B7C4CF #EEE3CB #D7C0AE #967E76
4 cores
#FFEDDB #EDCDBB #E3B7A0 #BF9270
4 cores
#8D7B68 #A4907C #C8B6A6 #F1DEC9
4 cores