Informação da cor #31667b

A cor hexadecimal 31667b no modelo de cores RGB (Red, Green, Blue), é um composta por 49 de vermelho, 102 de verde e 123 de azul.

No padrão de cores CMYK, é composto por 60.2% de ciano, 17.1% de magenta, 0% de amarelo e 51.8% de preto. Tem um ângulo de matiz de 197 graus, uma saturação de 43% e uma leveza de 33.7%.

A cor mais próxima WebSafe é 006666.

Conversões de #31667b 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 31667b
RGB 49, 102, 123
RGB Percentagem 19.2%, 40%, 48.2%
CMYK 0.6, 0.17, 0, 0.52
HSL 197°, 43%, 33.7%
HSV (ou HSB) 197°, 60.2%, 48.2%
RYB 19.2, 31.4, 48.2
Formato Cor
XYZ 11.4, 13.8, 23.5
CIELab 43.88, -11.46, -16.73
Decimal 3237499
Yxy 11.5849, 0.2303, 0.2782
YUV 88.547, 147.443, 99.7924
CIELuv 40.5486, -21.6583, -22.327
Web Safe 006666

Distribuição de #31667b

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.

#31667b

#31667b
rgb(49,102,123)

#7b4632

#7b4632
rgb(123,70,50)

Cores triadicas

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

#7b3267

#7b3267
rgb(123,50,103)

#31667b

#31667b
rgb(49,102,123)

#677b32

#677b32
rgb(103,123,50)

Cores tetrádicas

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

#6b327b

#6b327b
rgb(107,50,123)

#31667b

#31667b
rgb(49,102,123)

#7b4632

#7b4632
rgb(123,70,50)

#427b32

#427b32
rgb(66,123,50)

Cores monocromáticas

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

#31667b

#31667b
rgb(49,102,123)

#61747b

#61747b
rgb(97,116,123)

#60747b

#60747b
rgb(96,116,123)

#5e737b

#5e737b
rgb(94,115,123)

#5d737b

#5d737b
rgb(93,115,123)

#5c737b

#5c737b
rgb(92,115,123)

Tons e Matizes de #31667b

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

Matiz (adicionando branco)
#31667b

#31667b
rgb(49,102,123)

#5a8495

#5a8495
rgb(90,132,149)

#83a3af

#83a3af
rgb(131,163,175)

#acc1ca

#acc1ca
rgb(172,193,202)

#d5e0e4

#d5e0e4
rgb(213,224,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#31667b

#31667b
rgb(49,102,123)

#275162

#275162
rgb(39,81,98)

#1d3d49

#1d3d49
rgb(29,61,73)

#132831

#132831
rgb(19,40,49)

#091418

#091418
rgb(9,20,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #31667b

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

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

Contraste

Branco e #31667b
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 #31667b
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 #31667b

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

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

Este parágrafo tem fundo de cor #31667b.

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

Este elemento tem uma cor de borda de #31667b.

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

Cores alietórias

#dda115

#dda115
rgb(221,161,21)

#684931

#684931
rgb(104,73,49)

#8996c0

#8996c0
rgb(137,150,192)

#fc3dd1

#fc3dd1
rgb(252,61,209)

#cbcbe7

#cbcbe7
rgb(203,203,231)

#9ec8f8

#9ec8f8
rgb(158,200,248)

#27139b

#27139b
rgb(39,19,155)

#55138d

#55138d
rgb(85,19,141)

#c87c11

#c87c11
rgb(200,124,17)

#09293d

#09293d
rgb(9,41,61)

#8c32a8

#8c32a8
rgb(140,50,168)

#6fe09a

#6fe09a
rgb(111,224,154)