Informação da cor #86a0b4

A cor hexadecimal 86a0b4 no modelo de cores RGB (Red, Green, Blue), é um composta por 134 de vermelho, 160 de verde e 180 de azul.

No padrão de cores CMYK, é composto por 25.6% de ciano, 11.1% de magenta, 0% de amarelo e 29.4% de preto. Tem um ângulo de matiz de 206.1 graus, uma saturação de 23.5% e uma leveza de 61.6%.

A cor mais próxima WebSafe é 669999.

Conversões de #86a0b4 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 86a0b4
RGB 134, 160, 180
RGB Percentagem 52.5%, 62.7%, 70.6%
CMYK 0.26, 0.11, 0, 0.29
HSL 206.1°, 23.5%, 61.6%
HSV (ou HSB) 206.1°, 25.6%, 70.6%
RYB 52.5, 59.2, 70.6
Formato Cor
XYZ 33.6, 36.7, 51.4
CIELab 67.02, -4.35, -12.58
Decimal 8822964
Yxy 33.5041, 0.2732, 0.2987
YUV 154.506, 142.3871, 113.3738
CIELuv 64.5671, -14.1763, -19.4003
Web Safe 669999

Distribuição de #86a0b4

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.

#86a0b4

#86a0b4
rgb(134,160,180)

#b49a86

#b49a86
rgb(180,154,134)

Cores triadicas

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

#b486a1

#b486a1
rgb(180,134,161)

#86a0b4

#86a0b4
rgb(134,160,180)

#a1b486

#a1b486
rgb(161,180,134)

Cores tetrádicas

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

#b186b4

#b186b4
rgb(177,134,180)

#86a0b4

#86a0b4
rgb(134,160,180)

#b49a86

#b49a86
rgb(180,154,134)

#8ab486

#8ab486
rgb(138,180,134)

Cores monocromáticas

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

#86a0b4

#86a0b4
rgb(134,160,180)

#8ea4b4

#8ea4b4
rgb(142,164,180)

#8ca3b4

#8ca3b4
rgb(140,163,180)

#8ba2b4

#8ba2b4
rgb(139,162,180)

#89a2b4

#89a2b4
rgb(137,162,180)

#87a1b4

#87a1b4
rgb(135,161,180)

Tons e Matizes de #86a0b4

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

Matiz (adicionando branco)
#86a0b4

#86a0b4
rgb(134,160,180)

#9eb3c3

#9eb3c3
rgb(158,179,195)

#b6c6d2

#b6c6d2
rgb(182,198,210)

#ced9e1

#ced9e1
rgb(206,217,225)

#e6ecf0

#e6ecf0
rgb(230,236,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#86a0b4

#86a0b4
rgb(134,160,180)

#6b8090

#6b8090
rgb(107,128,144)

#50606c

#50606c
rgb(80,96,108)

#353f47

#353f47
rgb(53,63,71)

#1a1f23

#1a1f23
rgb(26,31,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #86a0b4

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

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

Contraste

Branco e #86a0b4
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 #86a0b4
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #86a0b4

Este exemplo mostra como o texto na cor #86a0b4 se parece.

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

Este parágrafo tem fundo de cor #86a0b4.

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

Este elemento tem uma cor de borda de #86a0b4.

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

Cores alietórias

#0ad5df

#0ad5df
rgb(10,213,223)

#d5fa74

#d5fa74
rgb(213,250,116)

#c77a61

#c77a61
rgb(199,122,97)

#af6489

#af6489
rgb(175,100,137)

#3b7042

#3b7042
rgb(59,112,66)

#6bd8b1

#6bd8b1
rgb(107,216,177)

#cade83

#cade83
rgb(202,222,131)

#e4bf9f

#e4bf9f
rgb(228,191,159)

#49fe4d

#49fe4d
rgb(73,254,77)

#1a6588

#1a6588
rgb(26,101,136)

#2e267a

#2e267a
rgb(46,38,122)

#e94fc8

#e94fc8
rgb(233,79,200)