Informação da cor #5f75a6

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

No padrão de cores CMYK, é composto por 42.8% de ciano, 29.5% de magenta, 0% de amarelo e 34.9% de preto. Tem um ângulo de matiz de 221.4 graus, uma saturação de 28.5% e uma leveza de 51.2%.

A cor mais próxima WebSafe é 336699.

Conversões de #5f75a6 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 5f75a6
RGB 95, 117, 166
RGB Percentagem 37.3%, 45.9%, 65.1%
CMYK 0.43, 0.3, 0, 0.35
HSL 221.4°, 28.5%, 51.2%
HSV (ou HSB) 221.4°, 42.8%, 65.1%
RYB 37.3, 43.9, 65.1
Formato Cor
XYZ 20.5, 20.6, 42
CIELab 52.5, 4.4, -27.47
Decimal 6256038
Yxy 17.9077, 0.2413, 0.2405
YUV 116.008, 156.2122, 113.0157
CIELuv 49.3839, -12.3642, -43.4826
Web Safe 336699

Distribuição de #5f75a6

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.

#5f75a6

#5f75a6
rgb(95,117,166)

#a6915f

#a6915f
rgb(166,145,95)

Cores triadicas

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

#a65f75

#a65f75
rgb(166,95,117)

#5f75a6

#5f75a6
rgb(95,117,166)

#75a65f

#75a65f
rgb(117,166,95)

Cores tetrádicas

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

#a65f99

#a65f99
rgb(166,95,153)

#5f75a6

#5f75a6
rgb(95,117,166)

#a6915f

#a6915f
rgb(166,145,95)

#5fa66d

#5fa66d
rgb(95,166,109)

Cores monocromáticas

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

#5f75a6

#5f75a6
rgb(95,117,166)

#838ea6

#838ea6
rgb(131,142,166)

#818da6

#818da6
rgb(129,141,166)

#808ca6

#808ca6
rgb(128,140,166)

#7e8ba6

#7e8ba6
rgb(126,139,166)

#7c89a6

#7c89a6
rgb(124,137,166)

Tons e Matizes de #5f75a6

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

Matiz (adicionando branco)
#5f75a6

#5f75a6
rgb(95,117,166)

#7f90b7

#7f90b7
rgb(127,144,183)

#9facc9

#9facc9
rgb(159,172,201)

#bfc7db

#bfc7db
rgb(191,199,219)

#dfe3ed

#dfe3ed
rgb(223,227,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5f75a6

#5f75a6
rgb(95,117,166)

#4c5d84

#4c5d84
rgb(76,93,132)

#394663

#394663
rgb(57,70,99)

#252e42

#252e42
rgb(37,46,66)

#121721

#121721
rgb(18,23,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5f75a6

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

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

Contraste

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

Exemplos CSS

Texto com cor hexadecimal #5f75a6

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

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

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

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

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

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

Cores alietórias

#045878

#045878
rgb(4,88,120)

#be4634

#be4634
rgb(190,70,52)

#d7b3b6

#d7b3b6
rgb(215,179,182)

#024725

#024725
rgb(2,71,37)

#34ed4b

#34ed4b
rgb(52,237,75)

#01b70e

#01b70e
rgb(1,183,14)

#411604

#411604
rgb(65,22,4)

#b22e5b

#b22e5b
rgb(178,46,91)

#0a7163

#0a7163
rgb(10,113,99)

#085126

#085126
rgb(8,81,38)

#7d587d

#7d587d
rgb(125,88,125)

#75fba6

#75fba6
rgb(117,251,166)