Informação da cor #5f6155

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

No padrão de cores CMYK, é composto por 2.1% de ciano, 0% de magenta, 12.4% de amarelo e 62% de preto. Tem um ângulo de matiz de 70 graus, uma saturação de 6.6% e uma leveza de 35.7%.

A cor mais próxima WebSafe é 333333.

Conversões de #5f6155 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 5f6155
RGB 95, 97, 85
RGB Percentagem 37.3%, 38%, 33.3%
CMYK 0.02, 0, 0.12, 0.62
HSL 70°, 6.6%, 35.7%
HSV (ou HSB) 70°, 12.4%, 38%
RYB 33.3, 38, 34.1
Formato Cor
XYZ 12.8, 13.9, 12.5
CIELab 44.12, -3.12, 6.43
Decimal 6250837
Yxy 11.6382, 0.3267, 0.3575
YUV 95.034, 122.3375, 127.9757
CIELuv 40.6352, -0.5083, 8.7123
Web Safe 333333

Distribuição de #5f6155

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.

#5f6155

#5f6155
rgb(95,97,85)

#585561

#585561
rgb(88,85,97)

Cores triadicas

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

#555f61

#555f61
rgb(85,95,97)

#5f6155

#5f6155
rgb(95,97,85)

#61555f

#61555f
rgb(97,85,95)

Cores tetrádicas

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

#55615e

#55615e
rgb(85,97,94)

#5f6155

#5f6155
rgb(95,97,85)

#585561

#585561
rgb(88,85,97)

#615559

#615559
rgb(97,85,89)

Cores monocromáticas

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

#5f6155

#5f6155
rgb(95,97,85)

#5e614d

#5e614d
rgb(94,97,77)

#5e614c

#5e614c
rgb(94,97,76)

#5e614b

#5e614b
rgb(94,97,75)

#5e614a

#5e614a
rgb(94,97,74)

#5d6149

#5d6149
rgb(93,97,73)

Tons e Matizes de #5f6155

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

Matiz (adicionando branco)
#5f6155

#5f6155
rgb(95,97,85)

#7f8077

#7f8077
rgb(127,128,119)

#9fa099

#9fa099
rgb(159,160,153)

#bfbfbb

#bfbfbb
rgb(191,191,187)

#dfdfdd

#dfdfdd
rgb(223,223,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5f6155

#5f6155
rgb(95,97,85)

#4c4d44

#4c4d44
rgb(76,77,68)

#393a33

#393a33
rgb(57,58,51)

#252621

#252621
rgb(37,38,33)

#121310

#121310
rgb(18,19,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5f6155

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#9d0830

#9d0830
rgb(157,8,48)

#f541a8

#f541a8
rgb(245,65,168)

#864d72

#864d72
rgb(134,77,114)

#435504

#435504
rgb(67,85,4)

#dffd9c

#dffd9c
rgb(223,253,156)

#aab5ff

#aab5ff
rgb(170,181,255)

#32540c

#32540c
rgb(50,84,12)

#5524b6

#5524b6
rgb(85,36,182)

#ee0de6

#ee0de6
rgb(238,13,230)

#8f5899

#8f5899
rgb(143,88,153)

#87840b

#87840b
rgb(135,132,11)

#ad5d80

#ad5d80
rgb(173,93,128)