396A83

396A83

Exportar cor como imagem

O valor RGB da cor #396A83 é (57,106,131).

A cor hexadecimal #396A83 tem valor vermelho 57, valor verde 106 e valor azul 131 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #396A83: matiz: 0,56, saturação: 0,39 e luminosidade: 0,37.

A cor correspondente ao código hexadecimal #396A83 é 0,56, 0,19, 0,00, 0,49. A cor segura para a web correspondente a #396A83 é #336699. A cor #396A83 contém principalmente a cor azul.

Conversões da Cor #396A83

HEX 396A83
RGB 57, 106, 131
CMYK 56, 19, 0, 49
HSB 200, 56, 51
HSL 200, 39, 37
LAB 42.49, -8.90, -18.90
LCH 42.49, 20.89, 244.78
XYZ 10.94, 12.82, 23.37
LUV 42.49, -20.85, -25.54
HWB 200, 23, 63

Variações da Cor #396A83

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

Sombras (Shades) da Cor #396A83

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

396A83
35637A
315C72
2E5569
2A4E60
264757
22404F
1E3946
1B313D
172A34
13232C
0F1C23
0B151A
080E11
040709
000000

Tons Claros (Tints) da Cor #396A83

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.

396A83
46748B
537E94
61889C
6E92A4
7B9CAC
88A6B5
95B0BD
A3B9C5
B0C3CD
BDCDD6
CAD7DE
D7E1E6
E5EBEE
F2F5F7
FFFFFF

Tons (Tones) da Cor #396A83

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.

396A83
3E6B83
426D83
476E82
4C7082
517182
557382
5A7482
5F7681
647781
687981
6D7A81
727C81
777D80
7B7F80
808080

Matizes (Hues) da Cor #396A83

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.

83613A
837E3A
6B833A
4D833A
3A8343
3A8361
3A837E
396A83
3A4D83
433A83
613A83
7E3A83
833A6B
833A4D
83433A

Temperaturas da Cor #396A83

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.

3A8352
3A835C
3A8367
3A8371
3A837C
3A8183
3A7683
396A83
3A6183
3A5683
3A4C83
3A4183
3C3A83
473A83
523A83

Harmonias da Cor #396A83

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.

3A8377
396A83
3A4683

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.

396A83
83523A

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.

396A83
833A46
83773A

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.

396A83
833A6B
6B833A

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.

396A83
523A83
83523A
6B833A

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.

396A83
773A83
83523A
46833A

Simulador de Daltonismo da Cor #396A83

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

396A83
4E4F7D
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

396A83
4B487C
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

396A83
3B7877
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

396A83
425A80
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

396A83
435D7F
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

396A83
3B717E
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

396A83
5E5E5E
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #396A83

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#396A83 • Contraste de cores
Contraste: 5.89: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#396A83 • Contraste de cores
Contraste: 3.56: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