Informação da cor #b856fe

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

No padrão de cores CMYK, é composto por 27.6% de ciano, 66.1% de magenta, 0% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 275 graus, uma saturação de 98.8% e uma leveza de 66.7%.

A cor mais próxima WebSafe é 9933CC.

Conversões de #b856fe 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 b856fe
RGB 184, 86, 254
RGB Percentagem 72.2%, 33.7%, 99.6%
CMYK 0.28, 0.66, 0, 0
HSL 275°, 98.8%, 66.7%
HSV (ou HSB) 275°, 66.1%, 99.6%
RYB 72.2, 33.7, 99.6
Formato Cor
XYZ 43, 26.1, 96.6
CIELab 58.14, 64.19, -64.35
Decimal 12080894
Yxy 24.0023, 0.2542, 0.1489
YUV 134.454, 195.4639, 163.3396
CIELuv 56.09, 29.0505, -113.1065
Web Safe 9933CC

Distribuição de #b856fe

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.

#b856fe

#b856fe
rgb(184,86,254)

#9cfe57

#9cfe57
rgb(156,254,87)

Cores triadicas

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

#feb957

#feb957
rgb(254,185,87)

#b856fe

#b856fe
rgb(184,86,254)

#57feb9

#57feb9
rgb(87,254,185)

Cores tetrádicas

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

#fe6557

#fe6557
rgb(254,101,87)

#b856fe

#b856fe
rgb(184,86,254)

#9cfe57

#9cfe57
rgb(156,254,87)

#57f0fe

#57f0fe
rgb(87,240,254)

Cores monocromáticas

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

#b856fe

#b856fe
rgb(184,86,254)

#e8c7fe

#e8c7fe
rgb(232,199,254)

#e7c5fe

#e7c5fe
rgb(231,197,254)

#e5c2fe

#e5c2fe
rgb(229,194,254)

#e4c0fe

#e4c0fe
rgb(228,192,254)

#e3bdfe

#e3bdfe
rgb(227,189,254)

Tons e Matizes de #b856fe

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

Matiz (adicionando branco)
#b856fe

#b856fe
rgb(184,86,254)

#c677fe

#c677fe
rgb(198,119,254)

#d499fe

#d499fe
rgb(212,153,254)

#e2bbfe

#e2bbfe
rgb(226,187,254)

#f0ddfe

#f0ddfe
rgb(240,221,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b856fe

#b856fe
rgb(184,86,254)

#9344cb

#9344cb
rgb(147,68,203)

#6e3398

#6e3398
rgb(110,51,152)

#492265

#492265
rgb(73,34,101)

#241132

#241132
rgb(36,17,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b856fe

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #b856fe.

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

Este elemento tem uma cor de borda de #b856fe.

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

Cores alietórias

#150488

#150488
rgb(21,4,136)

#3cc085

#3cc085
rgb(60,192,133)

#4f6f8e

#4f6f8e
rgb(79,111,142)

#181f84

#181f84
rgb(24,31,132)

#d032a0

#d032a0
rgb(208,50,160)

#42fcbb

#42fcbb
rgb(66,252,187)

#d14434

#d14434
rgb(209,68,52)

#3ffb69

#3ffb69
rgb(63,251,105)

#9ec390

#9ec390
rgb(158,195,144)

#792a4b

#792a4b
rgb(121,42,75)

#82e4e6

#82e4e6
rgb(130,228,230)

#ce7c19

#ce7c19
rgb(206,124,25)