3F5150

3F5150

Exportar cor como imagem

O valor RGB da cor #3F5150 é (63,81,80).

A cor hexadecimal #3F5150 tem valor vermelho 63, valor verde 81 e valor azul 80 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #3F5150: matiz: 0,49, saturação: 0,13 e luminosidade: 0,28.

A cor correspondente ao código hexadecimal #3F5150 é 0,22, 0,00, 0,01, 0,68. A cor segura para a web correspondente a #3F5150 é #336666. A cor #3F5150 contém principalmente a cor turquesa.

Conversões da Cor #3F5150

HEX 3F5150
RGB 63, 81, 80
CMYK 22, 0, 1, 68
HSB 177, 22, 32
HSL 177, 13, 28
LAB 32.96, -7.21, -1.72
LCH 32.96, 7.41, 193.42
XYZ 6.44, 7.52, 8.70
LUV 32.96, -8.83, -1.14
HWB 177, 24, 72

Variações da Cor #3F5150

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

Sombras (Shades) da Cor #3F5150

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

3F5150
3B4C4B
374645
324140
2E3B3B
2A3635
263130
222B2B
1D2625
192020
151B1B
111615
0D1010
080B0B
040505
000000

Tons Claros (Tints) da Cor #3F5150

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.

3F5150
4C5D5C
596867
657473
727F7F
7F8B8A
8C9796
99A2A2
A5AEAD
B2B9B9
BFC5C5
CCD1D0
D9DCDC
E5E8E8
F2F3F3
FFFFFF

Tons (Tones) da Cor #3F5150

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.

3F5150
435453
485756
4C5A5A
505E5D
556160
596463
5D6766
626A6A
666D6D
6A7070
6F7373
737776
777A7A
7C7D7D
808080

Matizes (Hues) da Cor #3F5150

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.

51413E
51483E
51503E
4A513E
43513E
3E5141
3E5148
3F5150
3E4A51
3E4351
413E51
483E51
503E51
513E4A
513E43

Temperaturas da Cor #3F5150

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.

3F513E
3E5140
3E5142
3E5145
3E5148
3E514A
3E514D
3F5150
3E4F51
3E4C51
3E4A51
3E4751
3E4551
3E4251
3E3F51

Harmonias da Cor #3F5150

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.

3E5146
3F5150
3E4851

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.

3F5150
513E3F

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.

3F5150
513E48
51463E

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.

3F5150
503E51
51503E

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.

3F5150
3E3F51
513E3F
51503E

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.

3F5150
463E51
513E3F
48513E

Simulador de Daltonismo da Cor #3F5150

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

3F5150
474750
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

3F5150
464450
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

3F5150
405050
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

3F5150
424B50
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

3F5150
434C50
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

3F5150
405150
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

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

Verificador de Contraste (WCAG) da Cor #3F5150

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#3F5150 • Contraste de cores
Contraste: 8.39: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#3F5150 • Contraste de cores
Contraste: 2.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