Informação da cor #e1d5e6

A cor hexadecimal e1d5e6 no modelo de cores RGB (Red, Green, Blue), é um composta por 225 de vermelho, 213 de verde e 230 de azul.

No padrão de cores CMYK, é composto por 2.2% de ciano, 7.4% de magenta, 0% de amarelo e 9.8% de preto. Tem um ângulo de matiz de 282.4 graus, uma saturação de 25.4% e uma leveza de 86.9%.

A cor mais próxima WebSafe é CCCCCC.

Conversões de #e1d5e6 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 e1d5e6
RGB 225, 213, 230
RGB Percentagem 88.2%, 83.5%, 90.2%
CMYK 0.02, 0.07, 0, 0.1
HSL 282.4°, 25.4%, 86.9%
HSV (ou HSB) 282.4°, 7.4%, 90.2%
RYB 88.2, 83.5, 90.2
Formato Cor
XYZ 71, 71.5, 86.4
CIELab 87.7, 6.62, -6.34
Decimal 14800358
Yxy 69.3095, 0.31, 0.3108
YUV 218.526, 134.4752, 132.6177
CIELuv 86.6571, 5.7413, -11.8501
Web Safe CCCCCC

Distribuição de #e1d5e6

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.

#e1d5e6

#e1d5e6
rgb(225,213,230)

#dae6d5

#dae6d5
rgb(218,230,213)

Cores triadicas

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

#e6e2d5

#e6e2d5
rgb(230,226,213)

#e1d5e6

#e1d5e6
rgb(225,213,230)

#d5e6e2

#d5e6e2
rgb(213,230,226)

Cores tetrádicas

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

#e6d9d5

#e6d9d5
rgb(230,217,213)

#e1d5e6

#e1d5e6
rgb(225,213,230)

#dae6d5

#dae6d5
rgb(218,230,213)

#d5e3e6

#d5e3e6
rgb(213,227,230)

Cores monocromáticas

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

#e1d5e6

#e1d5e6
rgb(225,213,230)

#d8b6e6

#d8b6e6
rgb(216,182,230)

#d8b4e6

#d8b4e6
rgb(216,180,230)

#d7b1e6

#d7b1e6
rgb(215,177,230)

#d6afe6

#d6afe6
rgb(214,175,230)

#d6ade6

#d6ade6
rgb(214,173,230)

Tons e Matizes de #e1d5e6

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

Matiz (adicionando branco)
#e1d5e6

#e1d5e6
rgb(225,213,230)

#e7ddeb

#e7ddeb
rgb(231,221,235)

#ede5f0

#ede5f0
rgb(237,229,240)

#f3eef5

#f3eef5
rgb(243,238,245)

#f9f6fa

#f9f6fa
rgb(249,246,250)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e1d5e6

#e1d5e6
rgb(225,213,230)

#b4aab8

#b4aab8
rgb(180,170,184)

#877f8a

#877f8a
rgb(135,127,138)

#59555b

#59555b
rgb(89,85,91)

#2c2a2d

#2c2a2d
rgb(44,42,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e1d5e6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e1d5e6.

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

Este elemento tem uma cor de borda de #e1d5e6.

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

Cores alietórias

#e4edf6

#e4edf6
rgb(228,237,246)

#6fd474

#6fd474
rgb(111,212,116)

#acf8ba

#acf8ba
rgb(172,248,186)

#7786ef

#7786ef
rgb(119,134,239)

#b4f926

#b4f926
rgb(180,249,38)

#a51a97

#a51a97
rgb(165,26,151)

#d2f645

#d2f645
rgb(210,246,69)

#8ce29b

#8ce29b
rgb(140,226,155)

#8fd2b3

#8fd2b3
rgb(143,210,179)

#a4256f

#a4256f
rgb(164,37,111)

#1d5c7b

#1d5c7b
rgb(29,92,123)

#826745

#826745
rgb(130,103,69)