Informação da cor #996edc

A cor hexadecimal 996edc no modelo de cores RGB (Red, Green, Blue), é um composta por 153 de vermelho, 110 de verde e 220 de azul.

No padrão de cores CMYK, é composto por 30.5% de ciano, 50% de magenta, 0% de amarelo e 13.7% de preto. Tem um ângulo de matiz de 263.5 graus, uma saturação de 61.1% e uma leveza de 64.7%.

A cor mais próxima WebSafe é 9966CC.

Conversões de #996edc 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 996edc
RGB 153, 110, 220
RGB Percentagem 60%, 43.1%, 86.3%
CMYK 0.3, 0.5, 0, 0.14
HSL 263.5°, 61.1%, 64.7%
HSV (ou HSB) 263.5°, 50%, 86.3%
RYB 60, 43.1, 86.3
Formato Cor
XYZ 34.2, 25.8, 72.8
CIELab 57.83, 37.55, -47.58
Decimal 10055388
Yxy 23.0913, 0.2526, 0.1844
YUV 135.397, 175.7444, 140.5557
CIELuv 55.1662, 12.0372, -83.0278
Web Safe 9966CC

Distribuição de #996edc

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.

#996edc

#996edc
rgb(153,110,220)

#b1dc6e

#b1dc6e
rgb(177,220,110)

Cores triadicas

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

#dc9a6e

#dc9a6e
rgb(220,154,110)

#996edc

#996edc
rgb(153,110,220)

#6edc9a

#6edc9a
rgb(110,220,154)

Cores tetrádicas

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

#dc6e7a

#dc6e7a
rgb(220,110,122)

#996edc

#996edc
rgb(153,110,220)

#b1dc6e

#b1dc6e
rgb(177,220,110)

#6edcd1

#6edcd1
rgb(110,220,209)

Cores monocromáticas

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

#996edc

#996edc
rgb(153,110,220)

#c0addc

#c0addc
rgb(192,173,220)

#beabdc

#beabdc
rgb(190,171,220)

#bda9dc

#bda9dc
rgb(189,169,220)

#bca7dc

#bca7dc
rgb(188,167,220)

#baa4dc

#baa4dc
rgb(186,164,220)

Tons e Matizes de #996edc

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

Matiz (adicionando branco)
#996edc

#996edc
rgb(153,110,220)

#ad8be3

#ad8be3
rgb(173,139,227)

#c1a8ea

#c1a8ea
rgb(193,168,234)

#d6c5f1

#d6c5f1
rgb(214,197,241)

#eae2f8

#eae2f8
rgb(234,226,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#996edc

#996edc
rgb(153,110,220)

#7a58b0

#7a58b0
rgb(122,88,176)

#5b4284

#5b4284
rgb(91,66,132)

#3d2b57

#3d2b57
rgb(61,43,87)

#1e152b

#1e152b
rgb(30,21,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #996edc

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

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

Contraste

Branco e #996edc
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 #996edc
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 #996edc

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

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

Este parágrafo tem fundo de cor #996edc.

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

Este elemento tem uma cor de borda de #996edc.

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

Cores alietórias

#705079

#705079
rgb(112,80,121)

#577a35

#577a35
rgb(87,122,53)

#ab6e5a

#ab6e5a
rgb(171,110,90)

#856361

#856361
rgb(133,99,97)

#5a7f41

#5a7f41
rgb(90,127,65)

#5696e6

#5696e6
rgb(86,150,230)

#9f7e94

#9f7e94
rgb(159,126,148)

#fd3882

#fd3882
rgb(253,56,130)

#2e44db

#2e44db
rgb(46,68,219)

#b6e879

#b6e879
rgb(182,232,121)

#43e936

#43e936
rgb(67,233,54)

#f81c94

#f81c94
rgb(248,28,148)