Informação da cor #b3c7ed

A cor hexadecimal b3c7ed no modelo de cores RGB (Red, Green, Blue), é um composta por 179 de vermelho, 199 de verde e 237 de azul.

No padrão de cores CMYK, é composto por 24.5% de ciano, 16% de magenta, 0% de amarelo e 7.1% de preto. Tem um ângulo de matiz de 219.3 graus, uma saturação de 61.7% e uma leveza de 81.6%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #b3c7ed 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 b3c7ed
RGB 179, 199, 237
RGB Percentagem 70.2%, 78%, 92.9%
CMYK 0.24, 0.16, 0, 0.07
HSL 219.3°, 61.7%, 81.6%
HSV (ou HSB) 219.3°, 24.5%, 92.9%
RYB 70.2, 76.1, 92.9
Formato Cor
XYZ 56.8, 59.2, 89.7
CIELab 81.42, 1.13, -19.49
Decimal 11782125
Yxy 56.5434, 0.2728, 0.2841
YUV 197.352, 150.3747, 114.9101
CIELuv 79.9221, -12.1803, -33.4958
Web Safe 9999CC

Distribuição de #b3c7ed

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.

#b3c7ed

#b3c7ed
rgb(179,199,237)

#edd9b4

#edd9b4
rgb(237,217,180)

Cores triadicas

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

#edb4c8

#edb4c8
rgb(237,180,200)

#b3c7ed

#b3c7ed
rgb(179,199,237)

#c8edb4

#c8edb4
rgb(200,237,180)

Cores tetrádicas

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

#edb4e5

#edb4e5
rgb(237,180,229)

#b3c7ed

#b3c7ed
rgb(179,199,237)

#edd9b4

#edd9b4
rgb(237,217,180)

#b4edbc

#b4edbc
rgb(180,237,188)

Cores monocromáticas

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

#b3c7ed

#b3c7ed
rgb(179,199,237)

#bbcded

#bbcded
rgb(187,205,237)

#b9cbed

#b9cbed
rgb(185,203,237)

#b6c9ed

#b6c9ed
rgb(182,201,237)

#b4c8ed

#b4c8ed
rgb(180,200,237)

#b2c6ed

#b2c6ed
rgb(178,198,237)

Tons e Matizes de #b3c7ed

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

Matiz (adicionando branco)
#b3c7ed

#b3c7ed
rgb(179,199,237)

#c2d2f0

#c2d2f0
rgb(194,210,240)

#d1ddf4

#d1ddf4
rgb(209,221,244)

#e0e8f7

#e0e8f7
rgb(224,232,247)

#eff3fb

#eff3fb
rgb(239,243,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b3c7ed

#b3c7ed
rgb(179,199,237)

#8f9fbd

#8f9fbd
rgb(143,159,189)

#6b778e

#6b778e
rgb(107,119,142)

#474f5e

#474f5e
rgb(71,79,94)

#23272f

#23272f
rgb(35,39,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b3c7ed

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b3c7ed.

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

Este elemento tem uma cor de borda de #b3c7ed.

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

Cores alietórias

#bf65e7

#bf65e7
rgb(191,101,231)

#ce2858

#ce2858
rgb(206,40,88)

#3ca42a

#3ca42a
rgb(60,164,42)

#3b9fae

#3b9fae
rgb(59,159,174)

#0dde15

#0dde15
rgb(13,222,21)

#81eaec

#81eaec
rgb(129,234,236)

#df607a

#df607a
rgb(223,96,122)

#9b2119

#9b2119
rgb(155,33,25)

#3fbdd7

#3fbdd7
rgb(63,189,215)

#eb3d3a

#eb3d3a
rgb(235,61,58)

#763f6a

#763f6a
rgb(118,63,106)

#5f1996

#5f1996
rgb(95,25,150)