#67332D

≈ sienna

%
Abrir página da cor

Códigos de cor

HEX#67332D
RGBrgb(103, 51, 45)
HSLhsl(6.21°, 39.19%, 29.02%)
HSVhsv(6.21°, 56.31%, 40.39%)
CMYKcmyk(0%, 50.49%, 56.31%, 59.61%)
XYZxyz(7.25, 5.44, 3.15)
LABlab(27.96, 22.59, 14.39)
LCHlch(27.96, 26.79, 32.49°)

Códigos de cor

HEX#67332D
RGBrgb(103, 51, 45)
HSLhsl(6.21°, 39.19%, 29.02%)
HSVhsv(6.21°, 56.31%, 40.39%)
CMYKcmyk(0%, 50.49%, 56.31%, 59.61%)
XYZxyz(7.25, 5.44, 3.15)
LABlab(27.96, 22.59, 14.39)
LCHlch(27.96, 26.79, 32.49°)

Acessibilidade

Sobre branco10.06:1AA ✓AAA ✓
Sobre preto2.09:1AA ✗AAA ✗

Um pequeno jabuti xereta

Texto corrido sobre a cor, para avaliar a legibilidade antes de a adotar.

Variações e combinações de cor

Os tons claros misturam a cor com branco puro e os escuros com preto puro. Ambas as escalas são calculadas em passos de 10%, para clarear ou escurecer um tom sem sair dele.

Tons escuros

Tons claros

Harmonias de cor

As harmonias escolhem cores acompanhantes pela posição no círculo cromático. Cada regra cria um ambiente diferente, do contraste forte às misturas suaves entre vizinhas.

#67332D
#2D6167

Complementar

O matiz diretamente oposto no círculo, a 180°. Contraste máximo: funciona melhor quando uma cor lidera e a outra dá o acento.

Criar gradiente
#67332D
#2D6750
#2D4467

Complementar dividida

A cor base mais as duas vizinhas da sua oposta, a cerca de 30° de cada lado. Mantém o contraste e suaviza o choque.

Criar gradiente
#67332D
#2D6733
#332D67

Triádica

Três matizes espaçados 120°. Vivo e equilibrado: deixe um dominar e use os outros como acentos.

Criar gradiente
#672D44
#67332D
#67502D

Análoga

Três matizes vizinhos a 30°. Pouco contraste e descansado, ideal para fundos calmos e gradientes.

Criar gradiente
#0E0706
#3C1E1A
#67332D
#924840
#B8655C

Monocromática

Um único matiz em vários níveis de luminosidade. Coerente por construção e o caminho mais seguro para uma interface uniforme.

Criar gradiente
#67332D
#61672D
#2D6167
#332D67

Tetrádica

Dois pares complementares formando um retângulo no círculo. O esquema mais rico e o que exige mais contenção.

Criar gradiente

Mais cores em tendência