Informação da cor #970c17

A cor hexadecimal 970c17 no modelo de cores RGB (Red, Green, Blue), é um composta por 151 de vermelho, 12 de verde e 23 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 92.1% de magenta, 84.8% de amarelo e 40.8% de preto. Tem um ângulo de matiz de 355.3 graus, uma saturação de 85.3% e uma leveza de 32%.

A cor mais próxima WebSafe é 660000.

Conversões de #970c17 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 970c17
RGB 151, 12, 23
RGB Percentagem 59.2%, 4.7%, 9%
CMYK 0, 0.92, 0.85, 0.41
HSL 355.3°, 85.3%, 32%
HSV (ou HSB) 355.3°, 92.1%, 59.2%
RYB 59.2, 4.7, 9
Formato Cor
XYZ 14.5, 7.8, 1.9
CIELab 33.49, 53.91, 33.1
Decimal 9899031
Yxy 6.9063, 0.6095, 0.3225
YUV 54.815, 110.0457, 196.6056
CIELuv 31.5927, 95.9095, 18.6035
Web Safe 660000

Distribuição de #970c17

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.

#970c17

#970c17
rgb(151,12,23)

#0c978d

#0c978d
rgb(12,151,141)

Cores triadicas

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

#17970c

#17970c
rgb(23,151,12)

#970c17

#970c17
rgb(151,12,23)

#0c1797

#0c1797
rgb(12,23,151)

Cores tetrádicas

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

#5d970c

#5d970c
rgb(93,151,12)

#970c17

#970c17
rgb(151,12,23)

#0c978d

#0c978d
rgb(12,151,141)

#470c97

#470c97
rgb(71,12,151)

Cores monocromáticas

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

#970c17

#970c17
rgb(151,12,23)

#977679

#977679
rgb(151,118,121)

#977578

#977578
rgb(151,117,120)

#977376

#977376
rgb(151,115,118)

#977275

#977275
rgb(151,114,117)

#977073

#977073
rgb(151,112,115)

Tons e Matizes de #970c17

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

Matiz (adicionando branco)
#970c17

#970c17
rgb(151,12,23)

#ab3c45

#ab3c45
rgb(171,60,69)

#c06d73

#c06d73
rgb(192,109,115)

#d59da2

#d59da2
rgb(213,157,162)

#eaced0

#eaced0
rgb(234,206,208)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#970c17

#970c17
rgb(151,12,23)

#780912

#780912
rgb(120,9,18)

#5a070d

#5a070d
rgb(90,7,13)

#3c0409

#3c0409
rgb(60,4,9)

#1e0204

#1e0204
rgb(30,2,4)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #970c17

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

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

Contraste

Branco e #970c17
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 #970c17
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 #970c17

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

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

Este parágrafo tem fundo de cor #970c17.

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

Este elemento tem uma cor de borda de #970c17.

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

Cores alietórias

#2ae9b5

#2ae9b5
rgb(42,233,181)

#dccb59

#dccb59
rgb(220,203,89)

#1e34b5

#1e34b5
rgb(30,52,181)

#be41bf

#be41bf
rgb(190,65,191)

#3e9df0

#3e9df0
rgb(62,157,240)

#a7831c

#a7831c
rgb(167,131,28)

#e75343

#e75343
rgb(231,83,67)

#f26b58

#f26b58
rgb(242,107,88)

#ae6a2f

#ae6a2f
rgb(174,106,47)

#fc3aeb

#fc3aeb
rgb(252,58,235)

#b79875

#b79875
rgb(183,152,117)

#03846a

#03846a
rgb(3,132,106)