Informação da cor #b876e3

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

No padrão de cores CMYK, é composto por 18.9% de ciano, 48% de magenta, 0% de amarelo e 11% de preto. Tem um ângulo de matiz de 276.3 graus, uma saturação de 66.1% e uma leveza de 67.7%.

A cor mais próxima WebSafe é 9966CC.

Conversões de #b876e3 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 b876e3
RGB 184, 118, 227
RGB Percentagem 72.2%, 46.3%, 89%
CMYK 0.19, 0.48, 0, 0.11
HSL 276.3°, 66.1%, 67.7%
HSV (ou HSB) 276.3°, 48%, 89%
RYB 72.2, 46.3, 89
Formato Cor
XYZ 42.7, 31.4, 78.1
CIELab 62.88, 42.82, -43.03
Decimal 12089059
Yxy 28.694, 0.2768, 0.198
YUV 150.16, 171.3634, 152.137
CIELuv 60.5106, 24.9786, -77.6914
Web Safe 9966CC

Distribuição de #b876e3

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.

#b876e3

#b876e3
rgb(184,118,227)

#a2e376

#a2e376
rgb(162,227,118)

Cores triadicas

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

#e3b876

#e3b876
rgb(227,184,118)

#b876e3

#b876e3
rgb(184,118,227)

#76e3b8

#76e3b8
rgb(118,227,184)

Cores tetrádicas

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

#e38276

#e38276
rgb(227,130,118)

#b876e3

#b876e3
rgb(184,118,227)

#a2e376

#a2e376
rgb(162,227,118)

#76d8e3

#76d8e3
rgb(118,216,227)

Cores monocromáticas

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

#b876e3

#b876e3
rgb(184,118,227)

#d0b3e3

#d0b3e3
rgb(208,179,227)

#cfb0e3

#cfb0e3
rgb(207,176,227)

#ceaee3

#ceaee3
rgb(206,174,227)

#ceace3

#ceace3
rgb(206,172,227)

#cdaae3

#cdaae3
rgb(205,170,227)

Tons e Matizes de #b876e3

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

Matiz (adicionando branco)
#b876e3

#b876e3
rgb(184,118,227)

#c691e8

#c691e8
rgb(198,145,232)

#d4acee

#d4acee
rgb(212,172,238)

#e2c8f3

#e2c8f3
rgb(226,200,243)

#f0e3f9

#f0e3f9
rgb(240,227,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b876e3

#b876e3
rgb(184,118,227)

#935eb5

#935eb5
rgb(147,94,181)

#6e4688

#6e4688
rgb(110,70,136)

#492f5a

#492f5a
rgb(73,47,90)

#24172d

#24172d
rgb(36,23,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b876e3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b876e3.

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

Este elemento tem uma cor de borda de #b876e3.

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

Cores alietórias

#10c8a7

#10c8a7
rgb(16,200,167)

#00d51b

#00d51b
rgb(0,213,27)

#79e4c1

#79e4c1
rgb(121,228,193)

#5f938c

#5f938c
rgb(95,147,140)

#06f523

#06f523
rgb(6,245,35)

#efe011

#efe011
rgb(239,224,17)

#b0dbc8

#b0dbc8
rgb(176,219,200)

#181462

#181462
rgb(24,20,98)

#35738d

#35738d
rgb(53,115,141)

#073039

#073039
rgb(7,48,57)

#180ca1

#180ca1
rgb(24,12,161)

#53fe58

#53fe58
rgb(83,254,88)