Informação da cor #522233

A cor hexadecimal 522233 no modelo de cores RGB (Red, Green, Blue), é um composta por 82 de vermelho, 34 de verde e 51 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 58.5% de magenta, 37.8% de amarelo e 67.8% de preto. Tem um ângulo de matiz de 338.8 graus, uma saturação de 41.4% e uma leveza de 22.8%.

A cor mais próxima WebSafe é 330033.

Conversões de #522233 num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex 522233
RGB 82, 34, 51
RGB Percentagem 32.2%, 13.3%, 20%
CMYK 0, 0.59, 0.38, 0.68
HSL 338.8°, 41.4%, 22.8%
HSV (ou HSB) 338.8°, 58.5%, 32.2%
RYB 32.2, 13.3, 20
Formato Cor
XYZ 5.9, 4.1, 4.7
CIELab 24.12, 24.79, -0.73
Decimal 5382707
Yxy 3.1774, 0.4105, 0.2805
YUV 50.29, 128.4007, 150.6177
CIELuv 20.7407, 26.4941, -3.5182
Web Safe 330033

Distribuição de #522233

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#522233

#522233
rgb(82,34,51)

#225242

#225242
rgb(34,82,66)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#335222

#335222
rgb(51,82,34)

#522233

#522233
rgb(82,34,51)

#223352

#223352
rgb(34,51,82)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#4b5222

#4b5222
rgb(75,82,34)

#522233

#522233
rgb(82,34,51)

#225242

#225242
rgb(34,82,66)

#292252

#292252
rgb(41,34,82)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#522233

#522233
rgb(82,34,51)

#524147

#524147
rgb(82,65,71)

#524047

#524047
rgb(82,64,71)

#523f46

#523f46
rgb(82,63,70)

#523e45

#523e45
rgb(82,62,69)

#523e45

#523e45
rgb(82,62,69)

Tons e Matizes de #522233

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#522233

#522233
rgb(82,34,51)

#744e5b

#744e5b
rgb(116,78,91)

#977a84

#977a84
rgb(151,122,132)

#b9a6ad

#b9a6ad
rgb(185,166,173)

#dcd2d6

#dcd2d6
rgb(220,210,214)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#522233

#522233
rgb(82,34,51)

#411b28

#411b28
rgb(65,27,40)

#31141e

#31141e
rgb(49,20,30)

#200d14

#200d14
rgb(32,13,20)

#10060a

#10060a
rgb(16,6,10)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #522233 fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #522233 fica em um fundo preto.

Fundo de cor #522233

Esta visualização mostra como a cor branca fica em um fundo #522233.

Esta visualização mostra como a cor preta fica em um fundo #522233.

Contraste

Branco e #522233
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #522233
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #522233

Este exemplo mostra como o texto na cor #522233 se parece.

<span style="color:#522233;">Aqui fica o texto.</span>
Cor de fundo #522233

Este parágrafo tem fundo de cor #522233.

<p style="background-color:#522233;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #522233.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#522233;}
.background {background-color:#522233;}
.border {border:1px solid #522233;}

Cores alietórias

#a4c22a

#a4c22a
rgb(164,194,42)

#ca89db

#ca89db
rgb(202,137,219)

#ae1457

#ae1457
rgb(174,20,87)

#b832dd

#b832dd
rgb(184,50,221)

#48a6c0

#48a6c0
rgb(72,166,192)

#ac2d3c

#ac2d3c
rgb(172,45,60)

#7d5a2a

#7d5a2a
rgb(125,90,42)

#ab5561

#ab5561
rgb(171,85,97)

#c32809

#c32809
rgb(195,40,9)

#8c84bb

#8c84bb
rgb(140,132,187)

#39c128

#39c128
rgb(57,193,40)

#8a40a2

#8a40a2
rgb(138,64,162)