Informação da cor #9e83a8

A cor hexadecimal 9e83a8 no modelo de cores RGB (Red, Green, Blue), é um composta por 158 de vermelho, 131 de verde e 168 de azul.

No padrão de cores CMYK, é composto por 6% de ciano, 22% de magenta, 0% de amarelo e 34.1% de preto. Tem um ângulo de matiz de 283.8 graus, uma saturação de 17.5% e uma leveza de 58.6%.

A cor mais próxima WebSafe é 996699.

Conversões de #9e83a8 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 9e83a8
RGB 158, 131, 168
RGB Percentagem 62%, 51.4%, 65.9%
CMYK 0.06, 0.22, 0, 0.34
HSL 283.8°, 17.5%, 58.6%
HSV (ou HSB) 283.8°, 22%, 65.9%
RYB 62, 51.4, 65.9
Formato Cor
XYZ 32.3, 29.4, 44
CIELab 61.11, 16.35, -14.94
Decimal 10388392
Yxy 26.3293, 0.3044, 0.2737
YUV 143.291, 141.9441, 138.4915
CIELuv 58.3483, 12.675, -26.019
Web Safe 996699

Distribuição de #9e83a8

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.

#9e83a8

#9e83a8
rgb(158,131,168)

#8ea883

#8ea883
rgb(142,168,131)

Cores triadicas

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

#a89e83

#a89e83
rgb(168,158,131)

#9e83a8

#9e83a8
rgb(158,131,168)

#83a89e

#83a89e
rgb(131,168,158)

Cores tetrádicas

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

#a88c83

#a88c83
rgb(168,140,131)

#9e83a8

#9e83a8
rgb(158,131,168)

#8ea883

#8ea883
rgb(142,168,131)

#83a0a8

#83a0a8
rgb(131,160,168)

Cores monocromáticas

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

#9e83a8

#9e83a8
rgb(158,131,168)

#9f85a8

#9f85a8
rgb(159,133,168)

#9e83a8

#9e83a8
rgb(158,131,168)

#9e81a8

#9e81a8
rgb(158,129,168)

#9e80a8

#9e80a8
rgb(158,128,168)

#9d7ea8

#9d7ea8
rgb(157,126,168)

Tons e Matizes de #9e83a8

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

Matiz (adicionando branco)
#9e83a8

#9e83a8
rgb(158,131,168)

#b19bb9

#b19bb9
rgb(177,155,185)

#c4b4ca

#c4b4ca
rgb(196,180,202)

#d8cddc

#d8cddc
rgb(216,205,220)

#ebe6ed

#ebe6ed
rgb(235,230,237)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9e83a8

#9e83a8
rgb(158,131,168)

#7e6886

#7e6886
rgb(126,104,134)

#5e4e64

#5e4e64
rgb(94,78,100)

#3f3443

#3f3443
rgb(63,52,67)

#1f1a21

#1f1a21
rgb(31,26,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9e83a8

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

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

Contraste

Branco e #9e83a8
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 #9e83a8
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 #9e83a8

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

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

Este parágrafo tem fundo de cor #9e83a8.

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

Este elemento tem uma cor de borda de #9e83a8.

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

Cores alietórias

#8146a6

#8146a6
rgb(129,70,166)

#e112c9

#e112c9
rgb(225,18,201)

#03acb8

#03acb8
rgb(3,172,184)

#07db8c

#07db8c
rgb(7,219,140)

#777290

#777290
rgb(119,114,144)

#17f19a

#17f19a
rgb(23,241,154)

#97677f

#97677f
rgb(151,103,127)

#96ff09

#96ff09
rgb(150,255,9)

#fde0e1

#fde0e1
rgb(253,224,225)

#1b13c4

#1b13c4
rgb(27,19,196)

#7004fd

#7004fd
rgb(112,4,253)

#e4088c

#e4088c
rgb(228,8,140)