Informação da cor #570c29

A cor hexadecimal 570c29 no modelo de cores RGB (Red, Green, Blue), é um composta por 87 de vermelho, 12 de verde e 41 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 86.2% de magenta, 52.9% de amarelo e 65.9% de preto. Tem um ângulo de matiz de 336.8 graus, uma saturação de 75.8% e uma leveza de 19.4%.

A cor mais próxima WebSafe é 330000.

Conversões de #570c29 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 570c29
RGB 87, 12, 41
RGB Percentagem 34.1%, 4.7%, 16.1%
CMYK 0, 0.86, 0.53, 0.66
HSL 336.8°, 75.8%, 19.4%
HSV (ou HSB) 336.8°, 86.2%, 34.1%
RYB 34.1, 4.7, 16.1
Formato Cor
XYZ 5.5, 3.1, 3.2
CIELab 20.46, 36.73, 1.21
Decimal 5704745
Yxy 2.4499, 0.4826, 0.2649
YUV 37.731, 129.8448, 163.142
CIELuv 17.6905, 39.6408, -2.5405
Web Safe 330000

Distribuição de #570c29

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.

#570c29

#570c29
rgb(87,12,41)

#0d573a

#0d573a
rgb(13,87,58)

Cores triadicas

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

#2a570d

#2a570d
rgb(42,87,13)

#570c29

#570c29
rgb(87,12,41)

#0d2a57

#0d2a57
rgb(13,42,87)

Cores tetrádicas

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

#4f570d

#4f570d
rgb(79,87,13)

#570c29

#570c29
rgb(87,12,41)

#0d573a

#0d573a
rgb(13,87,58)

#150d57

#150d57
rgb(21,13,87)

Cores monocromáticas

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

#570c29

#570c29
rgb(87,12,41)

#57444c

#57444c
rgb(87,68,76)

#57444b

#57444b
rgb(87,68,75)

#57434b

#57434b
rgb(87,67,75)

#57424a

#57424a
rgb(87,66,74)

#57414a

#57414a
rgb(87,65,74)

Tons e Matizes de #570c29

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

Matiz (adicionando branco)
#570c29

#570c29
rgb(87,12,41)

#783c53

#783c53
rgb(120,60,83)

#9a6d7e

#9a6d7e
rgb(154,109,126)

#bb9da9

#bb9da9
rgb(187,157,169)

#ddced4

#ddced4
rgb(221,206,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#570c29

#570c29
rgb(87,12,41)

#450920

#450920
rgb(69,9,32)

#340718

#340718
rgb(52,7,24)

#220410

#220410
rgb(34,4,16)

#110208

#110208
rgb(17,2,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #570c29

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

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

Contraste

Branco e #570c29
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 #570c29
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 #570c29

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

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

Este parágrafo tem fundo de cor #570c29.

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

Este elemento tem uma cor de borda de #570c29.

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

Cores alietórias

#f958c2

#f958c2
rgb(249,88,194)

#d21360

#d21360
rgb(210,19,96)

#78c4e2

#78c4e2
rgb(120,196,226)

#96c66f

#96c66f
rgb(150,198,111)

#a66bd1

#a66bd1
rgb(166,107,209)

#c5508e

#c5508e
rgb(197,80,142)

#73874f

#73874f
rgb(115,135,79)

#28f875

#28f875
rgb(40,248,117)

#48301d

#48301d
rgb(72,48,29)

#6da415

#6da415
rgb(109,164,21)

#f8e9a0

#f8e9a0
rgb(248,233,160)

#382e46

#382e46
rgb(56,46,70)