222A21

222A21

Exportar cor como imagem

O valor RGB da cor #222A21 é (34,42,33).

A cor hexadecimal #222A21 tem valor vermelho 34, valor verde 42 e valor azul 33 em seu RGB. Representações em coordenadas cilíndricas (HSL) da cor #222A21: matiz: 0,31, saturação: 0,12 e luminosidade: 0,15.

A cor correspondente ao código hexadecimal #222A21 é 0,19, 0,00, 0,21, 0,84. A cor segura para a web correspondente a #222A21 é #333333. A cor #222A21 contém principalmente a cor verde.

Conversões da Cor #222A21

HEX 222A21
RGB 34, 42, 33
CMYK 19, 0, 21, 84
HSB 113, 21, 16
HSL 113, 12, 15
LAB 16.05, -5.88, 4.79
LCH 16.05, 7.58, 140.83
XYZ 1.76, 2.11, 1.75
LUV 16.05, -3.28, 4.77
HWB 113, 13, 85

Variações da Cor #222A21

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

Sombras (Shades) da Cor #222A21

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

222A21
20271F
1D241D
1B221A
191F18
171C16
141914
121612
10140F
0E110D
0B0E0B
090B09
070807
050604
020302
000000

Tons Claros (Tints) da Cor #222A21

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.

222A21
313830
3F463F
4E554D
5D635C
6C716B
7A7F7A
898D89
989C97
A7AAA6
B5B8B5
C4C6C4
D3D4D3
E2E3E1
F0F1F0
FFFFFF

Tons (Tones) da Cor #222A21

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.

222A21
283027
2F352E
353B34
3B413A
414741
484C47
4E524D
545854
5A5E5A
616360
676967
6D6F6D
737573
7A7A7A
808080

Matizes (Hues) da Cor #222A21

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.

2B222A
2B2226
2B2223
2B2422
2B2822
2A2B22
262B22
222A21
222B24
222B28
222A2B
22262B
22232B
24222B
28222B

Temperaturas da Cor #222A21

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.

2B2A22
2B2B22
292B22
282B22
272B22
252B22
242B22
222A21
222B22
222B23
222B24
222B26
222B27
222B28
222B2A

Harmonias da Cor #222A21

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.

272B22
222A21
222B25

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.

222A21
2A222B

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.

222A21
25222B
2B2227

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.

222A21
22232B
2B2223

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.

222A21
222B2A
2A222B
2B2223

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.

222A21
22272B
2A222B
2B2522

Simulador de Daltonismo da Cor #222A21

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

222A21
252623
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

222A21
252424
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

222A21
222525
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

222A21
232722
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

222A21
242822
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

222A21
222823
Visão Real da Cor
Visão da Cor com Tritanomalia

Acromatopsia

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

222A21
272727
Visão Real da Cor
Visão da Cor com Acromatopsia

Verificador de Contraste (WCAG) da Cor #222A21

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#222A21 • Contraste de cores
Contraste: 14.78: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#222A21 • Contraste de cores
Contraste: 1.42: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