Informação da cor #5f9ea0

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

No padrão de cores CMYK, é composto por 40.6% de ciano, 1.2% de magenta, 0% de amarelo e 37.3% de preto. Tem um ângulo de matiz de 181.9 graus, uma saturação de 25.5% e uma leveza de 50%.

A cor mais próxima WebSafe é 339999.

Conversões de #5f9ea0 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 5f9ea0
RGB 95, 158, 160
RGB Percentagem 37.3%, 62%, 62.7%
CMYK 0.41, 0.01, 0, 0.37
HSL 181.9°, 25.5%, 50%
HSV (ou HSB) 181.9°, 40.6%, 62.8%
RYB 37.3, 49.8, 62.7
Formato Cor
XYZ 26, 32.4, 41.2
CIELab 63.69, -19.15, -7.22
Decimal 6266528
Yxy 29.423, 0.2576, 0.3254
YUV 139.391, 139.6304, 96.3374
CIELuv 61.1531, -29.0956, -7.9408
Web Safe 339999

Distribuição de #5f9ea0

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.

#5f9ea0

#5f9ea0
rgb(95,158,160)

#a0625f

#a0625f
rgb(160,98,95)

Cores triadicas

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

#a05f9e

#a05f9e
rgb(160,95,158)

#5f9ea0

#5f9ea0
rgb(95,158,160)

#9ea05f

#9ea05f
rgb(158,160,95)

Cores tetrádicas

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

#825fa0

#825fa0
rgb(130,95,160)

#5f9ea0

#5f9ea0
rgb(95,158,160)

#a0625f

#a0625f
rgb(160,98,95)

#7ea05f

#7ea05f
rgb(126,160,95)

Cores monocromáticas

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

#5f9ea0

#5f9ea0
rgb(95,158,160)

#7e9fa0

#7e9fa0
rgb(126,159,160)

#7d9fa0

#7d9fa0
rgb(125,159,160)

#7b9fa0

#7b9fa0
rgb(123,159,160)

#799fa0

#799fa0
rgb(121,159,160)

#789fa0

#789fa0
rgb(120,159,160)

Tons e Matizes de #5f9ea0

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

Matiz (adicionando branco)
#5f9ea0

#5f9ea0
rgb(95,158,160)

#7fb1b3

#7fb1b3
rgb(127,177,179)

#9fc4c6

#9fc4c6
rgb(159,196,198)

#bfd8d9

#bfd8d9
rgb(191,216,217)

#dfebec

#dfebec
rgb(223,235,236)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5f9ea0

#5f9ea0
rgb(95,158,160)

#4c7e80

#4c7e80
rgb(76,126,128)

#395e60

#395e60
rgb(57,94,96)

#253f3f

#253f3f
rgb(37,63,63)

#121f1f

#121f1f
rgb(18,31,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5f9ea0

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

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

Contraste

Branco e #5f9ea0
Texto grande WCAG AA X Não 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.

Preto e #5f9ea0
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 #5f9ea0

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

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

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

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

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

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

Cores alietórias

#c94a0e

#c94a0e
rgb(201,74,14)

#efa76d

#efa76d
rgb(239,167,109)

#3339eb

#3339eb
rgb(51,57,235)

#54239a

#54239a
rgb(84,35,154)

#7642ab

#7642ab
rgb(118,66,171)

#8d3164

#8d3164
rgb(141,49,100)

#1778cb

#1778cb
rgb(23,120,203)

#b352ad

#b352ad
rgb(179,82,173)

#349100

#349100
rgb(52,145,0)

#06ba71

#06ba71
rgb(6,186,113)

#b6abc6

#b6abc6
rgb(182,171,198)

#f8f67e

#f8f67e
rgb(248,246,126)