222B51

222B51

Exportar cor como imagem

O valor RGB da cor #222B51 é (34,43,81).

A cor hexadecimal #222B51 tem valor vermelho 34, valor verde 43 e valor azul 81 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #222B51: matiz: 0,64, saturação: 0,41 e luminosidade: 0,23.

A cor correspondente ao código hexadecimal #222B51 é 0,58, 0,47, 0,00, 0,68. A cor segura para a web correspondente a #222B51 é #333366. A cor #222B51 contém principalmente a cor azul.

Conversões da Cor #222B51

HEX 222B51
RGB 34, 43, 81
CMYK 58, 47, 0, 68
HSB 229, 58, 32
HSL 229, 41, 23
LAB 18.63, 8.93, -24.55
LCH 18.63, 26.12, 289.99
XYZ 3.01, 2.66, 8.14
LUV 18.63, -4.61, -27.31
HWB 229, 14, 77

Variações da Cor #222B51

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

Sombras (Shades) da Cor #222B51

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

222B51
20284C
1D2546
1B2241
19203B
171D36
141A31
12172B
101426
0E1120
0B0E1B
090B16
070910
05060B
020305
000000

Tons Claros (Tints) da Cor #222B51

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.

222B51
31395D
3F4768
4E5574
5D647F
6C728B
7A8097
898EA2
989CAE
A7AAB9
B5B8C5
C4C6D1
D3D5DC
E2E3E8
F0F1F3
FFFFFF

Tons (Tones) da Cor #222B51

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.

222B51
283154
2F3657
353C5A
3B425E
414761
484D64
4E5367
54586A
5A5E6D
616470
676973
6D6F77
73757A
7A7A7D
808080

Matizes (Hues) da Cor #222B51

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.

525323
3F5323
2B5323
23532D
235340
235253
233F53
222B51
2D2353
402353
532352
53233F
53232B
532D23
534023

Temperaturas da Cor #222B51

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.

23534A
235350
234E53
234753
234053
233A53
233353
222B51
232553
272353
2E2353
352353
3B2353
432353
4A2353

Harmonias da Cor #222B51

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.

234353
222B51
322353

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.

222B51
534A23

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.

222B51
533223
435323

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.

222B51
53232B
2B5323

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.

222B51
4A2353
534A23
2B5323

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.

222B51
532343
534A23
235332

Simulador de Daltonismo da Cor #222B51

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

222B51
262648
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

222B51
252546
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

222B51
22413F
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

222B51
24284C
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

222B51
24294C
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

222B51
22354A
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

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

Verificador de Contraste (WCAG) da Cor #222B51

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#222B51 • Contraste de cores
Contraste: 13.70: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#222B51 • Contraste de cores
Contraste: 1.53: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