Paleta “Tears of Joy” de 4 cores

Paleta “Tears of Joy” de 4 cores

Paleta de 4 cores · Fria · Clara · Harmonia: Complementar

Paleta “Tears of Joy” de 4 cores

Paleta de 4 cores · Temperatura: Fria · Tonalidade: Clara · Harmonia: Complementar

Editar
Sóbria 4 cores Fria Clara Complementar
Curtidas 2.915
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #30364F;
  --c-muted-2: #ACBAC4;
  --c-muted-3: #E1D9BC;
  --c-muted-4: #F0F0DB;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Tears of Joy (#F0F0DB), o tom mais claro, até Tiě Hēi Metal (#30364F), o mais escuro. Ela reúne Tiě Hēi Metal, Cold Snap, Coconut Cream e Tears of Joy em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 3 atingem o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #30364F sobre #F0F0DB, com 10,3: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

Tiě Hēi Metal #30364F
RGB
rgb(48, 54, 79)
HSL
hsl(228, 24%, 25%)
Luminância
0,038
Cold Snap #ACBAC4
RGB
rgb(172, 186, 196)
HSL
hsl(205, 17%, 72%)
Luminância
0,479
Coconut Cream #E1D9BC
RGB
rgb(225, 217, 188)
HSL
hsl(47, 38%, 81%)
Luminância
0,693
Tears of Joy #F0F0DB
RGB
rgb(240, 240, 219)
HSL
hsl(60, 41%, 90%)
Luminância
0,860

Contraste e acessibilidade

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

Aa #30364F sobre #F0F0DB 10,30:1 AAA
Aa #30364F sobre #E1D9BC 8,41:1 AAA
Aa #30364F sobre #ACBAC4 5,99:1 AA
Aa #ACBAC4 sobre #F0F0DB 1,72:1 Reprovado
Aa #ACBAC4 sobre #E1D9BC 1,40:1 Reprovado
Aa #E1D9BC sobre #F0F0DB 1,22:1 Reprovado

Paletas semelhantes

#E3FDFD #CBF1F5 #A6E3E9 #71C9CE
4 cores
#F4EEFF #DCD6F7 #A6B1E1 #424874
4 cores
#B1B2FF #AAC4FF #D2DAFF #EEF1FF
4 cores
#6096B4 #93BFCF #BDCDD6 #EEE9DA
4 cores
#A8D8EA #AA96DA #FCBAD3 #FFFFD2
4 cores
#DEFCF9 #CADEFC #C3BEF0 #CCA8E9
4 cores
#F7FBFC #D6E6F2 #B9D7EA #769FCD
4 cores
#C4DFDF #D2E9E9 #E3F4F4 #F8F6F4
4 cores