Informação da cor #bb4bdf

A cor hexadecimal bb4bdf no modelo de cores RGB (Red, Green, Blue), é um composta por 187 de vermelho, 75 de verde e 223 de azul.

No padrão de cores CMYK, é composto por 16.1% de ciano, 66.4% de magenta, 0% de amarelo e 12.5% de preto. Tem um ângulo de matiz de 285.4 graus, uma saturação de 69.8% e uma leveza de 58.4%.

A cor mais próxima WebSafe é 9933CC.

Conversões de #bb4bdf 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 bb4bdf
RGB 187, 75, 223
RGB Percentagem 73.3%, 29.4%, 87.5%
CMYK 0.16, 0.66, 0, 0.13
HSL 285.4°, 69.8%, 58.4%
HSV (ou HSB) 285.4°, 66.4%, 87.5%
RYB 73.3, 29.4, 87.5
Formato Cor
XYZ 38.5, 22.9, 74
CIELab 55.01, 63.94, -53.4
Decimal 12274655
Yxy 20.9261, 0.2812, 0.162
YUV 125.36, 183.1016, 171.9658
CIELuv 52.8685, 40.4764, -93.1845
Web Safe 9933CC

Distribuição de #bb4bdf

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.

#bb4bdf

#bb4bdf
rgb(187,75,223)

#70df4c

#70df4c
rgb(112,223,76)

Cores triadicas

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

#dfbb4c

#dfbb4c
rgb(223,187,76)

#bb4bdf

#bb4bdf
rgb(187,75,223)

#4cdfbb

#4cdfbb
rgb(76,223,187)

Cores tetrádicas

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

#df714c

#df714c
rgb(223,113,76)

#bb4bdf

#bb4bdf
rgb(187,75,223)

#70df4c

#70df4c
rgb(112,223,76)

#4cbadf

#4cbadf
rgb(76,186,223)

Cores monocromáticas

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

#bb4bdf

#bb4bdf
rgb(187,75,223)

#d4afdf

#d4afdf
rgb(212,175,223)

#d3addf

#d3addf
rgb(211,173,223)

#d3abdf

#d3abdf
rgb(211,171,223)

#d2a8df

#d2a8df
rgb(210,168,223)

#d2a6df

#d2a6df
rgb(210,166,223)

Tons e Matizes de #bb4bdf

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

Matiz (adicionando branco)
#bb4bdf

#bb4bdf
rgb(187,75,223)

#c86fe5

#c86fe5
rgb(200,111,229)

#d693eb

#d693eb
rgb(214,147,235)

#e3b7f2

#e3b7f2
rgb(227,183,242)

#f1dbf8

#f1dbf8
rgb(241,219,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bb4bdf

#bb4bdf
rgb(187,75,223)

#953cb2

#953cb2
rgb(149,60,178)

#702d85

#702d85
rgb(112,45,133)

#4a1d59

#4a1d59
rgb(74,29,89)

#250e2c

#250e2c
rgb(37,14,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bb4bdf

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bb4bdf.

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

Este elemento tem uma cor de borda de #bb4bdf.

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

Cores alietórias

#dfb3f0

#dfb3f0
rgb(223,179,240)

#be7d64

#be7d64
rgb(190,125,100)

#5db370

#5db370
rgb(93,179,112)

#6b9682

#6b9682
rgb(107,150,130)

#4ef221

#4ef221
rgb(78,242,33)

#7b4b31

#7b4b31
rgb(123,75,49)

#05d72b

#05d72b
rgb(5,215,43)

#17222a

#17222a
rgb(23,34,42)

#8db3f4

#8db3f4
rgb(141,179,244)

#223dbf

#223dbf
rgb(34,61,191)

#c3b85e

#c3b85e
rgb(195,184,94)

#6674a8

#6674a8
rgb(102,116,168)