Informação da cor #e857de

A cor hexadecimal e857de no modelo de cores RGB (Red, Green, Blue), é um composta por 232 de vermelho, 87 de verde e 222 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 62.5% de magenta, 4.3% de amarelo e 9% de preto. Tem um ângulo de matiz de 304.1 graus, uma saturação de 75.9% e uma leveza de 62.6%.

A cor mais próxima WebSafe é CC33CC.

Conversões de #e857de 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 e857de
RGB 232, 87, 222
RGB Percentagem 91%, 34.1%, 87.1%
CMYK 0, 0.62, 0.04, 0.09
HSL 304.1°, 75.9%, 62.6%
HSV (ou HSB) 304.1°, 62.5%, 91%
RYB 91, 34.1, 87.1
Formato Cor
XYZ 51.6, 31.2, 74.2
CIELab 62.65, 68.76, -40.42
Decimal 15226846
Yxy 29.2497, 0.3298, 0.1934
YUV 145.745, 171.0333, 189.5229
CIELuv 61.0014, 67.5156, -75.2662
Web Safe CC33CC

Distribuição de #e857de

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.

#e857de

#e857de
rgb(232,87,222)

#57e862

#57e862
rgb(87,232,98)

Cores triadicas

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

#dee857

#dee857
rgb(222,232,87)

#e857de

#e857de
rgb(232,87,222)

#57dee8

#57dee8
rgb(87,222,232)

Cores tetrádicas

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

#e8aa57

#e8aa57
rgb(232,170,87)

#e857de

#e857de
rgb(232,87,222)

#57e862

#57e862
rgb(87,232,98)

#5796e8

#5796e8
rgb(87,150,232)

Cores monocromáticas

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

#e857de

#e857de
rgb(232,87,222)

#e8b6e5

#e8b6e5
rgb(232,182,229)

#e8b4e5

#e8b4e5
rgb(232,180,229)

#e8b2e5

#e8b2e5
rgb(232,178,229)

#e8afe5

#e8afe5
rgb(232,175,229)

#e8ade4

#e8ade4
rgb(232,173,228)

Tons e Matizes de #e857de

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

Matiz (adicionando branco)
#e857de

#e857de
rgb(232,87,222)

#ec78e4

#ec78e4
rgb(236,120,228)

#f19aeb

#f19aeb
rgb(241,154,235)

#f5bbf1

#f5bbf1
rgb(245,187,241)

#faddf8

#faddf8
rgb(250,221,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e857de

#e857de
rgb(232,87,222)

#b945b1

#b945b1
rgb(185,69,177)

#8b3485

#8b3485
rgb(139,52,133)

#5c2258

#5c2258
rgb(92,34,88)

#2e112c

#2e112c
rgb(46,17,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e857de

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e857de.

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

Este elemento tem uma cor de borda de #e857de.

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

Cores alietórias

#770d7d

#770d7d
rgb(119,13,125)

#1162ea

#1162ea
rgb(17,98,234)

#b8b4db

#b8b4db
rgb(184,180,219)

#333efc

#333efc
rgb(51,62,252)

#9b351e

#9b351e
rgb(155,53,30)

#c5be48

#c5be48
rgb(197,190,72)

#5dbb9c

#5dbb9c
rgb(93,187,156)

#8e9f92

#8e9f92
rgb(142,159,146)

#6c8ab4

#6c8ab4
rgb(108,138,180)

#2020c4

#2020c4
rgb(32,32,196)

#0b3810

#0b3810
rgb(11,56,16)

#afc414

#afc414
rgb(175,196,20)