3A4163

3A4163

Exportar cor como imagem

O valor RGB da cor #3A4163 é (58,65,99).

A cor hexadecimal #3A4163 tem valor vermelho 58, valor verde 65 e valor azul 99 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #3A4163: matiz: 0,64, saturação: 0,26 e luminosidade: 0,31.

A cor correspondente ao código hexadecimal #3A4163 é 0,41, 0,34, 0,00, 0,61. A cor segura para a web correspondente a #3A4163 é #333366. A cor #3A4163 contém principalmente a cor azul.

Conversões da Cor #3A4163

HEX 3A4163
RGB 58, 65, 99
CMYK 41, 34, 0, 61
HSB 230, 41, 39
HSL 230, 26, 31
LAB 28.33, 6.80, -20.96
LCH 28.33, 22.04, 287.97
XYZ 5.89, 5.58, 12.57
LUV 28.33, -4.70, -27.19
HWB 230, 23, 69

Variações da Cor #3A4163

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

Sombras (Shades) da Cor #3A4163

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

3A4163
363D5C
323856
2E344F
2B3049
272B42
23273B
1F2335
1B1E2E
171A28
131621
0F111A
0C0D14
08090D
040407
000000

Tons Claros (Tints) da Cor #3A4163

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.

3A4163
474E6D
545A78
616782
6F748D
7C8097
898DA1
969AAC
A3A6B6
B0B3C1
BDC0CB
CACCD5
D8D9E0
E5E6EA
F2F2F5
FFFFFF

Tons (Tones) da Cor #3A4163

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.

3A4163
3F4565
434967
484E69
4D526B
51566D
565A6F
5B5E71
5F6372
646774
696B76
6D6F78
72737A
77787C
7B7C7E
808080

Matizes (Hues) da Cor #3A4163

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.

62643A
52643A
41643A
3A6444
3A6455
3A6264
3A5264
3A4163
443A64
553A64
643A62
643A52
643A41
64443A
64553A

Temperaturas da Cor #3A4163

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.

3A645D
3A6462
3A5F64
3A5964
3A5364
3A4E64
3A4864
3A4163
3A3C64
3F3A64
453A64
4B3A64
503A64
573A64
5D3A64

Harmonias da Cor #3A4163

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.

3A5664
3A4163
483A64

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.

3A4163
645D3A

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.

3A4163
64483A
56643A

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.

3A4163
643A41
41643A

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.

3A4163
5D3A64
645D3A
41643A

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.

3A4163
643A56
645D3A
3A6448

Simulador de Daltonismo da Cor #3A4163

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

3A4163
3D3D5B
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

3A4163
3D3C59
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

3A4163
3A5453
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

3A4163
3B3F5F
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

3A4163
3B3F5E
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

3A4163
3A4A5D
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

3A4163
434343
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #3A4163

Verifique o contraste de um texto em fundos branco e preto.

Fundo branco

MUITO BOM 4/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#3A4163 • Contraste de cores
Contraste: 9.92:1
Elemento AA AAA
Texto Normal
Texto Grande
Elementos de UI

Fundo preto

MUITO RUIM 1/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#3A4163 • Contraste de cores
Contraste: 2.12: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