Informação da cor #9e9ecd

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

No padrão de cores CMYK, é composto por 22.9% de ciano, 22.9% de magenta, 0% de amarelo e 19.6% de preto. Tem um ângulo de matiz de 240 graus, uma saturação de 32% e uma leveza de 71.2%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #9e9ecd 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 9e9ecd
RGB 158, 158, 205
RGB Percentagem 62%, 62%, 80.4%
CMYK 0.23, 0.23, 0, 0.2
HSL 240°, 32%, 71.2%
HSV (ou HSB) 240°, 22.9%, 80.4%
RYB 62, 62, 80.4
Formato Cor
XYZ 40.3, 39.3, 65.6
CIELab 68.96, 9.35, -22.47
Decimal 10395341
Yxy 36.1299, 0.2741, 0.2652
YUV 163.358, 151.5, 124.1783
CIELuv 66.6191, -2.7928, -38.7037
Web Safe 9999CC

Distribuição de #9e9ecd

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.

#9e9ecd

#9e9ecd
rgb(158,158,205)

#cdcd9e

#cdcd9e
rgb(205,205,158)

Cores triadicas

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

#cd9e9e

#cd9e9e
rgb(205,158,158)

#9e9ecd

#9e9ecd
rgb(158,158,205)

#9ecd9e

#9ecd9e
rgb(158,205,158)

Cores tetrádicas

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

#cd9eb6

#cd9eb6
rgb(205,158,182)

#9e9ecd

#9e9ecd
rgb(158,158,205)

#cdcd9e

#cdcd9e
rgb(205,205,158)

#9ecdb6

#9ecdb6
rgb(158,205,182)

Cores monocromáticas

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

#9e9ecd

#9e9ecd
rgb(158,158,205)

#a2a2cd

#a2a2cd
rgb(162,162,205)

#a0a0cd

#a0a0cd
rgb(160,160,205)

#9e9ecd

#9e9ecd
rgb(158,158,205)

#9c9ccd

#9c9ccd
rgb(156,156,205)

#9a9acd

#9a9acd
rgb(154,154,205)

Tons e Matizes de #9e9ecd

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

Matiz (adicionando branco)
#9e9ecd

#9e9ecd
rgb(158,158,205)

#b1b1d7

#b1b1d7
rgb(177,177,215)

#c4c4e1

#c4c4e1
rgb(196,196,225)

#d8d8eb

#d8d8eb
rgb(216,216,235)

#ebebf5

#ebebf5
rgb(235,235,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#9e9ecd

#9e9ecd
rgb(158,158,205)

#7e7ea4

#7e7ea4
rgb(126,126,164)

#5e5e7b

#5e5e7b
rgb(94,94,123)

#3f3f51

#3f3f51
rgb(63,63,81)

#1f1f28

#1f1f28
rgb(31,31,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #9e9ecd

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#8ea84f

#8ea84f
rgb(142,168,79)

#c3f55f

#c3f55f
rgb(195,245,95)

#38eb07

#38eb07
rgb(56,235,7)

#c09272

#c09272
rgb(192,146,114)

#72aaaf

#72aaaf
rgb(114,170,175)

#74bfee

#74bfee
rgb(116,191,238)

#587e06

#587e06
rgb(88,126,6)

#b0f476

#b0f476
rgb(176,244,118)

#85dfde

#85dfde
rgb(133,223,222)

#ac7461

#ac7461
rgb(172,116,97)

#58afd8

#58afd8
rgb(88,175,216)

#7cd21b

#7cd21b
rgb(124,210,27)