Informação da cor #5f5395

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

No padrão de cores CMYK, é composto por 36.2% de ciano, 44.3% de magenta, 0% de amarelo e 41.6% de preto. Tem um ângulo de matiz de 250.9 graus, uma saturação de 28.5% e uma leveza de 45.5%.

A cor mais próxima WebSafe é 333366.

Conversões de #5f5395 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 5f5395
RGB 95, 83, 149
RGB Percentagem 37.3%, 32.5%, 58.4%
CMYK 0.36, 0.44, 0, 0.42
HSL 250.9°, 28.5%, 45.5%
HSV (ou HSB) 250.9°, 44.3%, 58.4%
RYB 37.3, 32.5, 58.4
Formato Cor
XYZ 15.4, 12.9, 33.1
CIELab 42.61, 20.2, -33.43
Decimal 6247317
Yxy 10.789, 0.2458, 0.2004
YUV 94.112, 158.9752, 128.6334
CIELuv 39.2228, 1.1819, -51.6213
Web Safe 333366

Distribuição de #5f5395

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.

#5f5395

#5f5395
rgb(95,83,149)

#8a9553

#8a9553
rgb(138,149,83)

Cores triadicas

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

#955f53

#955f53
rgb(149,95,83)

#5f5395

#5f5395
rgb(95,83,149)

#53955f

#53955f
rgb(83,149,95)

Cores tetrádicas

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

#955369

#955369
rgb(149,83,105)

#5f5395

#5f5395
rgb(95,83,149)

#8a9553

#8a9553
rgb(138,149,83)

#539580

#539580
rgb(83,149,128)

Cores monocromáticas

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

#5f5395

#5f5395
rgb(95,83,149)

#7b7695

#7b7695
rgb(123,118,149)

#7a7495

#7a7495
rgb(122,116,149)

#797395

#797395
rgb(121,115,149)

#787195

#787195
rgb(120,113,149)

#767095

#767095
rgb(118,112,149)

Tons e Matizes de #5f5395

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

Matiz (adicionando branco)
#5f5395

#5f5395
rgb(95,83,149)

#7f75aa

#7f75aa
rgb(127,117,170)

#9f97bf

#9f97bf
rgb(159,151,191)

#bfbad4

#bfbad4
rgb(191,186,212)

#dfdce9

#dfdce9
rgb(223,220,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5f5395

#5f5395
rgb(95,83,149)

#4c4277

#4c4277
rgb(76,66,119)

#393159

#393159
rgb(57,49,89)

#25213b

#25213b
rgb(37,33,59)

#12101d

#12101d
rgb(18,16,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5f5395

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#e133ca

#e133ca
rgb(225,51,202)

#efd02a

#efd02a
rgb(239,208,42)

#c142f2

#c142f2
rgb(193,66,242)

#f20ff8

#f20ff8
rgb(242,15,248)

#4e0d36

#4e0d36
rgb(78,13,54)

#6bcae8

#6bcae8
rgb(107,202,232)

#934b4e

#934b4e
rgb(147,75,78)

#5f9fdd

#5f9fdd
rgb(95,159,221)

#135577

#135577
rgb(19,85,119)

#4b42c7

#4b42c7
rgb(75,66,199)

#d7eacd

#d7eacd
rgb(215,234,205)

#abfef6

#abfef6
rgb(171,254,246)