Informação da cor #85b3e2

A cor hexadecimal 85b3e2 no modelo de cores RGB (Red, Green, Blue), é um composta por 133 de vermelho, 179 de verde e 226 de azul.

No padrão de cores CMYK, é composto por 41.2% de ciano, 20.8% de magenta, 0% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 210.3 graus, uma saturação de 61.6% e uma leveza de 70.4%.

A cor mais próxima WebSafe é 6699CC.

Conversões de #85b3e2 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 85b3e2
RGB 133, 179, 226
RGB Percentagem 52.2%, 70.2%, 88.6%
CMYK 0.41, 0.21, 0, 0.11
HSL 210.3°, 61.6%, 70.4%
HSV (ou HSB) 210.3°, 41.2%, 88.6%
RYB 52.2, 64.3, 88.6
Formato Cor
XYZ 42.2, 45.7, 80.2
CIELab 73.35, -3.73, -26.57
Decimal 8762338
Yxy 42.7154, 0.2465, 0.2664
YUV 170.604, 159.2619, 101.1783
CIELuv 71.3614, -23.1986, -44.5072
Web Safe 6699CC

Distribuição de #85b3e2

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.

#85b3e2

#85b3e2
rgb(133,179,226)

#e2b585

#e2b585
rgb(226,181,133)

Cores triadicas

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

#e285b3

#e285b3
rgb(226,133,179)

#85b3e2

#85b3e2
rgb(133,179,226)

#b3e285

#b3e285
rgb(179,226,133)

Cores tetrádicas

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

#e285e2

#e285e2
rgb(226,133,226)

#85b3e2

#85b3e2
rgb(133,179,226)

#e2b585

#e2b585
rgb(226,181,133)

#85e286

#85e286
rgb(133,226,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.

#85b3e2

#85b3e2
rgb(133,179,226)

#b2cae2

#b2cae2
rgb(178,202,226)

#b0c9e2

#b0c9e2
rgb(176,201,226)

#aec8e2

#aec8e2
rgb(174,200,226)

#abc7e2

#abc7e2
rgb(171,199,226)

#a9c5e2

#a9c5e2
rgb(169,197,226)

Tons e Matizes de #85b3e2

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

Matiz (adicionando branco)
#85b3e2

#85b3e2
rgb(133,179,226)

#9dc2e7

#9dc2e7
rgb(157,194,231)

#b5d1ed

#b5d1ed
rgb(181,209,237)

#cee0f3

#cee0f3
rgb(206,224,243)

#e6eff9

#e6eff9
rgb(230,239,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#85b3e2

#85b3e2
rgb(133,179,226)

#6a8fb4

#6a8fb4
rgb(106,143,180)

#4f6b87

#4f6b87
rgb(79,107,135)

#35475a

#35475a
rgb(53,71,90)

#1a232d

#1a232d
rgb(26,35,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #85b3e2

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

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

Contraste

Branco e #85b3e2
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 #85b3e2
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 #85b3e2

Este exemplo mostra como o texto na cor #85b3e2 se parece.

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

Este parágrafo tem fundo de cor #85b3e2.

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

Este elemento tem uma cor de borda de #85b3e2.

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

Cores alietórias

#658de9

#658de9
rgb(101,141,233)

#e20ef3

#e20ef3
rgb(226,14,243)

#799181

#799181
rgb(121,145,129)

#a2d126

#a2d126
rgb(162,209,38)

#b4936f

#b4936f
rgb(180,147,111)

#bb9c4e

#bb9c4e
rgb(187,156,78)

#fa0a3a

#fa0a3a
rgb(250,10,58)

#f31df4

#f31df4
rgb(243,29,244)

#e8c81d

#e8c81d
rgb(232,200,29)

#be626e

#be626e
rgb(190,98,110)

#597697

#597697
rgb(89,118,151)

#54c981

#54c981
rgb(84,201,129)