222B21

222B21

Exportar cor como imagem

O valor RGB da cor #222B21 é (34,43,33).

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

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

Conversões da Cor #222B21

HEX 222B21
RGB 34, 43, 33
CMYK 21, 0, 23, 83
HSB 114, 23, 17
HSL 114, 13, 15
LAB 16.40, -6.40, 5.30
LCH 16.40, 8.31, 140.37
XYZ 1.80, 2.18, 1.76
LUV 16.40, -3.59, 5.31
HWB 114, 13, 85

Variações da Cor #222B21

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

Sombras (Shades) da Cor #222B21

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

222B21
20281F
1D251D
1B221A
192018
171D16
141A14
121712
10140F
0E110D
0B0E0B
090B09
070907
050604
020302
000000

Tons Claros (Tints) da Cor #222B21

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.

222B21
313930
3F473F
4E554D
5D645C
6C726B
7A807A
898E89
989C97
A7AAA6
B5B8B5
C4C6C4
D3D5D3
E2E3E1
F0F1F0
FFFFFF

Tons (Tones) da Cor #222B21

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.

222B21
283127
2F362E
353C34
3B423A
414741
484D47
4E534D
545854
5A5E5A
616460
676967
6D6F6D
737573
7A7A7A
808080

Matizes (Hues) da Cor #222B21

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.

2B212A
2B2126
2B2122
2B2421
2B2821
2A2B21
262B21
222B21
212B24
212B28
212A2B
21262B
21222B
24212B
28212B

Temperaturas da Cor #222B21

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.

2B2A21
2B2B21
292B21
282B21
272B21
252B21
242B21
222B21
212B22
212B23
212B24
212B26
212B27
212B29
212B2A

Harmonias da Cor #222B21

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.

272B21
222B21
212B25

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.

222B21
2A212B

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.

222B21
25212B
2B2127

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.

222B21
21222B
2B2122

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.

222B21
212B2A
2A212B
2B2122

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.

222B21
21272B
2A212B
2B2521

Simulador de Daltonismo da Cor #222B21

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

222B21
262623
Visão Real da Cor
Visão da Cor com Protanopia

Deuteranopia

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

222B21
252524
Visão Real da Cor
Visão da Cor com Deuteranopia

Tritanopia

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

222B21
222526
Visão Real da Cor
Visão da Cor com Tritanopia

Protanomalia

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

222B21
242822
Visão Real da Cor
Visão da Cor com Protanomalia

Deuteranomalia

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

222B21
242922
Visão Real da Cor
Visão da Cor com Deuteranomalia

Tritanomalia

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

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

Acromatopsia

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

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

Verificador de Contraste (WCAG) da Cor #222B21

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#222B21 • Contraste de cores
Contraste: 14.63: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#222B21 • Contraste de cores
Contraste: 1.44: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