553B20

553B20

Exportar cor como imagem

O valor RGB da cor #553B20 é (85,59,32).

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

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

Conversões da Cor #553B20

HEX 553B20
RGB 85, 59, 32
CMYK 0, 31, 62, 67
HSB 31, 62, 33
HSL 31, 45, 23
LAB 27.19, 8.07, 21.08
LCH 27.19, 22.57, 69.05
XYZ 5.57, 5.16, 2.07
LUV 27.19, 18.37, 18.52
HWB 31, 13, 77

Variações da Cor #553B20

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

Sombras (Shades) da Cor #553B20

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

553B20
4F371E
4A331C
442F1A
3E2B17
392715
332313
2D1F11
281C0F
22180D
1C140B
171009
110C06
0B0804
060402
000000

Tons Claros (Tints) da Cor #553B20

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.

553B20
60482F
6C553E
77624D
826F5B
8E7C6A
998979
A49688
B0A497
BBB1A6
C6BEB5
D2CBC4
DDD8D2
E8E5E1
F4F2F0
FFFFFF

Tons (Tones) da Cor #553B20

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.

553B20
584026
5B442D
5E4933
604D3A
635240
665746
695B4D
6C6053
6F645A
726960
756E66
77726D
7A7773
7D7B7A
808080

Matizes (Hues) da Cor #553B20

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.

202F55
262055
3C2055
512055
552044
55202F
552620
553B20
555120
445520
2F5520
205526
20553C
205551
204455

Temperaturas da Cor #553B20

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.

55203A
552033
55202B
552024
552520
552C20
553420
553B20
554320
554A20
555220
515520
4A5520
425520
3A5520

Harmonias da Cor #553B20

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.

552120
553B20
545520

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.

553B20
203A55

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.

553B20
205455
212055

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.

553B20
20553C
3C2055

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.

553B20
3A5520
203A55
3C2055

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.

553B20
205521
203A55
552054

Simulador de Daltonismo da Cor #553B20

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

553B20
4A4A27
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

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

Tritanopia

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

553B20
542C2D
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

553B20
504423
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

553B20
504224
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

553B20
543425
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

553B20
404040
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #553B20

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#553B20 • Contraste de cores
Contraste: 10.33: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#553B20 • Contraste de cores
Contraste: 2.03: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