557A81

557A81

Exportar cor como imagem

O valor RGB da cor #557A81 é (85,122,129).

A cor hexadecimal #557A81 tem valor vermelho 85, valor verde 122 e valor azul 129 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #557A81: matiz: 0,53, saturação: 0,21 e luminosidade: 0,42.

A cor correspondente ao código hexadecimal #557A81 é 0,34, 0,05, 0,00, 0,49. A cor segura para a web correspondente a #557A81 é #666699. A cor #557A81 contém principalmente a cor azul.

Conversões da Cor #557A81

HEX 557A81
RGB 85, 122, 129
CMYK 34, 5, 0, 49
HSB 190, 34, 51
HSL 190, 21, 42
LAB 48.80, -11.09, -8.01
LCH 48.80, 13.68, 215.84
XYZ 14.67, 17.43, 23.36
LUV 48.80, -17.98, -9.65
HWB 190, 33, 58

Variações da Cor #557A81

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

Sombras (Shades) da Cor #557A81

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

557A81
4F7278
4A6A70
446267
3E595F
395156
33494D
2D4145
28393C
223134
1C292B
172122
11181A
0B1011
060809
000000

Tons Claros (Tints) da Cor #557A81

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.

557A81
608389
6C8C92
77959A
829DA3
8EA6AB
99AFB3
A4B8BC
B0C1C4
BBCACD
C6D3D5
D2DCDD
DDE4E6
E8EDEE
F4F6F7
FFFFFF

Tons (Tones) da Cor #557A81

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.

557A81
587A81
5B7B81
5E7B81
607C81
637C81
667C81
697D81
6C7D80
6F7E80
727E80
757E80
777F80
7A7F80
7D8080
808080

Matizes (Hues) da Cor #557A81

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.

826555
827755
7A8255
688255
568255
558265
558277
557A81
556882
555682
655582
775582
82557A
825568
825556

Temperaturas da Cor #557A81

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.

55825C
558262
558269
55826F
558276
55827C
558182
557A81
557482
556D82
556782
556182
555B82
555582
5C5582

Harmonias da Cor #557A81

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.

558273
557A81
556482

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.

557A81
825C55

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.

557A81
825564
827355

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.

557A81
82557A
7A8255

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.

557A81
5C5582
825C55
7A8255

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.

557A81
735582
825C55
648255

Simulador de Daltonismo da Cor #557A81

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

557A81
65657F
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

557A81
63607F
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

557A81
577E7E
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

557A81
5C6E80
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

557A81
5C7080
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

557A81
567C80
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

557A81
707070
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #557A81

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#557A81 • Contraste de cores
Contraste: 4.68: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#557A81 • Contraste de cores
Contraste: 4.49: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