3A5163

3A5163

Exportar cor como imagem

O valor RGB da cor #3A5163 é (58,81,99).

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

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

Conversões da Cor #3A5163

HEX 3A5163
RGB 58, 81, 99
CMYK 41, 18, 0, 61
HSB 206, 41, 39
HSL 206, 26, 31
LAB 33.31, -3.55, -13.27
LCH 33.31, 13.74, 255.02
XYZ 6.94, 7.68, 12.92
LUV 33.31, -10.96, -16.78
HWB 206, 23, 69

Variações da Cor #3A5163

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

Sombras (Shades) da Cor #3A5163

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

3A5163
364C5C
324656
2E414F
2B3B49
273642
23313B
1F2B35
1B262E
172028
131B21
0F161A
0C1014
080B0D
040507
000000

Tons Claros (Tints) da Cor #3A5163

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.

3A5163
475D6D
546878
617482
6F7F8D
7C8B97
8997A1
96A2AC
A3AEB6
B0B9C1
BDC5CB
CAD1D5
D8DCE0
E5E8EA
F2F3F5
FFFFFF

Tons (Tones) da Cor #3A5163

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.

3A5163
3F5465
435767
485A69
4D5E6B
51616D
56646F
5B6771
5F6A72
646D74
697076
6D7378
72777A
777A7C
7B7D7E
808080

Matizes (Hues) da Cor #3A5163

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.

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

Temperaturas da Cor #3A5163

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.

3A644C
3A6452
3A6458
3A645D
3A6464
3A5E64
3A5864
3A5163
3A4C64
3A4664
3A4164
3A3A64
403A64
463A64
4C3A64

Harmonias da Cor #3A5163

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.

3A6461
3A5163
3A3D64

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.

3A5163
644C3A

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.

3A5163
643A3D
64613A

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.

3A5163
643A52
52643A

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.

3A5163
4C3A64
644C3A
52643A

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.

3A5163
613A64
644C3A
3D643A

Simulador de Daltonismo da Cor #3A5163

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

3A5163
44445F
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

3A5163
43415E
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

3A5163
3B5B5A
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

3A5163
3E4961
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

3A5163
3F4B60
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

3A5163
3B5660
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

3A5163
4C4C4C
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #3A5163

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#3A5163 • Contraste de cores
Contraste: 8.28: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#3A5163 • Contraste de cores
Contraste: 2.54: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