396A76

396A76

Exportar cor como imagem

O valor RGB da cor #396A76 é (57,106,118).

A cor hexadecimal #396A76 tem valor vermelho 57, valor verde 106 e valor azul 118 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #396A76: matiz: 0,53, saturação: 0,35 e luminosidade: 0,34.

A cor correspondente ao código hexadecimal #396A76 é 0,52, 0,10, 0,00, 0,54. A cor segura para a web correspondente a #396A76 é #336666. A cor #396A76 contém principalmente a cor azul.

Conversões da Cor #396A76

HEX 396A76
RGB 57, 106, 118
CMYK 52, 10, 0, 54
HSB 192, 52, 46
HSL 192, 35, 34
LAB 41.98, -13.03, -11.81
LCH 41.98, 17.59, 222.19
XYZ 10.11, 12.49, 19.01
LUV 41.98, -21.25, -14.53
HWB 192, 22, 66

Variações da Cor #396A76

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

Sombras (Shades) da Cor #396A76

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

396A76
35636E
315C66
2E555E
2A4E57
26474F
224047
1E393F
1B3137
172A2F
132327
0F1C1F
0B1518
080E10
040708
000000

Tons Claros (Tints) da Cor #396A76

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.

396A76
46747F
537E88
618891
6E929B
7B9CA4
88A6AD
95B0B6
A3B9BF
B0C3C8
BDCDD1
CAD7DA
D7E1E4
E5EBED
F2F5F6
FFFFFF

Tons (Tones) da Cor #396A76

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.

396A76
3E6B77
426D77
476E78
4C7079
517179
55737A
5A747B
5F767B
64777C
68797D
6D7A7D
727C7E
777D7F
7B7F7F
808080

Matizes (Hues) da Cor #396A76

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.

755138
756938
697538
517538
387538
387551
387569
396A76
385175
383875
513875
693875
753869
753851
753838

Temperaturas da Cor #396A76

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.

387544
38754D
387556
38755E
387567
38756F
387275
396A76
386175
385875
385075
384775
383E75
3B3875
443875

Harmonias da Cor #396A76

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.

387563
396A76
384B75

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.

396A76
754438

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.

396A76
75384B
756338

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.

396A76
753869
697538

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.

396A76
443875
754438
697538

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.

396A76
633875
754438
4B7538

Simulador de Daltonismo da Cor #396A76

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

396A76
4E4F73
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

396A76
4B4872
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

396A76
3B7170
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

396A76
425A75
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

396A76
435D74
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

396A76
3B6D74
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

396A76
5D5D5D
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #396A76

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#396A76 • Contraste de cores
Contraste: 6.00: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#396A76 • Contraste de cores
Contraste: 3.50: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