396A55

396A55

Exportar cor como imagem

O valor RGB da cor #396A55 é (57,106,85).

A cor hexadecimal #396A55 tem valor vermelho 57, valor verde 106 e valor azul 85 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #396A55: matiz: 0,43, saturação: 0,30 e luminosidade: 0,32.

A cor correspondente ao código hexadecimal #396A55 é 0,46, 0,00, 0,20, 0,58. A cor segura para a web correspondente a #396A55 é #336666. A cor #396A55 contém principalmente a cor verde.

Conversões da Cor #396A55

HEX 396A55
RGB 57, 106, 85
CMYK 46, 0, 20, 58
HSB 154, 46, 42
HSL 154, 30, 32
LAB 40.94, -22.03, 6.67
LCH 40.94, 23.02, 163.16
XYZ 8.48, 11.83, 10.43
LUV 40.94, -22.19, 11.61
HWB 154, 22, 68

Variações da Cor #396A55

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

Sombras (Shades) da Cor #396A55

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

396A55
35634F
315C4A
2E5544
2A4E3E
264739
224033
1E392D
1B3128
172A22
13231C
0F1C17
0B1511
080E0B
040706
000000

Tons Claros (Tints) da Cor #396A55

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.

396A55
467460
537E6C
618877
6E9282
7B9C8E
88A699
95B0A4
A3B9B0
B0C3BB
BDCDC6
CAD7D2
D7E1DD
E5EBE8
F2F5F4
FFFFFF

Tons (Tones) da Cor #396A55

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.

396A55
3E6B58
426D5B
476E5E
4C7060
517163
557366
5A7469
5F766C
64776F
687972
6D7A75
727C77
777D7A
7B7F7D
808080

Matizes (Hues) da Cor #396A55

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.

6A3945
6A4139
6A5539
6A6839
586A39
456A39
396A41
396A55
396A68
39586A
39456A
41396A
55396A
68396A
6A3958

Temperaturas da Cor #396A55

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.

4E6A39
486A39
406A39
3A6A39
396A40
396A46
396A4E
396A55
396A5B
396A63
396A69
39646A
395D6A
39566A
394E6A

Harmonias da Cor #396A55

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.

396A3C
396A55
39676A

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.

396A55
6A394E

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.

396A55
6A3967
6A3C39

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.

396A55
55396A
6A5539

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.

396A55
394E6A
6A394E
6A5539

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.

396A55
3C396A
6A394E
676A39

Simulador de Daltonismo da Cor #396A55

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

396A55
4E4F5A
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

396A55
4B485B
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

396A55
3B5E5F
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

396A55
425A58
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

396A55
435D58
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

396A55
3B6459
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

396A55
595959
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #396A55

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

Fundo branco

BOM 3/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#396A55 • Contraste de cores
Contraste: 6.24:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Fundo preto

RUIM 2/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#396A55 • Contraste de cores
Contraste: 3.37: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