553A66

553A66

Exportar cor como imagem

O valor RGB da cor #553A66 é (85,58,102).

A cor hexadecimal #553A66 tem valor vermelho 85, valor verde 58 e valor azul 102 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #553A66: matiz: 0,77, saturação: 0,28 e luminosidade: 0,31.

A cor correspondente ao código hexadecimal #553A66 é 0,17, 0,43, 0,00, 0,60. A cor segura para a web correspondente a #553A66 é #663366. A cor #553A66 contém principalmente a cor roxo.

Conversões da Cor #553A66

HEX 553A66
RGB 85, 58, 102
CMYK 17, 43, 0, 60
HSB 277, 43, 40
HSL 277, 28, 31
LAB 29.21, 21.10, -21.31
LCH 29.21, 29.99, 314.72
XYZ 7.66, 5.92, 13.31
LUV 29.21, 10.18, -29.50
HWB 277, 22, 69

Variações da Cor #553A66

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

Sombras (Shades) da Cor #553A66

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

553A66
4F365F
4A3258
442E52
3E2B4B
392744
33233D
2D1F36
281B30
221729
1C1322
170F1B
110C14
0B080E
060407
000000

Tons Claros (Tints) da Cor #553A66

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.

553A66
604770
6C547A
776185
826F8F
8E7C99
9989A3
A496AD
B0A3B8
BBB0C2
C6BDCC
D2CAD6
DDD8E0
E8E5EB
F4F2F5
FFFFFF

Tons (Tones) da Cor #553A66

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.

553A66
583F68
5B4369
5E486B
604D6D
63516F
665670
695B72
6C5F74
6F6476
726977
756D79
77727B
7A777D
7D7B7E
808080

Matizes (Hues) da Cor #553A66

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.

416539
396543
396554
396465
395365
394165
433965
553A66
653964
653953
653941
654339
655439
646539
536539

Temperaturas da Cor #553A66

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.

394A65
394465
393D65
3A3965
413965
473965
4E3965
553A66
5A3965
613965
653964
65395D
653957
653951
65394A

Harmonias da Cor #553A66

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.

3E3965
553A66
653960

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.

553A66
4A6539

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.

553A66
606539
39653E

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.

553A66
655439
396554

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.

553A66
65394A
4A6539
396554

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.

553A66
653E39
4A6539
396065

Simulador de Daltonismo da Cor #553A66

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

553A66
49495B
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

553A66
4B4D59
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

553A66
545351
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

553A66
504361
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

553A66
504160
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

553A66
54465E
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

553A66
474747
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #553A66

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#553A66 • Contraste de cores
Contraste: 9.62: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#553A66 • Contraste de cores
Contraste: 2.18: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