Informação da cor #9d3e23

A cor hexadecimal 9d3e23 no modelo de cores RGB (Red, Green, Blue), é um composta por 157 de vermelho, 62 de verde e 35 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 60.5% de magenta, 77.7% de amarelo e 38.4% de preto. Tem um ângulo de matiz de 13.3 graus, uma saturação de 63.5% e uma leveza de 37.7%.

A cor mais próxima WebSafe é 993300.

Conversões de #9d3e23 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 9d3e23
RGB 157, 62, 35
RGB Percentagem 61.6%, 24.3%, 13.7%
CMYK 0, 0.61, 0.78, 0.38
HSL 13.3°, 63.5%, 37.7%
HSV (ou HSB) 13.3°, 77.7%, 61.6%
RYB 61.6, 27.5, 13.7
Formato Cor
XYZ 17.9, 12.5, 3.7
CIELab 41.93, 36.73, 35.12
Decimal 10305059
Yxy 10.7369, 0.5402, 0.3641
YUV 87.327, 98.4701, 177.6954
CIELuv 39.1337, 74.1725, 26.8187
Web Safe 993300

Distribuição de #9d3e23

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.

#9d3e23

#9d3e23
rgb(157,62,35)

#23839d

#23839d
rgb(35,131,157)

Cores triadicas

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

#239d3e

#239d3e
rgb(35,157,62)

#9d3e23

#9d3e23
rgb(157,62,35)

#3e239d

#3e239d
rgb(62,35,157)

Cores tetrádicas

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

#469d23

#469d23
rgb(70,157,35)

#9d3e23

#9d3e23
rgb(157,62,35)

#23839d

#23839d
rgb(35,131,157)

#7b239d

#7b239d
rgb(123,35,157)

Cores monocromáticas

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

#9d3e23

#9d3e23
rgb(157,62,35)

#9d837b

#9d837b
rgb(157,131,123)

#9d827a

#9d827a
rgb(157,130,122)

#9d8078

#9d8078
rgb(157,128,120)

#9d7f77

#9d7f77
rgb(157,127,119)

#9d7e75

#9d7e75
rgb(157,126,117)

Tons e Matizes de #9d3e23

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

Matiz (adicionando branco)
#9d3e23

#9d3e23
rgb(157,62,35)

#b0644f

#b0644f
rgb(176,100,79)

#c48b7b

#c48b7b
rgb(196,139,123)

#d7b1a7

#d7b1a7
rgb(215,177,167)

#ebd8d3

#ebd8d3
rgb(235,216,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9d3e23

#9d3e23
rgb(157,62,35)

#7d311c

#7d311c
rgb(125,49,28)

#5e2515

#5e2515
rgb(94,37,21)

#3e180d

#3e180d
rgb(62,24,13)

#1f0c06

#1f0c06
rgb(31,12,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9d3e23

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

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

Contraste

Branco e #9d3e23
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.

Preto e #9d3e23
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.

Exemplos CSS

Texto com cor hexadecimal #9d3e23

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

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

Este parágrafo tem fundo de cor #9d3e23.

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

Este elemento tem uma cor de borda de #9d3e23.

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

Cores alietórias

#429fc5

#429fc5
rgb(66,159,197)

#7def69

#7def69
rgb(125,239,105)

#75d7d2

#75d7d2
rgb(117,215,210)

#ed2b8e

#ed2b8e
rgb(237,43,142)

#c0babc

#c0babc
rgb(192,186,188)

#58ddcc

#58ddcc
rgb(88,221,204)

#a473e4

#a473e4
rgb(164,115,228)

#c81514

#c81514
rgb(200,21,20)

#3741fc

#3741fc
rgb(55,65,252)

#890245

#890245
rgb(137,2,69)

#34a970

#34a970
rgb(52,169,112)

#43c3a8

#43c3a8
rgb(67,195,168)