Informação da cor #cb6bcb

A cor hexadecimal cb6bcb no modelo de cores RGB (Red, Green, Blue), é um composta por 203 de vermelho, 107 de verde e 203 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 47.3% de magenta, 0% de amarelo e 20.4% de preto. Tem um ângulo de matiz de 300 graus, uma saturação de 48% e uma leveza de 60.8%.

A cor mais próxima WebSafe é 996699.

Conversões de #cb6bcb 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 cb6bcb
RGB 203, 107, 203
RGB Percentagem 79.6%, 42%, 79.6%
CMYK 0, 0.47, 0, 0.2
HSL 300°, 48%, 60.8%
HSV (ou HSB) 300°, 47.3%, 79.6%
RYB 79.6, 42, 79.6
Formato Cor
XYZ 43.1, 30.1, 62.5
CIELab 61.73, 49.16, -32.2
Decimal 13331403
Yxy 27.5259, 0.3181, 0.2153
YUV 146.648, 159.8013, 168.194
CIELuv 59.4579, 45.85, -59.2726
Web Safe 996699

Distribuição de #cb6bcb

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.

#cb6bcb

#cb6bcb
rgb(203,107,203)

#6bcb6b

#6bcb6b
rgb(107,203,107)

Cores triadicas

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

#cbcb6b

#cbcb6b
rgb(203,203,107)

#cb6bcb

#cb6bcb
rgb(203,107,203)

#6bcbcb

#6bcbcb
rgb(107,203,203)

Cores tetrádicas

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

#cb9c6b

#cb9c6b
rgb(203,156,107)

#cb6bcb

#cb6bcb
rgb(203,107,203)

#6bcb6b

#6bcb6b
rgb(107,203,107)

#6b9ccb

#6b9ccb
rgb(107,156,203)

Cores monocromáticas

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

#cb6bcb

#cb6bcb
rgb(203,107,203)

#cba0cb

#cba0cb
rgb(203,160,203)

#cb9ecb

#cb9ecb
rgb(203,158,203)

#cb9ccb

#cb9ccb
rgb(203,156,203)

#cb9acb

#cb9acb
rgb(203,154,203)

#cb98cb

#cb98cb
rgb(203,152,203)

Tons e Matizes de #cb6bcb

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

Matiz (adicionando branco)
#cb6bcb

#cb6bcb
rgb(203,107,203)

#d588d5

#d588d5
rgb(213,136,213)

#dfa6df

#dfa6df
rgb(223,166,223)

#eac3ea

#eac3ea
rgb(234,195,234)

#f4e1f4

#f4e1f4
rgb(244,225,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cb6bcb

#cb6bcb
rgb(203,107,203)

#a255a2

#a255a2
rgb(162,85,162)

#794079

#794079
rgb(121,64,121)

#512a51

#512a51
rgb(81,42,81)

#281528

#281528
rgb(40,21,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cb6bcb

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cb6bcb.

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

Este elemento tem uma cor de borda de #cb6bcb.

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

Cores alietórias

#d62f0b

#d62f0b
rgb(214,47,11)

#8d95bc

#8d95bc
rgb(141,149,188)

#76e8c7

#76e8c7
rgb(118,232,199)

#9c5fe3

#9c5fe3
rgb(156,95,227)

#0f34be

#0f34be
rgb(15,52,190)

#12c342

#12c342
rgb(18,195,66)

#13a16f

#13a16f
rgb(19,161,111)

#4cbad0

#4cbad0
rgb(76,186,208)

#a56de6

#a56de6
rgb(165,109,230)

#3a27c8

#3a27c8
rgb(58,39,200)

#5b476e

#5b476e
rgb(91,71,110)

#2fb3e6

#2fb3e6
rgb(47,179,230)