Informação da cor #bcb4c0

A cor hexadecimal bcb4c0 no modelo de cores RGB (Red, Green, Blue), é um composta por 188 de vermelho, 180 de verde e 192 de azul.

No padrão de cores CMYK, é composto por 2.1% de ciano, 6.2% de magenta, 0% de amarelo e 24.7% de preto. Tem um ângulo de matiz de 280 graus, uma saturação de 8.7% e uma leveza de 72.9%.

A cor mais próxima WebSafe é 999999.

Conversões de #bcb4c0 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 bcb4c0
RGB 188, 180, 192
RGB Percentagem 73.7%, 70.6%, 75.3%
CMYK 0.02, 0.06, 0, 0.25
HSL 280°, 8.7%, 72.9%
HSV (ou HSB) 280°, 6.3%, 75.3%
RYB 73.7, 70.6, 75.3
Formato Cor
XYZ 49.4, 50.2, 59.7
CIELab 76.18, 4.72, -4.74
Decimal 12367040
Yxy 47.1398, 0.31, 0.3138
YUV 183.76, 132.6501, 131.0243
CIELuv 74.2791, 3.8181, -8.4744
Web Safe 999999

Distribuição de #bcb4c0

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.

#bcb4c0

#bcb4c0
rgb(188,180,192)

#b8c0b4

#b8c0b4
rgb(184,192,180)

Cores triadicas

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

#c0bcb4

#c0bcb4
rgb(192,188,180)

#bcb4c0

#bcb4c0
rgb(188,180,192)

#b4c0bc

#b4c0bc
rgb(180,192,188)

Cores tetrádicas

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

#c0b6b4

#c0b6b4
rgb(192,182,180)

#bcb4c0

#bcb4c0
rgb(188,180,192)

#b8c0b4

#b8c0b4
rgb(184,192,180)

#b4bec0

#b4bec0
rgb(180,190,192)

Cores monocromáticas

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

#bcb4c0

#bcb4c0
rgb(188,180,192)

#b398c0

#b398c0
rgb(179,152,192)

#b296c0

#b296c0
rgb(178,150,192)

#b294c0

#b294c0
rgb(178,148,192)

#b192c0

#b192c0
rgb(177,146,192)

#b090c0

#b090c0
rgb(176,144,192)

Tons e Matizes de #bcb4c0

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

Matiz (adicionando branco)
#bcb4c0

#bcb4c0
rgb(188,180,192)

#c9c3cc

#c9c3cc
rgb(201,195,204)

#d6d2d9

#d6d2d9
rgb(214,210,217)

#e4e1e5

#e4e1e5
rgb(228,225,229)

#f1f0f2

#f1f0f2
rgb(241,240,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bcb4c0

#bcb4c0
rgb(188,180,192)

#969099

#969099
rgb(150,144,153)

#706c73

#706c73
rgb(112,108,115)

#4b474c

#4b474c
rgb(75,71,76)

#252326

#252326
rgb(37,35,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bcb4c0

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bcb4c0.

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

Este elemento tem uma cor de borda de #bcb4c0.

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

Cores alietórias

#231ead

#231ead
rgb(35,30,173)

#cbb582

#cbb582
rgb(203,181,130)

#147d89

#147d89
rgb(20,125,137)

#d34e84

#d34e84
rgb(211,78,132)

#48c4a3

#48c4a3
rgb(72,196,163)

#861b68

#861b68
rgb(134,27,104)

#590e52

#590e52
rgb(89,14,82)

#bbc640

#bbc640
rgb(187,198,64)

#43dea4

#43dea4
rgb(67,222,164)

#227c85

#227c85
rgb(34,124,133)

#fe1f38

#fe1f38
rgb(254,31,56)

#f9c4af

#f9c4af
rgb(249,196,175)