Informação da cor #1f2728

A cor hexadecimal 1f2728 no modelo de cores RGB (Red, Green, Blue), é um composta por 31 de vermelho, 39 de verde e 40 de azul.

No padrão de cores CMYK, é composto por 22.5% de ciano, 2.5% de magenta, 0% de amarelo e 84.3% de preto. Tem um ângulo de matiz de 186.7 graus, uma saturação de 12.7% e uma leveza de 13.9%.

A cor mais próxima WebSafe é 000000.

Conversões de #1f2728 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 1f2728
RGB 31, 39, 40
RGB Percentagem 12.2%, 15.3%, 15.7%
CMYK 0.22, 0.03, 0, 0.84
HSL 186.7°, 12.7%, 13.9%
HSV (ou HSB) 186.7°, 22.5%, 15.7%
RYB 12.2, 14.1, 15.7
Formato Cor
XYZ 2.3, 2.6, 3.2
CIELab 18.52, -3.35, -1.89
Decimal 2041640
Yxy 1.8955, 0.2859, 0.3238
YUV 36.722, 129.8499, 123.9187
CIELuv 14.929, -3.2463, -1.3146
Web Safe 000000

Distribuição de #1f2728

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.

#1f2728

#1f2728
rgb(31,39,40)

#28211f

#28211f
rgb(40,33,31)

Cores triadicas

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

#281f27

#281f27
rgb(40,31,39)

#1f2728

#1f2728
rgb(31,39,40)

#27281f

#27281f
rgb(39,40,31)

Cores tetrádicas

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

#251f28

#251f28
rgb(37,31,40)

#1f2728

#1f2728
rgb(31,39,40)

#28211f

#28211f
rgb(40,33,31)

#23281f

#23281f
rgb(35,40,31)

Cores monocromáticas

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

#1f2728

#1f2728
rgb(31,39,40)

#202828

#202828
rgb(32,40,40)

#202828

#202828
rgb(32,40,40)

#1f2728

#1f2728
rgb(31,39,40)

#1f2728

#1f2728
rgb(31,39,40)

#1e2728

#1e2728
rgb(30,39,40)

Tons e Matizes de #1f2728

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

Matiz (adicionando branco)
#1f2728

#1f2728
rgb(31,39,40)

#4b5253

#4b5253
rgb(75,82,83)

#787d7e

#787d7e
rgb(120,125,126)

#a5a8a9

#a5a8a9
rgb(165,168,169)

#d2d3d4

#d2d3d4
rgb(210,211,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1f2728

#1f2728
rgb(31,39,40)

#181f20

#181f20
rgb(24,31,32)

#121718

#121718
rgb(18,23,24)

#0c0f0f

#0c0f0f
rgb(12,15,15)

#060707

#060707
rgb(6,7,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1f2728

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

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

Contraste

Branco e #1f2728
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 #1f2728
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 #1f2728

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

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

Este parágrafo tem fundo de cor #1f2728.

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

Este elemento tem uma cor de borda de #1f2728.

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

Cores alietórias

#9a3e9d

#9a3e9d
rgb(154,62,157)

#cf8fb8

#cf8fb8
rgb(207,143,184)

#53aedc

#53aedc
rgb(83,174,220)

#ba5f42

#ba5f42
rgb(186,95,66)

#646c23

#646c23
rgb(100,108,35)

#26ce28

#26ce28
rgb(38,206,40)

#dff2cc

#dff2cc
rgb(223,242,204)

#8f0e6e

#8f0e6e
rgb(143,14,110)

#cc15b7

#cc15b7
rgb(204,21,183)

#e35275

#e35275
rgb(227,82,117)

#9a9522

#9a9522
rgb(154,149,34)

#3b09f1

#3b09f1
rgb(59,9,241)