Informação da cor #b6cbdb

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

No padrão de cores CMYK, é composto por 16.9% de ciano, 7.3% de magenta, 0% de amarelo e 14.1% de preto. Tem um ângulo de matiz de 206 graus, uma saturação de 33.9% e uma leveza de 78.6%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #b6cbdb 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 b6cbdb
RGB 182, 203, 219
RGB Percentagem 71.4%, 79.6%, 85.9%
CMYK 0.17, 0.07, 0, 0.14
HSL 206°, 33.9%, 78.6%
HSV (ou HSB) 206°, 16.9%, 85.9%
RYB 71.4, 76.9, 85.9
Formato Cor
XYZ 56, 60.5, 77.7
CIELab 82.08, -3.58, -9.6
Decimal 11979739
Yxy 57.7702, 0.2864, 0.3097
YUV 198.545, 139.5435, 116.199
CIELuv 80.6109, -11.8911, -15.3468
Web Safe 9999CC

Distribuição de #b6cbdb

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.

#b6cbdb

#b6cbdb
rgb(182,203,219)

#dbc6b6

#dbc6b6
rgb(219,198,182)

Cores triadicas

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

#dbb6cc

#dbb6cc
rgb(219,182,204)

#b6cbdb

#b6cbdb
rgb(182,203,219)

#ccdbb6

#ccdbb6
rgb(204,219,182)

Cores tetrádicas

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

#d9b6db

#d9b6db
rgb(217,182,219)

#b6cbdb

#b6cbdb
rgb(182,203,219)

#dbc6b6

#dbc6b6
rgb(219,198,182)

#b9dbb6

#b9dbb6
rgb(185,219,182)

Cores monocromáticas

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

#b6cbdb

#b6cbdb
rgb(182,203,219)

#adc7db

#adc7db
rgb(173,199,219)

#abc7db

#abc7db
rgb(171,199,219)

#a9c6db

#a9c6db
rgb(169,198,219)

#a7c5db

#a7c5db
rgb(167,197,219)

#a4c4db

#a4c4db
rgb(164,196,219)

Tons e Matizes de #b6cbdb

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

Matiz (adicionando branco)
#b6cbdb

#b6cbdb
rgb(182,203,219)

#c4d5e2

#c4d5e2
rgb(196,213,226)

#d3dfe9

#d3dfe9
rgb(211,223,233)

#e1eaf0

#e1eaf0
rgb(225,234,240)

#f0f4f7

#f0f4f7
rgb(240,244,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b6cbdb

#b6cbdb
rgb(182,203,219)

#91a2af

#91a2af
rgb(145,162,175)

#6d7983

#6d7983
rgb(109,121,131)

#485157

#485157
rgb(72,81,87)

#24282b

#24282b
rgb(36,40,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b6cbdb

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b6cbdb.

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

Este elemento tem uma cor de borda de #b6cbdb.

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

Cores alietórias

#6c4d1e

#6c4d1e
rgb(108,77,30)

#a4e0ac

#a4e0ac
rgb(164,224,172)

#6794ad

#6794ad
rgb(103,148,173)

#8a6dee

#8a6dee
rgb(138,109,238)

#e88b0c

#e88b0c
rgb(232,139,12)

#2dbdfe

#2dbdfe
rgb(45,189,254)

#c7e171

#c7e171
rgb(199,225,113)

#ddaf0e

#ddaf0e
rgb(221,175,14)

#d35bf5

#d35bf5
rgb(211,91,245)

#cc0d0b

#cc0d0b
rgb(204,13,11)

#36faf9

#36faf9
rgb(54,250,249)

#98ec2c

#98ec2c
rgb(152,236,44)