Informação da cor #312d31

A cor hexadecimal 312d31 no modelo de cores RGB (Red, Green, Blue), é um composta por 49 de vermelho, 45 de verde e 49 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 8.2% de magenta, 0% de amarelo e 80.8% de preto. Tem um ângulo de matiz de 300 graus, uma saturação de 4.3% e uma leveza de 18.4%.

A cor mais próxima WebSafe é 000000.

Conversões de #312d31 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 312d31
RGB 49, 45, 49
RGB Percentagem 19.2%, 17.6%, 19.2%
CMYK 0, 0.08, 0, 0.81
HSL 300°, 4.3%, 18.4%
HSV (ou HSB) 300°, 8.2%, 19.2%
RYB 19.2, 17.6, 19.2
Formato Cor
XYZ 3.7, 3.7, 4.4
CIELab 22.69, 2.75, -1.94
Decimal 3222833
Yxy 2.7515, 0.3135, 0.3126
YUV 46.652, 129.3251, 129.6748
CIELuv 19.0199, 1.7098, -2.2103
Web Safe 000000

Distribuição de #312d31

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.

#312d31

#312d31
rgb(49,45,49)

#2d312d

#2d312d
rgb(45,49,45)

Cores triadicas

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

#31312d

#31312d
rgb(49,49,45)

#312d31

#312d31
rgb(49,45,49)

#2d3131

#2d3131
rgb(45,49,49)

Cores tetrádicas

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

#312f2d

#312f2d
rgb(49,47,45)

#312d31

#312d31
rgb(49,45,49)

#2d312d

#2d312d
rgb(45,49,45)

#2d2f31

#2d2f31
rgb(45,47,49)

Cores monocromáticas

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

#312d31

#312d31
rgb(49,45,49)

#312731

#312731
rgb(49,39,49)

#312731

#312731
rgb(49,39,49)

#312631

#312631
rgb(49,38,49)

#312631

#312631
rgb(49,38,49)

#312531

#312531
rgb(49,37,49)

Tons e Matizes de #312d31

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

Matiz (adicionando branco)
#312d31

#312d31
rgb(49,45,49)

#5a575a

#5a575a
rgb(90,87,90)

#838183

#838183
rgb(131,129,131)

#acabac

#acabac
rgb(172,171,172)

#d5d5d5

#d5d5d5
rgb(213,213,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#312d31

#312d31
rgb(49,45,49)

#272427

#272427
rgb(39,36,39)

#1d1b1d

#1d1b1d
rgb(29,27,29)

#131113

#131113
rgb(19,17,19)

#090809

#090809
rgb(9,8,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #312d31

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

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

Contraste

Branco e #312d31
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 #312d31
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 #312d31

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

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

Este parágrafo tem fundo de cor #312d31.

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

Este elemento tem uma cor de borda de #312d31.

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

Cores alietórias

#e4744d

#e4744d
rgb(228,116,77)

#434597

#434597
rgb(67,69,151)

#25187d

#25187d
rgb(37,24,125)

#5f5544

#5f5544
rgb(95,85,68)

#27c527

#27c527
rgb(39,197,39)

#0ab529

#0ab529
rgb(10,181,41)

#d1c2d0

#d1c2d0
rgb(209,194,208)

#410d99

#410d99
rgb(65,13,153)

#53e40a

#53e40a
rgb(83,228,10)

#bf5ad0

#bf5ad0
rgb(191,90,208)

#c42231

#c42231
rgb(196,34,49)

#584947

#584947
rgb(88,73,71)