Paleta “Sulphur” de 4 cores

Paleta “Sulphur” de 4 cores

Paleta de 4 cores · Quente · Escura · Harmonia: Análoga

Paleta “Sulphur” de 4 cores

Paleta de 4 cores · Temperatura: Quente · Tonalidade: Escura · Harmonia: Análoga

Editar
Sóbria 4 cores Quente Escura Análoga
Curtidas 5.639
Cores 4


Variáveis CSS

:root {
  --c-muted-1: #CDB30C;
  --c-muted-2: #62760C;
  --c-muted-3: #535204;
  --c-muted-4: #523906;
}

Sobre esta paleta

Esta paleta sóbria de 4 cores vai de Sulphur (#CDB30C), o tom mais claro, até Pineapple (#523906), o mais escuro. Ela reúne Sulphur, Murky Green, Scorzonera Brown e Pineapple em um único conjunto que você pode levar direto para uma interface. Dos seus 6 pares de cores, 1 atinge o limiar de contraste WCAG AA (4,5:1) para texto corrido — o mais forte é #CDB30C sobre #523906, com 5,16: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

Sulphur #CDB30C
RGB
rgb(205, 179, 12)
HSL
hsl(52, 89%, 43%)
Luminância
0,453
Murky Green #62760C
RGB
rgb(98, 118, 12)
HSL
hsl(71, 82%, 25%)
Luminância
0,156
Scorzonera Brown #535204
RGB
rgb(83, 82, 4)
HSL
hsl(59, 91%, 17%)
Luminância
0,079
Pineapple #523906
RGB
rgb(82, 57, 6)
HSL
hsl(40, 86%, 17%)
Luminância
0,047

Contraste e acessibilidade

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

Aa #CDB30C sobre #523906 5,16:1 AA
Aa #CDB30C sobre #535204 3,90:1 AA, texto grande
Aa #CDB30C sobre #62760C 2,44:1 Reprovado
Aa #62760C sobre #523906 2,11:1 Reprovado
Aa #62760C sobre #535204 1,60:1 Reprovado
Aa #535204 sobre #523906 1,32:1 Reprovado

Paletas semelhantes

#000000 #3D0000 #950101 #FF0000
4 cores
#E23E57 #88304E #522546 #311D3F
4 cores
#FF204E #A0153E #5D0E41 #00224D
4 cores
#030637 #3C0753 #720455 #910A67
4 cores
#1C0A00 #361500 #603601 #CC9544
4 cores
#252525 #FF0000 #AF0404 #414141
4 cores
#362222 #171010 #423F3E #2B2B2B
4 cores
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 cores