222A59

222A59

Exportar cor como imagem

O valor RGB da cor #222A59 é (34,42,89).

A cor hexadecimal #222A59 tem valor vermelho 34, valor verde 42 e valor azul 89 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #222A59: matiz: 0,64, saturação: 0,45 e luminosidade: 0,24.

A cor correspondente ao código hexadecimal #222A59 é 0,62, 0,53, 0,00, 0,65. A cor segura para a web correspondente a #222A59 é #333366. A cor #222A59 contém principalmente a cor azul.

Conversões da Cor #222A59

HEX 222A59
RGB 34, 42, 89
CMYK 62, 53, 0, 65
HSB 231, 62, 35
HSL 231, 45, 24
LAB 18.89, 12.58, -29.48
LCH 18.89, 32.05, 293.11
XYZ 3.29, 2.72, 9.80
LUV 18.89, -4.61, -33.20
HWB 231, 13, 76

Variações da Cor #222A59

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

Sombras (Shades) da Cor #222A59

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

222A59
202753
1D244D
1B2247
191F41
171C3B
141935
12162F
10142A
0E1124
0B0E1E
090B18
070812
05060C
020306
000000

Tons Claros (Tints) da Cor #222A59

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.

222A59
313864
3F466F
4E557A
5D6385
6C7190
7A7F9B
898DA6
989CB2
A7AABD
B5B8C8
C4C6D3
D3D4DE
E2E3E9
F0F1F4
FFFFFF

Tons (Tones) da Cor #222A59

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.

222A59
28305C
2F355E
353B61
3B4163
414766
484C69
4E526B
54586E
5A5E70
616373
676976
6D6F78
73757B
7A7A7D
808080

Matizes (Hues) da Cor #222A59

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.

565922
405922
2A5922
22592F
225945
225659
224059
222A59
2F2259
452259
592256
592240
59222A
592F22
594522

Temperaturas da Cor #222A59

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.

225950
225958
225159
224A59
224259
223A59
223259
222A59
222359
292259
302259
392259
402259
482259
502259

Harmonias da Cor #222A59

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.

224559
222A59
352259

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.

222A59
595022

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.

222A59
593522
455922

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.

222A59
59222A
2A5922

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.

222A59
502259
595022
2A5922

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.

222A59
592245
595022
225935

Simulador de Daltonismo da Cor #222A59

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

222A59
25264E
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

222A59
25244B
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

222A59
224543
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

222A59
232753
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

222A59
242852
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

222A59
223750
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

222A59
2D2D2D
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #222A59

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

Fundo branco

PERFEITO 5/5
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
ABC abc 123#222A59 • Contraste de cores
Contraste: 13.61: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#222A59 • Contraste de cores
Contraste: 1.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