Informação da cor #c5814d

A cor hexadecimal c5814d no modelo de cores RGB (Red, Green, Blue), é um composta por 197 de vermelho, 129 de verde e 77 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 34.5% de magenta, 60.9% de amarelo e 22.7% de preto. Tem um ângulo de matiz de 26 graus, uma saturação de 50.9% e uma leveza de 53.7%.

A cor mais próxima WebSafe é 996633.

Conversões de #c5814d 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 c5814d
RGB 197, 129, 77
RGB Percentagem 77.3%, 50.6%, 30.2%
CMYK 0, 0.35, 0.61, 0.23
HSL 26°, 50.9%, 53.7%
HSV (ou HSB) 26°, 60.9%, 77.3%
RYB 77.3, 66.3, 30.2
Formato Cor
XYZ 34.7, 30.9, 12.9
CIELab 62.46, 19.32, 37.15
Decimal 12943693
Yxy 28.1095, 0.4533, 0.3955
YUV 143.404, 90.526, 166.2282
CIELuv 59.9875, 52.4601, 40.6266
Web Safe 996633

Distribuição de #c5814d

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.

#c5814d

#c5814d
rgb(197,129,77)

#4d91c5

#4d91c5
rgb(77,145,197)

Cores triadicas

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

#4dc582

#4dc582
rgb(77,197,130)

#c5814d

#c5814d
rgb(197,129,77)

#824dc5

#824dc5
rgb(130,77,197)

Cores tetrádicas

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

#55c54d

#55c54d
rgb(85,197,77)

#c5814d

#c5814d
rgb(197,129,77)

#4d91c5

#4d91c5
rgb(77,145,197)

#be4dc5

#be4dc5
rgb(190,77,197)

Cores monocromáticas

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

#c5814d

#c5814d
rgb(197,129,77)

#c5ad9b

#c5ad9b
rgb(197,173,155)

#c5ac99

#c5ac99
rgb(197,172,153)

#c5ab97

#c5ab97
rgb(197,171,151)

#c5aa95

#c5aa95
rgb(197,170,149)

#c5a993

#c5a993
rgb(197,169,147)

Tons e Matizes de #c5814d

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

Matiz (adicionando branco)
#c5814d

#c5814d
rgb(197,129,77)

#d09a70

#d09a70
rgb(208,154,112)

#dcb394

#dcb394
rgb(220,179,148)

#e7ccb7

#e7ccb7
rgb(231,204,183)

#f3e5db

#f3e5db
rgb(243,229,219)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c5814d

#c5814d
rgb(197,129,77)

#9d673d

#9d673d
rgb(157,103,61)

#764d2e

#764d2e
rgb(118,77,46)

#4e331e

#4e331e
rgb(78,51,30)

#27190f

#27190f
rgb(39,25,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c5814d

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

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

Contraste

Branco e #c5814d
Texto grande WCAG AA ✓ 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.

Preto e #c5814d
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ 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 #c5814d

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

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

Este parágrafo tem fundo de cor #c5814d.

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

Este elemento tem uma cor de borda de #c5814d.

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

Cores alietórias

#76fc41

#76fc41
rgb(118,252,65)

#83d60b

#83d60b
rgb(131,214,11)

#32756e

#32756e
rgb(50,117,110)

#3e6acb

#3e6acb
rgb(62,106,203)

#486b27

#486b27
rgb(72,107,39)

#40eb4d

#40eb4d
rgb(64,235,77)

#4aea25

#4aea25
rgb(74,234,37)

#15f456

#15f456
rgb(21,244,86)

#908fc3

#908fc3
rgb(144,143,195)

#3407f3

#3407f3
rgb(52,7,243)

#ce7885

#ce7885
rgb(206,120,133)

#48e84d

#48e84d
rgb(72,232,77)