396A99

396A99

Exportar cor como imagem

O valor RGB da cor #396A99 é (57,106,153).

A cor hexadecimal #396A99 tem valor vermelho 57, valor verde 106 e valor azul 153 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #396A99: matiz: 0,58, saturação: 0,46 e luminosidade: 0,41.

A cor correspondente ao código hexadecimal #396A99 é 0,63, 0,31, 0,00, 0,40. A cor segura para a web correspondente a #396A99 é #336699. A cor #396A99 contém principalmente a cor azul.

Conversões da Cor #396A99

HEX 396A99
RGB 57, 106, 153
CMYK 63, 31, 0, 40
HSB 209, 63, 60
HSL 209, 46, 41
LAB 43.48, -1.49, -30.52
LCH 43.48, 30.56, 267.21
XYZ 12.59, 13.48, 32.07
LUV 43.48, -20.30, -44.22
HWB 209, 22, 59

Variações da Cor #396A99

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

Sombras (Shades) da Cor #396A99

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

396A99
35638F
315C85
2E557A
2A4E70
264766
22405C
1E3952
1B3147
172A3D
132333
0F1C29
0B151F
080E14
04070A
000000

Tons Claros (Tints) da Cor #396A99

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.

396A99
4674A0
537EA7
6188AD
6E92B4
7B9CBB
88A6C2
95B0C9
A3B9CF
B0C3D6
BDCDDD
CAD7E4
D7E1EB
E5EBF1
F2F5F8
FFFFFF

Tons (Tones) da Cor #396A99

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.

396A99
3E6B97
426D96
476E94
4C7092
517191
55738F
5A748D
5F768C
64778A
687988
6D7A87
727C85
777D83
7B7F82
808080

Matizes (Hues) da Cor #396A99

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.

997A38
919938
6A9938
449938
389954
38997A
389199
396A99
384499
543899
7A3899
993891
99386A
993844
995438

Temperaturas da Cor #396A99

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.

389967
389974
389982
38998F
389499
388799
387999
396A99
385D99
384F99
384299
3D3899
4A3899
593899
673899

Harmonias da Cor #396A99

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.

389997
396A99
383A99

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.

396A99
996738

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.

396A99
99383A
999738

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.

396A99
99386A
6A9938

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.

396A99
673899
996738
6A9938

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.

396A99
973899
996738
3A9938

Simulador de Daltonismo da Cor #396A99

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

396A99
4E4F8E
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

396A99
4B488B
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

396A99
3B8583
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

396A99
425A93
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

396A99
435D92
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

396A99
3B7790
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

396A99
616161
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #396A99

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#396A99 • Contraste de cores
Contraste: 5.68: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#396A99 • Contraste de cores
Contraste: 3.70: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