Informação da cor #b9cbdf

A cor hexadecimal b9cbdf no modelo de cores RGB (Red, Green, Blue), é um composta por 185 de vermelho, 203 de verde e 223 de azul.

No padrão de cores CMYK, é composto por 17% de ciano, 9% de magenta, 0% de amarelo e 12.5% de preto. Tem um ângulo de matiz de 211.6 graus, uma saturação de 37.3% e uma leveza de 80%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #b9cbdf 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 b9cbdf
RGB 185, 203, 223
RGB Percentagem 72.5%, 79.6%, 87.5%
CMYK 0.17, 0.09, 0, 0.13
HSL 211.6°, 37.3%, 80%
HSV (ou HSB) 211.6°, 17%, 87.5%
RYB 72.5, 77.6, 87.5
Formato Cor
XYZ 57.2, 61, 80.4
CIELab 82.38, -1.91, -11.11
Decimal 12176351
Yxy 58.3527, 0.286, 0.3052
YUV 199.898, 141.0372, 117.3738
CIELuv 80.9345, -10.5426, -18.2583
Web Safe 9999CC

Distribuição de #b9cbdf

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.

#b9cbdf

#b9cbdf
rgb(185,203,223)

#dfceb9

#dfceb9
rgb(223,206,185)

Cores triadicas

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

#dfb9cb

#dfb9cb
rgb(223,185,203)

#b9cbdf

#b9cbdf
rgb(185,203,223)

#cbdfb9

#cbdfb9
rgb(203,223,185)

Cores tetrádicas

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

#dfb9de

#dfb9de
rgb(223,185,222)

#b9cbdf

#b9cbdf
rgb(185,203,223)

#dfceb9

#dfceb9
rgb(223,206,185)

#b9dfbb

#b9dfbb
rgb(185,223,187)

Cores monocromáticas

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

#b9cbdf

#b9cbdf
rgb(185,203,223)

#b0c7df

#b0c7df
rgb(176,199,223)

#aec5df

#aec5df
rgb(174,197,223)

#acc4df

#acc4df
rgb(172,196,223)

#aac3df

#aac3df
rgb(170,195,223)

#a7c2df

#a7c2df
rgb(167,194,223)

Tons e Matizes de #b9cbdf

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

Matiz (adicionando branco)
#b9cbdf

#b9cbdf
rgb(185,203,223)

#c7d5e5

#c7d5e5
rgb(199,213,229)

#d5dfeb

#d5dfeb
rgb(213,223,235)

#e3eaf2

#e3eaf2
rgb(227,234,242)

#f1f4f8

#f1f4f8
rgb(241,244,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b9cbdf

#b9cbdf
rgb(185,203,223)

#94a2b2

#94a2b2
rgb(148,162,178)

#6f7985

#6f7985
rgb(111,121,133)

#495159

#495159
rgb(73,81,89)

#24282c

#24282c
rgb(36,40,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b9cbdf

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b9cbdf.

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

Este elemento tem uma cor de borda de #b9cbdf.

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

Cores alietórias

#4e7a00

#4e7a00
rgb(78,122,0)

#61ff89

#61ff89
rgb(97,255,137)

#ad2e8e

#ad2e8e
rgb(173,46,142)

#ecffa6

#ecffa6
rgb(236,255,166)

#51e7df

#51e7df
rgb(81,231,223)

#dc6cba

#dc6cba
rgb(220,108,186)

#b85c67

#b85c67
rgb(184,92,103)

#403b23

#403b23
rgb(64,59,35)

#17b5be

#17b5be
rgb(23,181,190)

#f787ee

#f787ee
rgb(247,135,238)

#d55512

#d55512
rgb(213,85,18)

#923e21

#923e21
rgb(146,62,33)