Informação da cor #bb98cc

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

No padrão de cores CMYK, é composto por 8.3% de ciano, 25.5% de magenta, 0% de amarelo e 20% de preto. Tem um ângulo de matiz de 280.4 graus, uma saturação de 33.8% e uma leveza de 69.8%.

A cor mais próxima WebSafe é 9966CC.

Conversões de #bb98cc 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 bb98cc
RGB 187, 152, 204
RGB Percentagem 73.3%, 59.6%, 80%
CMYK 0.08, 0.25, 0, 0.2
HSL 280.4°, 33.8%, 69.8%
HSV (ou HSB) 280.4°, 25.5%, 80%
RYB 73.3, 59.6, 80
Formato Cor
XYZ 45.5, 40.5, 65
CIELab 69.81, 21.14, -20.44
Decimal 12294348
Yxy 37.3815, 0.3, 0.2631
YUV 168.393, 148.0942, 141.2718
CIELuv 67.5623, 15.8651, -37.112
Web Safe 9966CC

Distribuição de #bb98cc

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.

#bb98cc

#bb98cc
rgb(187,152,204)

#aacc98

#aacc98
rgb(170,204,152)

Cores triadicas

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

#ccbb98

#ccbb98
rgb(204,187,152)

#bb98cc

#bb98cc
rgb(187,152,204)

#98ccbb

#98ccbb
rgb(152,204,187)

Cores tetrádicas

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

#cca198

#cca198
rgb(204,161,152)

#bb98cc

#bb98cc
rgb(187,152,204)

#aacc98

#aacc98
rgb(170,204,152)

#98c4cc

#98c4cc
rgb(152,196,204)

Cores monocromáticas

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

#bb98cc

#bb98cc
rgb(187,152,204)

#bea1cc

#bea1cc
rgb(190,161,204)

#be9fcc

#be9fcc
rgb(190,159,204)

#bd9dcc

#bd9dcc
rgb(189,157,204)

#bc9bcc

#bc9bcc
rgb(188,155,204)

#bc99cc

#bc99cc
rgb(188,153,204)

Tons e Matizes de #bb98cc

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

Matiz (adicionando branco)
#bb98cc

#bb98cc
rgb(187,152,204)

#c8acd6

#c8acd6
rgb(200,172,214)

#d6c1e0

#d6c1e0
rgb(214,193,224)

#e3d5ea

#e3d5ea
rgb(227,213,234)

#f1eaf4

#f1eaf4
rgb(241,234,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#bb98cc

#bb98cc
rgb(187,152,204)

#9579a3

#9579a3
rgb(149,121,163)

#705b7a

#705b7a
rgb(112,91,122)

#4a3c51

#4a3c51
rgb(74,60,81)

#251e28

#251e28
rgb(37,30,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #bb98cc

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #bb98cc.

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

Este elemento tem uma cor de borda de #bb98cc.

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

Cores alietórias

#a05e2a

#a05e2a
rgb(160,94,42)

#e09d5e

#e09d5e
rgb(224,157,94)

#72e424

#72e424
rgb(114,228,36)

#879096

#879096
rgb(135,144,150)

#bb17b6

#bb17b6
rgb(187,23,182)

#1e809a

#1e809a
rgb(30,128,154)

#e3cc59

#e3cc59
rgb(227,204,89)

#6b6849

#6b6849
rgb(107,104,73)

#f81bb9

#f81bb9
rgb(248,27,185)

#7f23c0

#7f23c0
rgb(127,35,192)

#5ca539

#5ca539
rgb(92,165,57)

#16f361

#16f361
rgb(22,243,97)