553A20

553A20

Exportar cor como imagem

O valor RGB da cor #553A20 é (85,58,32).

A cor hexadecimal #553A20 tem valor vermelho 85, valor verde 58 e valor azul 32 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #553A20: matiz: 0,08, saturação: 0,45 e luminosidade: 0,23.

A cor correspondente ao código hexadecimal #553A20 é 0,00, 0,32, 0,62, 0,67. A cor segura para a web correspondente a #553A20 é #663333. A cor #553A20 contém principalmente a cor marrom.

Conversões da Cor #553A20

HEX 553A20
RGB 85, 58, 32
CMYK 0, 32, 62, 67
HSB 29, 62, 33
HSL 29, 45, 23
LAB 26.91, 8.69, 20.77
LCH 26.91, 22.51, 67.30
XYZ 5.52, 5.06, 2.05
LUV 26.91, 18.99, 18.08
HWB 29, 13, 77

Variações da Cor #553A20

Veja as variações de cores em tons, sombras, matizes e temperaturas.

Sombras (Shades) da Cor #553A20

Uma sombra é criada adicionando preto a uma cor base, aumentando sua intensidade. As tonalidades ficam mais dramáticas e ricas.

553A20
4F361E
4A321C
442E1A
3E2B17
392715
332313
2D1F11
281B0F
22170D
1C130B
170F09
110C06
0B0804
060402
000000

Tons Claros (Tints) da Cor #553A20

Uma tonalidade clara é criada adicionando branco a uma cor base, aumentando sua luminosidade. As Tints tendem a ter uma aparência pastel e menos intensa.

553A20
60472F
6C543E
77614D
826F5B
8E7C6A
998979
A49688
B0A397
BBB0A6
C6BDB5
D2CAC4
DDD8D2
E8E5E1
F4F2F0
FFFFFF

Tons (Tones) da Cor #553A20

Um tom é criado adicionando cinza a uma cor base, aumentando sua luminosidade. Os tons têm uma aparência mais sofisticada e complexa do que as cores base.

553A20
583F26
5B432D
5E4833
604D3A
635140
665646
695B4D
6C5F53
6F645A
726960
756D66
77726D
7A7773
7D7B7A
808080

Matizes (Hues) da Cor #553A20

Uma matiz refere-se à família básica de cores que vai do vermelho ao violeta. Matizes são variações de uma cor base no círculo cromático.

203155
252055
3A2055
4F2055
552046
552031
552520
553A20
554F20
465520
315520
205525
20553A
20554F
204655

Temperaturas da Cor #553A20

As cores são frequentemente divididas em frias e quentes de acordo com a forma como as percebemos. Verdes e azuis são cores frias, enquanto vermelhos e amarelos são cores quentes.

55203C
552034
55202D
552026
552320
552A20
553220
553A20
554120
554920
555020
525520
4B5520
435520
3C5520

Harmonias da Cor #553A20

Harmonias de cores são esquemas de cores agradáveis ​​criados de acordo com sua posição no círculo cromático. Saber mais

Análogas

Esquemas de cores análogas são criados escolhendo três cores que estão lado a lado no círculo cromático. Elas são percebidas como calmas e serenas.

552021
553A20
555420

Complementares

As combinações de cores complementares são criadas escolhendo duas cores opostas no círculo cromático. Elas parecem vibrantes quando estão próximas uma da outra.

553A20
203C55

Complementares Divididas

Esquemas complementares divididas são semelhantes aos complementares, mas utilizam duas cores adjacentes à cor complementar. Eles são mais flexíveis do que os complementares.

553A20
205554
202155

Triádicas

Esquemas de cores triádicas são criados escolhendo três cores equidistantes no círculo cromático. Elas apresentam um contraste acentuado e são multicoloridas.

553A20
20553A
3A2055

Tetrádicas

Os esquemas de cores tetrádicos são formados por dois pares de cores complementares dispostas em um retângulo no círculo cromático. São muito versáteis e funcionam melhor com uma cor dominante.

553A20
3C5520
203C55
3A2055

Quadradas

Esquemas de cores quadradas são como tetrádicas dispostas em um quadrado em vez de um retângulo. As cores parecem ainda mais contrastantes.

553A20
215520
203C55
542055

Simulador de Daltonismo da Cor #553A20

Analise como uma cor é percebida por pessoas daltônicas para criar designs acessíveis. Saber mais

Protanopia

1,3% dos homens, 0,02% das mulheres

553A20
494926
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

1,2% dos homens, 0,01% das mulheres

553A20
4B4D28
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

0,001% dos homens, 0,03% das mulheres

553A20
542B2C
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

1,0% dos homens, 0,02% das mulheres

553A20
504323
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

5,0% dos homens, 0,35% das mulheres

553A20
504124
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

0,01% da população (homens e mulheres igualmente)

553A20
543325
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

0,003% da população (homens e mulheres igualmente)

553A20
3F3F3F
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #553A20

Verifique o contraste de um texto em fundos branco e preto.

Fundo branco

MUITO BOM 4/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#553A20 • Contraste de cores
Contraste: 10.44:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Fundo preto

MUITO RUIM 1/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#553A20 • Contraste de cores
Contraste: 2.01:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Cores Relacionadas

Confira abaixo cores visualmente semelhantes:

Exportar Códigos de Cores

Formato de Exportação

Códigos Gerados