Informação da cor #5f6472

A cor hexadecimal 5f6472 no modelo de cores RGB (Red, Green, Blue), é um composta por 95 de vermelho, 100 de verde e 114 de azul.

No padrão de cores CMYK, é composto por 16.7% de ciano, 12.3% de magenta, 0% de amarelo e 55.3% de preto. Tem um ângulo de matiz de 224.2 graus, uma saturação de 9.1% e uma leveza de 41%.

A cor mais próxima WebSafe é 333366.

Conversões de #5f6472 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 5f6472
RGB 95, 100, 114
RGB Percentagem 37.3%, 39.2%, 44.7%
CMYK 0.17, 0.12, 0, 0.55
HSL 224.2°, 9.1%, 41%
HSV (ou HSB) 224.2°, 16.7%, 44.7%
RYB 37.3, 38.8, 44.7
Formato Cor
XYZ 14.6, 15.2, 20.6
CIELab 45.83, 1.18, -8.24
Decimal 6251634
Yxy 12.7619, 0.2876, 0.2981
YUV 100.101, 135.8437, 124.3616
CIELuv 42.4023, -3.3894, -11.7449
Web Safe 333366

Distribuição de #5f6472

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.

#5f6472

#5f6472
rgb(95,100,114)

#726d5f

#726d5f
rgb(114,109,95)

Cores triadicas

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

#725f65

#725f65
rgb(114,95,101)

#5f6472

#5f6472
rgb(95,100,114)

#65725f

#65725f
rgb(101,114,95)

Cores tetrádicas

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

#725f6e

#725f6e
rgb(114,95,110)

#5f6472

#5f6472
rgb(95,100,114)

#726d5f

#726d5f
rgb(114,109,95)

#5f7264

#5f7264
rgb(95,114,100)

Cores monocromáticas

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

#5f6472

#5f6472
rgb(95,100,114)

#5a6172

#5a6172
rgb(90,97,114)

#596072

#596072
rgb(89,96,114)

#585f72

#585f72
rgb(88,95,114)

#575e72

#575e72
rgb(87,94,114)

#565d72

#565d72
rgb(86,93,114)

Tons e Matizes de #5f6472

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

Matiz (adicionando branco)
#5f6472

#5f6472
rgb(95,100,114)

#7f838e

#7f838e
rgb(127,131,142)

#9fa2aa

#9fa2aa
rgb(159,162,170)

#bfc1c6

#bfc1c6
rgb(191,193,198)

#dfe0e2

#dfe0e2
rgb(223,224,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5f6472

#5f6472
rgb(95,100,114)

#4c505b

#4c505b
rgb(76,80,91)

#393c44

#393c44
rgb(57,60,68)

#25272d

#25272d
rgb(37,39,45)

#121316

#121316
rgb(18,19,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5f6472

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

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

Contraste

Branco e #5f6472
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 #5f6472
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 #5f6472

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

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

Este parágrafo tem fundo de cor #5f6472.

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

Este elemento tem uma cor de borda de #5f6472.

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

Cores alietórias

#1e2608

#1e2608
rgb(30,38,8)

#9bdd84

#9bdd84
rgb(155,221,132)

#f9f00b

#f9f00b
rgb(249,240,11)

#55cca9

#55cca9
rgb(85,204,169)

#0033ad

#0033ad
rgb(0,51,173)

#c3583c

#c3583c
rgb(195,88,60)

#d81aab

#d81aab
rgb(216,26,171)

#ae4219

#ae4219
rgb(174,66,25)

#bcd9b1

#bcd9b1
rgb(188,217,177)

#210571

#210571
rgb(33,5,113)

#47e2bf

#47e2bf
rgb(71,226,191)

#368d99

#368d99
rgb(54,141,153)