Informação da cor #b0e0e6

A cor hexadecimal b0e0e6 no modelo de cores RGB (Red, Green, Blue), é um composta por 176 de vermelho, 224 de verde e 230 de azul.

No padrão de cores CMYK, é composto por 23.5% de ciano, 2.6% de magenta, 0% de amarelo e 9.8% de preto. Tem um ângulo de matiz de 186.7 graus, uma saturação de 51.9% e uma leveza de 79.6%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #b0e0e6 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 b0e0e6
RGB 176, 224, 230
RGB Percentagem 69%, 87.8%, 90.2%
CMYK 0.23, 0.03, 0, 0.1
HSL 186.7°, 51.9%, 79.6%
HSV (ou HSB) 186.7°, 23.5%, 90.2%
RYB 69, 79.2, 90.2
Formato Cor
XYZ 61.1, 70.4, 86.7
CIELab 87.17, -13.24, -7.48
Decimal 11591910
Yxy 68.2522, 0.2775, 0.3219
YUV 210.332, 139.0993, 103.5121
CIELuv 86.1324, -24.4752, -10.1111
Web Safe 99CCCC

Distribuição de #b0e0e6

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.

#b0e0e6

#b0e0e6
rgb(176,224,230)

#e6b7b0

#e6b7b0
rgb(230,183,176)

Cores triadicas

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

#e6b0e0

#e6b0e0
rgb(230,176,224)

#b0e0e6

#b0e0e6
rgb(176,224,230)

#e0e6b0

#e0e6b0
rgb(224,230,176)

Cores tetrádicas

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

#d2b0e6

#d2b0e6
rgb(210,176,230)

#b0e0e6

#b0e0e6
rgb(176,224,230)

#e6b7b0

#e6b7b0
rgb(230,183,176)

#c5e6b0

#c5e6b0
rgb(197,230,176)

Cores monocromáticas

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

#b0e0e6

#b0e0e6
rgb(176,224,230)

#b6e1e6

#b6e1e6
rgb(182,225,230)

#b3e1e6

#b3e1e6
rgb(179,225,230)

#b1e1e6

#b1e1e6
rgb(177,225,230)

#afe0e6

#afe0e6
rgb(175,224,230)

#ace0e6

#ace0e6
rgb(172,224,230)

Tons e Matizes de #b0e0e6

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

Matiz (adicionando branco)
#b0e0e6

#b0e0e6
rgb(176,224,230)

#bfe6eb

#bfe6eb
rgb(191,230,235)

#cfecf0

#cfecf0
rgb(207,236,240)

#dff2f5

#dff2f5
rgb(223,242,245)

#eff8fa

#eff8fa
rgb(239,248,250)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b0e0e6

#b0e0e6
rgb(176,224,230)

#8cb3b8

#8cb3b8
rgb(140,179,184)

#69868a

#69868a
rgb(105,134,138)

#46595b

#46595b
rgb(70,89,91)

#232c2d

#232c2d
rgb(35,44,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b0e0e6

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

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

Contraste

Branco e #b0e0e6
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 #b0e0e6
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 #b0e0e6

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

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

Este parágrafo tem fundo de cor #b0e0e6.

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

Este elemento tem uma cor de borda de #b0e0e6.

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

Cores alietórias

#bb8266

#bb8266
rgb(187,130,102)

#547854

#547854
rgb(84,120,84)

#953308

#953308
rgb(149,51,8)

#f96e53

#f96e53
rgb(249,110,83)

#73935a

#73935a
rgb(115,147,90)

#01bdc9

#01bdc9
rgb(1,189,201)

#568387

#568387
rgb(86,131,135)

#cbee72

#cbee72
rgb(203,238,114)

#b17959

#b17959
rgb(177,121,89)

#a183df

#a183df
rgb(161,131,223)

#fb41a4

#fb41a4
rgb(251,65,164)

#f18af8

#f18af8
rgb(241,138,248)