Informação da cor #312b38

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

No padrão de cores CMYK, é composto por 12.5% de ciano, 23.2% de magenta, 0% de amarelo e 78% de preto. Tem um ângulo de matiz de 267.7 graus, uma saturação de 13.1% e uma leveza de 19.4%.

A cor mais próxima WebSafe é 000033.

Conversões de #312b38 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 312b38
RGB 49, 43, 56
RGB Percentagem 19.2%, 16.9%, 22%
CMYK 0.12, 0.23, 0, 0.78
HSL 267.7°, 13.1%, 19.4%
HSV (ou HSB) 267.7°, 23.2%, 22%
RYB 19.2, 16.9, 22
Formato Cor
XYZ 3.8, 3.6, 5.4
CIELab 22.31, 5.91, -7.38
Decimal 3222328
Yxy 2.6663, 0.2958, 0.2773
YUV 46.276, 133.4876, 129.9429
CIELuv 18.6544, 2.0446, -8.0658
Web Safe 000033

Distribuição de #312b38

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.

#312b38

#312b38
rgb(49,43,56)

#33382b

#33382b
rgb(51,56,43)

Cores triadicas

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

#38312b

#38312b
rgb(56,49,43)

#312b38

#312b38
rgb(49,43,56)

#2b3831

#2b3831
rgb(43,56,49)

Cores tetrádicas

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

#382b2c

#382b2c
rgb(56,43,44)

#312b38

#312b38
rgb(49,43,56)

#33382b

#33382b
rgb(51,56,43)

#2b3838

#2b3838
rgb(43,56,56)

Cores monocromáticas

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

#312b38

#312b38
rgb(49,43,56)

#322d38

#322d38
rgb(50,45,56)

#322c38

#322c38
rgb(50,44,56)

#312b38

#312b38
rgb(49,43,56)

#312b38

#312b38
rgb(49,43,56)

#312a38

#312a38
rgb(49,42,56)

Tons e Matizes de #312b38

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

Matiz (adicionando branco)
#312b38

#312b38
rgb(49,43,56)

#5a555f

#5a555f
rgb(90,85,95)

#837f87

#837f87
rgb(131,127,135)

#acaaaf

#acaaaf
rgb(172,170,175)

#d5d4d7

#d5d4d7
rgb(213,212,215)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#312b38

#312b38
rgb(49,43,56)

#27222c

#27222c
rgb(39,34,44)

#1d1921

#1d1921
rgb(29,25,33)

#131116

#131116
rgb(19,17,22)

#09080b

#09080b
rgb(9,8,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #312b38

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#576f22

#576f22
rgb(87,111,34)

#bb7325

#bb7325
rgb(187,115,37)

#5fc69f

#5fc69f
rgb(95,198,159)

#ff4e49

#ff4e49
rgb(255,78,73)

#2d7cfb

#2d7cfb
rgb(45,124,251)

#d93349

#d93349
rgb(217,51,73)

#c549fc

#c549fc
rgb(197,73,252)

#855388

#855388
rgb(133,83,136)

#005d86

#005d86
rgb(0,93,134)

#54ff90

#54ff90
rgb(84,255,144)

#c548e1

#c548e1
rgb(197,72,225)

#db17d4

#db17d4
rgb(219,23,212)