396AEE

396AEE

Exportar cor como imagem

O valor RGB da cor #396AEE é (57,106,238).

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

A cor correspondente ao código hexadecimal #396AEE é 0,76, 0,55, 0,00, 0,07. A cor segura para a web correspondente a #396AEE é #3366FF. A cor #396AEE contém principalmente a cor azul.

Conversões da Cor #396AEE

HEX 396AEE
RGB 57, 106, 238
CMYK 76, 55, 0, 7
HSB 224, 76, 93
HSL 224, 84, 58
LAB 48.70, 29.37, -71.19
LCH 48.70, 77.01, 292.42
XYZ 22.27, 17.35, 83.05
LUV 48.70, -19.18, -110.56
HWB 224, 9, 42

Variações da Cor #396AEE

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

Sombras (Shades) da Cor #396AEE

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

396AEE
3563DE
315CCE
2E55BE
2A4EAF
26479F
22408F
1E397F
1B316F
172A5F
13234F
0F1C3F
0B1530
080E20
040710
000000

Tons Claros (Tints) da Cor #396AEE

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.

396AEE
4674EF
537EF0
6188F1
6E92F3
7B9CF4
88A6F5
95B0F6
A3B9F7
B0C3F8
BDCDF9
CAD7FA
D7E1FC
E5EBFD
F2F5FE
FFFFFF

Tons (Tones) da Cor #396AEE

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.

396AEE
3E6BE7
426DDF
476ED8
4C70D1
5171C9
5573C2
5A74BB
5F76B3
6477AC
6879A5
6D7A9D
727C96
777D8F
7B7F87
808080

Matizes (Hues) da Cor #396AEE

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.

EEE23A
B2EE3A
6AEE3A
3AEE52
3AEE9A
3AEEE2
3AB2EE
396AEE
523AEE
9A3AEE
E23AEE
EE3AB2
EE3A6A
EE523A
EE9A3A

Temperaturas da Cor #396AEE

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.

3AEEBE
3AEED6
3AEBEE
3AD3EE
3AB8EE
3AA0EE
3A85EE
396AEE
3A52EE
3D3AEE
553AEE
703AEE
883AEE
A33AEE
BE3AEE

Harmonias da Cor #396AEE

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.

3AC4EE
396AEE
643AEE

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.

396AEE
EEBE3A

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.

396AEE
EE643A
C4EE3A

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.

396AEE
EE3A6A
6AEE3A

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.

396AEE
BE3AEE
EEBE3A
6AEE3A

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.

396AEE
EE3AC4
EEBE3A
3AEE64

Simulador de Daltonismo da Cor #396AEE

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

396AEE
4E4FCE
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

396AEE
4B48C6
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

396AEE
3BB5AF
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

396AEE
425ADE
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

396AEE
435DDB
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

396AEE
3B8DD6
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

396AEE
6A6A6A
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #396AEE

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#396AEE • Contraste de cores
Contraste: 4.70: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#396AEE • Contraste de cores
Contraste: 4.47: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