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

#bd6a36

#bd6a36
rgb(189,106,54)

#6317d1

#6317d1
rgb(99,23,209)

#f4b42c

#f4b42c
rgb(244,180,44)

#680e84

#680e84
rgb(104,14,132)

#f545e2

#f545e2
rgb(245,69,226)

#5d3f30

#5d3f30
rgb(93,63,48)

#7bfe32

#7bfe32
rgb(123,254,50)

#02f4af

#02f4af
rgb(2,244,175)

#4e6289

#4e6289
rgb(78,98,137)

#064592

#064592
rgb(6,69,146)

#b687bf

#b687bf
rgb(182,135,191)

#ac135b

#ac135b
rgb(172,19,91)