Informação da cor #533b43

A cor hexadecimal 533b43 no modelo de cores RGB (Red, Green, Blue), é um composta por 83 de vermelho, 59 de verde e 67 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 28.9% de magenta, 19.3% de amarelo e 67.5% de preto. Tem um ângulo de matiz de 340 graus, uma saturação de 16.9% e uma leveza de 27.8%.

A cor mais próxima WebSafe é 333333.

Conversões de #533b43 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 533b43
RGB 83, 59, 67
RGB Percentagem 32.5%, 23.1%, 26.3%
CMYK 0, 0.29, 0.19, 0.67
HSL 340°, 16.9%, 27.8%
HSV (ou HSB) 340°, 28.9%, 32.6%
RYB 32.5, 23.1, 26.3
Formato Cor
XYZ 7.7, 6.8, 7.7
CIELab 31.42, 11.89, -0.82
Decimal 5454659
Yxy 5.3725, 0.3503, 0.3063
YUV 67.088, 127.9503, 139.3495
CIELuv 27.7706, 13.2429, -2.5108
Web Safe 333333

Distribuição de #533b43

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.

#533b43

#533b43
rgb(83,59,67)

#3b534b

#3b534b
rgb(59,83,75)

Cores triadicas

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

#43533b

#43533b
rgb(67,83,59)

#533b43

#533b43
rgb(83,59,67)

#3b4353

#3b4353
rgb(59,67,83)

Cores tetrádicas

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

#4f533b

#4f533b
rgb(79,83,59)

#533b43

#533b43
rgb(83,59,67)

#3b534b

#3b534b
rgb(59,83,75)

#403b53

#403b53
rgb(64,59,83)

Cores monocromáticas

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

#533b43

#533b43
rgb(83,59,67)

#534248

#534248
rgb(83,66,72)

#534147

#534147
rgb(83,65,71)

#534047

#534047
rgb(83,64,71)

#533f46

#533f46
rgb(83,63,70)

#533f46

#533f46
rgb(83,63,70)

Tons e Matizes de #533b43

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

Matiz (adicionando branco)
#533b43

#533b43
rgb(83,59,67)

#756268

#756268
rgb(117,98,104)

#97898e

#97898e
rgb(151,137,142)

#bab0b3

#bab0b3
rgb(186,176,179)

#dcd7d9

#dcd7d9
rgb(220,215,217)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#533b43

#533b43
rgb(83,59,67)

#422f35

#422f35
rgb(66,47,53)

#312328

#312328
rgb(49,35,40)

#21171a

#21171a
rgb(33,23,26)

#100b0d

#100b0d
rgb(16,11,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #533b43

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

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

Contraste

Branco e #533b43
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 #533b43
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 #533b43

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

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

Este parágrafo tem fundo de cor #533b43.

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

Este elemento tem uma cor de borda de #533b43.

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

Cores alietórias

#cbf404

#cbf404
rgb(203,244,4)

#0e8709

#0e8709
rgb(14,135,9)

#72fa98

#72fa98
rgb(114,250,152)

#dd137d

#dd137d
rgb(221,19,125)

#32b9d7

#32b9d7
rgb(50,185,215)

#ff3ff8

#ff3ff8
rgb(255,63,248)

#a45898

#a45898
rgb(164,88,152)

#80e922

#80e922
rgb(128,233,34)

#6821c9

#6821c9
rgb(104,33,201)

#886cb9

#886cb9
rgb(136,108,185)

#e7a239

#e7a239
rgb(231,162,57)

#c65141

#c65141
rgb(198,81,65)