Informação da cor #b86cb1

A cor hexadecimal b86cb1 no modelo de cores RGB (Red, Green, Blue), é um composta por 184 de vermelho, 108 de verde e 177 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 41.3% de magenta, 3.8% de amarelo e 27.8% de preto. Tem um ângulo de matiz de 305.5 graus, uma saturação de 34.9% e uma leveza de 57.3%.

A cor mais próxima WebSafe é 996699.

Conversões de #b86cb1 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 b86cb1
RGB 184, 108, 177
RGB Percentagem 72.2%, 42.4%, 69.4%
CMYK 0, 0.41, 0.04, 0.28
HSL 305.5°, 34.9%, 57.3%
HSV (ou HSB) 305.5°, 41.3%, 72.2%
RYB 72.2, 42.4, 69.4
Formato Cor
XYZ 35.8, 26.8, 47.8
CIELab 58.79, 38.73, -23.09
Decimal 12086449
Yxy 24.0915, 0.3253, 0.237
YUV 138.59, 149.6761, 160.3895
CIELuv 56.1793, 38.4816, -42.0857
Web Safe 996699

Distribuição de #b86cb1

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.

#b86cb1

#b86cb1
rgb(184,108,177)

#6db873

#6db873
rgb(109,184,115)

Cores triadicas

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

#b2b86d

#b2b86d
rgb(178,184,109)

#b86cb1

#b86cb1
rgb(184,108,177)

#6db2b8

#6db2b8
rgb(109,178,184)

Cores tetrádicas

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

#b8996d

#b8996d
rgb(184,153,109)

#b86cb1

#b86cb1
rgb(184,108,177)

#6db873

#6db873
rgb(109,184,115)

#6d8cb8

#6d8cb8
rgb(109,140,184)

Cores monocromáticas

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

#b86cb1

#b86cb1
rgb(184,108,177)

#b891b5

#b891b5
rgb(184,145,181)

#b88fb5

#b88fb5
rgb(184,143,181)

#b88db5

#b88db5
rgb(184,141,181)

#b88cb4

#b88cb4
rgb(184,140,180)

#b88ab4

#b88ab4
rgb(184,138,180)

Tons e Matizes de #b86cb1

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

Matiz (adicionando branco)
#b86cb1

#b86cb1
rgb(184,108,177)

#c689c0

#c689c0
rgb(198,137,192)

#d4a6d0

#d4a6d0
rgb(212,166,208)

#e2c4df

#e2c4df
rgb(226,196,223)

#f0e1ef

#f0e1ef
rgb(240,225,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b86cb1

#b86cb1
rgb(184,108,177)

#93568d

#93568d
rgb(147,86,141)

#6e406a

#6e406a
rgb(110,64,106)

#492b46

#492b46
rgb(73,43,70)

#241523

#241523
rgb(36,21,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b86cb1

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

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

Contraste

Branco e #b86cb1
Texto grande WCAG AA ✓ 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 #b86cb1
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #b86cb1

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

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

Este parágrafo tem fundo de cor #b86cb1.

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

Este elemento tem uma cor de borda de #b86cb1.

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

Cores alietórias

#239d5a

#239d5a
rgb(35,157,90)

#228139

#228139
rgb(34,129,57)

#4d3cb1

#4d3cb1
rgb(77,60,177)

#766d38

#766d38
rgb(118,109,56)

#4eb745

#4eb745
rgb(78,183,69)

#69288b

#69288b
rgb(105,40,139)

#73cc0f

#73cc0f
rgb(115,204,15)

#15c4ed

#15c4ed
rgb(21,196,237)

#4aa3cc

#4aa3cc
rgb(74,163,204)

#c2e5d2

#c2e5d2
rgb(194,229,210)

#199ea4

#199ea4
rgb(25,158,164)

#3ea7cc

#3ea7cc
rgb(62,167,204)