396A86

396A86

Exportar cor como imagem

O valor RGB da cor #396A86 é (57,106,134).

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

A cor correspondente ao código hexadecimal #396A86 é 0,57, 0,21, 0,00, 0,47. A cor segura para a web correspondente a #396A86 é #336699. A cor #396A86 contém principalmente a cor azul.

Conversões da Cor #396A86

HEX 396A86
RGB 57, 106, 134
CMYK 57, 21, 0, 47
HSB 202, 57, 53
HSL 202, 40, 37
LAB 42.61, -7.95, -20.51
LCH 42.61, 22.00, 248.81
XYZ 11.14, 12.90, 24.45
LUV 42.61, -20.80, -28.08
HWB 202, 22, 63

Variações da Cor #396A86

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

Sombras (Shades) da Cor #396A86

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

396A86
35637D
315C74
2E556B
2A4E62
264759
224050
1E3947
1B313F
172A36
13232D
0F1C24
0B151B
080E12
040709
000000

Tons Claros (Tints) da Cor #396A86

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.

396A86
46748E
537E96
61889E
6E92A6
7B9CAE
88A6B6
95B0BE
A3B9C7
B0C3CF
BDCDD7
CAD7DF
D7E1E7
E5EBEF
F2F5F7
FFFFFF

Tons (Tones) da Cor #396A86

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.

396A86
3E6B86
426D85
476E85
4C7084
517184
557384
5A7483
5F7683
647782
687982
6D7A82
727C81
777D81
7B7F80
808080

Matizes (Hues) da Cor #396A86

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.

846339
848239
688439
4A8439
398445
398463
398482
396A86
394A84
453984
633984
823984
843968
84394A
844539

Temperaturas da Cor #396A86

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.

398454
39845E
39846A
398474
39847F
397F84
397484
396A86
395E84
395384
394984
393E84
3E3984
493984
543984

Harmonias da Cor #396A86

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.

39847A
396A86
394384

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.

396A86
845439

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.

396A86
843943
847A39

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.

396A86
843968
688439

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.

396A86
543984
845439
688439

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.

396A86
7A3984
845439
438439

Simulador de Daltonismo da Cor #396A86

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

396A86
4E4F7F
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

396A86
4B487E
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

396A86
3B7A79
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

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

Deuteranomalia

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

396A86
435D82
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

396A86
3B7181
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

396A86
5F5F5F
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #396A86

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#396A86 • Contraste de cores
Contraste: 5.87: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#396A86 • Contraste de cores
Contraste: 3.58: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