Informação da cor #823c51

A cor hexadecimal 823c51 no modelo de cores RGB (Red, Green, Blue), é um composta por 130 de vermelho, 60 de verde e 81 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 53.8% de magenta, 37.7% de amarelo e 49% de preto. Tem um ângulo de matiz de 342 graus, uma saturação de 36.8% e uma leveza de 37.3%.

A cor mais próxima WebSafe é 663333.

Conversões de #823c51 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 823c51
RGB 130, 60, 81
RGB Percentagem 51%, 23.5%, 31.8%
CMYK 0, 0.54, 0.38, 0.49
HSL 342°, 36.8%, 37.3%
HSV (ou HSB) 342°, 53.9%, 51%
RYB 51, 23.5, 31.8
Formato Cor
XYZ 14.4, 10.3, 10.8
CIELab 38.36, 31.93, 1.11
Decimal 8535121
Yxy 8.5728, 0.4148, 0.2889
YUV 83.324, 126.6885, 161.2924
CIELuv 35.1485, 44.0846, -3.2303
Web Safe 663333

Distribuição de #823c51

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.

#823c51

#823c51
rgb(130,60,81)

#3c826e

#3c826e
rgb(60,130,110)

Cores triadicas

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

#51823c

#51823c
rgb(81,130,60)

#823c51

#823c51
rgb(130,60,81)

#3c5182

#3c5182
rgb(60,81,130)

Cores tetrádicas

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

#74823c

#74823c
rgb(116,130,60)

#823c51

#823c51
rgb(130,60,81)

#3c826e

#3c826e
rgb(60,130,110)

#4b3c82

#4b3c82
rgb(75,60,130)

Cores monocromáticas

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

#823c51

#823c51
rgb(130,60,81)

#82666f

#82666f
rgb(130,102,111)

#82656e

#82656e
rgb(130,101,110)

#82646d

#82646d
rgb(130,100,109)

#82636c

#82636c
rgb(130,99,108)

#82616b

#82616b
rgb(130,97,107)

Tons e Matizes de #823c51

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

Matiz (adicionando branco)
#823c51

#823c51
rgb(130,60,81)

#9b6373

#9b6373
rgb(155,99,115)

#b48a96

#b48a96
rgb(180,138,150)

#cdb1b9

#cdb1b9
rgb(205,177,185)

#e6d8dc

#e6d8dc
rgb(230,216,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#823c51

#823c51
rgb(130,60,81)

#683040

#683040
rgb(104,48,64)

#4e2430

#4e2430
rgb(78,36,48)

#331720

#331720
rgb(51,23,32)

#190b10

#190b10
rgb(25,11,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #823c51

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

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

Contraste

Branco e #823c51
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 #823c51
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 #823c51

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

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

Este parágrafo tem fundo de cor #823c51.

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

Este elemento tem uma cor de borda de #823c51.

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

Cores alietórias

#116a7d

#116a7d
rgb(17,106,125)

#c05537

#c05537
rgb(192,85,55)

#ace90a

#ace90a
rgb(172,233,10)

#63f20d

#63f20d
rgb(99,242,13)

#39f69c

#39f69c
rgb(57,246,156)

#b47252

#b47252
rgb(180,114,82)

#f566c7

#f566c7
rgb(245,102,199)

#ed96d7

#ed96d7
rgb(237,150,215)

#3d05f6

#3d05f6
rgb(61,5,246)

#463879

#463879
rgb(70,56,121)

#11ad9a

#11ad9a
rgb(17,173,154)

#9b4fac

#9b4fac
rgb(155,79,172)