335766

335766

Exportar cor como imagem

O valor RGB da cor #335766 é (51,87,102).

A cor hexadecimal #335766 tem valor vermelho 51, valor verde 87 e valor azul 102 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #335766: matiz: 0,55, saturação: 0,33 e luminosidade: 0,30.

A cor correspondente ao código hexadecimal #335766 é 0,50, 0,15, 0,00, 0,60. A cor segura para a web correspondente a #335766 é #336666. A cor #335766 contém principalmente a cor azul.

Conversões da Cor #335766

HEX 335766
RGB 51, 87, 102
CMYK 50, 15, 0, 60
HSB 198, 50, 40
HSL 198, 33, 30
LAB 34.96, -8.40, -12.67
LCH 34.96, 15.20, 236.46
XYZ 7.17, 8.48, 13.83
LUV 34.96, -15.80, -15.61
HWB 198, 20, 70

Variações da Cor #335766

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

Sombras (Shades) da Cor #335766

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

335766
30515F
2C4B58
294652
25404B
223A44
1F343D
1B2E36
182930
142329
111D22
0E171B
0A1114
070C0E
030607
000000

Tons Claros (Tints) da Cor #335766

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.

335766
416270
4E6D7A
5C7985
69848F
778F99
859AA3
92A5AD
A0B1B8
ADBCC2
BBC7CC
C9D2D6
D6DDE0
E4E9EB
F1F4F5
FFFFFF

Tons (Tones) da Cor #335766

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.

335766
385A68
3D5C69
425F6B
48626D
4D656F
526770
576A72
5C6D74
617076
667277
6B7579
71787B
767B7D
7B7D7E
808080

Matizes (Hues) da Cor #335766

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.

664D33
666133
576633
426633
336638
33664D
336661
335766
334266
383366
4D3366
613366
663357
663342
663833

Temperaturas da Cor #335766

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.

336642
336649
336651
336657
33665F
336666
335E66
335766
335066
334866
334266
333A66
333366
3B3366
423366

Harmonias da Cor #335766

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.

33665C
335766
333D66

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.

335766
664233

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.

335766
66333D
665C33

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.

335766
663357
576633

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.

335766
423366
664233
576633

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.

335766
5C3366
664233
3D6633

Simulador de Daltonismo da Cor #335766

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

335766
434362
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

335766
413E62
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

335766
35605F
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

335766
3A4B64
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

335766
3A4E64
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

335766
345B63
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

335766
4E4E4E
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #335766

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#335766 • Contraste de cores
Contraste: 7.79: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#335766 • Contraste de cores
Contraste: 2.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