Informação da cor #c97e32

A cor hexadecimal c97e32 no modelo de cores RGB (Red, Green, Blue), é um composta por 201 de vermelho, 126 de verde e 50 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 37.3% de magenta, 75.1% de amarelo e 21.2% de preto. Tem um ângulo de matiz de 30.2 graus, uma saturação de 60.2% e uma leveza de 49.2%.

A cor mais próxima WebSafe é 996600.

Conversões de #c97e32 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 c97e32
RGB 201, 126, 50
RGB Percentagem 78.8%, 49.4%, 19.6%
CMYK 0, 0.37, 0.75, 0.21
HSL 30.2°, 60.2%, 49.2%
HSV (ou HSB) 30.2°, 75.1%, 78.8%
RYB 78.4, 78.8, 19.6
Formato Cor
XYZ 34.5, 30.3, 8.1
CIELab 61.91, 20.71, 50.38
Decimal 13205042
Yxy 27.5727, 0.4842, 0.4156
YUV 139.761, 77.3448, 171.6797
CIELuv 59.5007, 60.4321, 49.9487
Web Safe 996600

Distribuição de #c97e32

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.

#c97e32

#c97e32
rgb(201,126,50)

#327ec9

#327ec9
rgb(50,126,201)

Cores triadicas

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

#32c97e

#32c97e
rgb(50,201,126)

#c97e32

#c97e32
rgb(201,126,50)

#7e32c9

#7e32c9
rgb(126,50,201)

Cores tetrádicas

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

#32c933

#32c933
rgb(50,201,51)

#c97e32

#c97e32
rgb(201,126,50)

#327ec9

#327ec9
rgb(50,126,201)

#c932c9

#c932c9
rgb(201,50,201)

Cores monocromáticas

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

#c97e32

#c97e32
rgb(201,126,50)

#c9b49e

#c9b49e
rgb(201,180,158)

#c9b39c

#c9b39c
rgb(201,179,156)

#c9b29a

#c9b29a
rgb(201,178,154)

#c9b198

#c9b198
rgb(201,177,152)

#c9b096

#c9b096
rgb(201,176,150)

Tons e Matizes de #c97e32

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

Matiz (adicionando branco)
#c97e32

#c97e32
rgb(201,126,50)

#d3975b

#d3975b
rgb(211,151,91)

#deb184

#deb184
rgb(222,177,132)

#e9cbad

#e9cbad
rgb(233,203,173)

#f4e5d6

#f4e5d6
rgb(244,229,214)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c97e32

#c97e32
rgb(201,126,50)

#a06428

#a06428
rgb(160,100,40)

#784b1e

#784b1e
rgb(120,75,30)

#503213

#503213
rgb(80,50,19)

#281909

#281909
rgb(40,25,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c97e32

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

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

Contraste

Branco e #c97e32
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 #c97e32
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 #c97e32

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

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

Este parágrafo tem fundo de cor #c97e32.

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

Este elemento tem uma cor de borda de #c97e32.

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

Cores alietórias

#a8c496

#a8c496
rgb(168,196,150)

#a9cb7c

#a9cb7c
rgb(169,203,124)

#f22d34

#f22d34
rgb(242,45,52)

#8f96e2

#8f96e2
rgb(143,150,226)

#2cb125

#2cb125
rgb(44,177,37)

#0135ff

#0135ff
rgb(1,53,255)

#b403a8

#b403a8
rgb(180,3,168)

#4c4397

#4c4397
rgb(76,67,151)

#6eba48

#6eba48
rgb(110,186,72)

#8d72ad

#8d72ad
rgb(141,114,173)

#0cd4e3

#0cd4e3
rgb(12,212,227)

#993bfc

#993bfc
rgb(153,59,252)