Informação da cor #102031

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

No padrão de cores CMYK, é composto por 67.3% de ciano, 34.7% de magenta, 0% de amarelo e 80.8% de preto. Tem um ângulo de matiz de 210.9 graus, uma saturação de 50.8% e uma leveza de 12.8%.

A cor mais próxima WebSafe é 000000.

Conversões de #102031 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 102031
RGB 16, 32, 49
RGB Percentagem 6.3%, 12.5%, 19.2%
CMYK 0.67, 0.35, 0, 0.81
HSL 210.9°, 50.8%, 12.8%
HSV (ou HSB) 210.9°, 67.4%, 19.2%
RYB 6.3, 10.6, 19.2
Formato Cor
XYZ 1.8, 1.9, 4.2
CIELab 15.16, -0.84, -13.65
Decimal 1056817
Yxy 1.3648, 0.2234, 0.2374
YUV 29.154, 139.1998, 118.6177
CIELuv 11.7215, -4.9418, -11.1016
Web Safe 000000

Distribuição de #102031

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.

#102031

#102031
rgb(16,32,49)

#312110

#312110
rgb(49,33,16)

Cores triadicas

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

#311021

#311021
rgb(49,16,33)

#102031

#102031
rgb(16,32,49)

#213110

#213110
rgb(33,49,16)

Cores tetrádicas

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

#311031

#311031
rgb(49,16,49)

#102031

#102031
rgb(16,32,49)

#312110

#312110
rgb(49,33,16)

#103111

#103111
rgb(16,49,17)

Cores monocromáticas

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

#102031

#102031
rgb(16,32,49)

#272c31

#272c31
rgb(39,44,49)

#262c31

#262c31
rgb(38,44,49)

#262c31

#262c31
rgb(38,44,49)

#252b31

#252b31
rgb(37,43,49)

#252b31

#252b31
rgb(37,43,49)

Tons e Matizes de #102031

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

Matiz (adicionando branco)
#102031

#102031
rgb(16,32,49)

#3f4c5a

#3f4c5a
rgb(63,76,90)

#6f7983

#6f7983
rgb(111,121,131)

#9fa5ac

#9fa5ac
rgb(159,165,172)

#cfd2d5

#cfd2d5
rgb(207,210,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#102031

#102031
rgb(16,32,49)

#0c1927

#0c1927
rgb(12,25,39)

#09131d

#09131d
rgb(9,19,29)

#060c13

#060c13
rgb(6,12,19)

#030609

#030609
rgb(3,6,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #102031

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

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

Contraste

Branco e #102031
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 #102031
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 #102031

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

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

Este parágrafo tem fundo de cor #102031.

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

Este elemento tem uma cor de borda de #102031.

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

Cores alietórias

#b5514d

#b5514d
rgb(181,81,77)

#a79cff

#a79cff
rgb(167,156,255)

#3b72c4

#3b72c4
rgb(59,114,196)

#76f888

#76f888
rgb(118,248,136)

#d60e9a

#d60e9a
rgb(214,14,154)

#b5dd67

#b5dd67
rgb(181,221,103)

#d115be

#d115be
rgb(209,21,190)

#bee44d

#bee44d
rgb(190,228,77)

#32d0d1

#32d0d1
rgb(50,208,209)

#1a8dbb

#1a8dbb
rgb(26,141,187)

#aaca8d

#aaca8d
rgb(170,202,141)

#ec6159

#ec6159
rgb(236,97,89)