Informação da cor #e899ff

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

No padrão de cores CMYK, é composto por 9% de ciano, 40% de magenta, 0% de amarelo e 0% de preto. Tem um ângulo de matiz de 286.5 graus, uma saturação de 100% e uma leveza de 80%.

A cor mais próxima WebSafe é CC99FF.

Conversões de #e899ff 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 e899ff
RGB 232, 153, 255
RGB Percentagem 91%, 60%, 100%
CMYK 0.09, 0.4, 0, 0
HSL 286.5°, 100%, 80%
HSV (ou HSB) 286.5°, 40%, 100%
RYB 91, 60, 100
Formato Cor
XYZ 64.5, 49.8, 100.8
CIELab 75.91, 43.11, -36.45
Decimal 15243775
Yxy 47.1601, 0.2983, 0.2243
YUV 188.249, 165.6699, 159.2062
CIELuv 74.2921, 35.0947, -69.6696
Web Safe CC99FF

Distribuição de #e899ff

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.

#e899ff

#e899ff
rgb(232,153,255)

#b1ff99

#b1ff99
rgb(177,255,153)

Cores triadicas

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

#ffe899

#ffe899
rgb(255,232,153)

#e899ff

#e899ff
rgb(232,153,255)

#99ffe8

#99ffe8
rgb(153,255,232)

Cores tetrádicas

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

#ffb599

#ffb599
rgb(255,181,153)

#e899ff

#e899ff
rgb(232,153,255)

#b1ff99

#b1ff99
rgb(177,255,153)

#99e4ff

#99e4ff
rgb(153,228,255)

Cores monocromáticas

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

#e899ff

#e899ff
rgb(232,153,255)

#f3c9ff

#f3c9ff
rgb(243,201,255)

#f3c6ff

#f3c6ff
rgb(243,198,255)

#f2c4ff

#f2c4ff
rgb(242,196,255)

#f1c1ff

#f1c1ff
rgb(241,193,255)

#f1bfff

#f1bfff
rgb(241,191,255)

Tons e Matizes de #e899ff

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

Matiz (adicionando branco)
#e899ff

#e899ff
rgb(232,153,255)

#ecadff

#ecadff
rgb(236,173,255)

#f1c1ff

#f1c1ff
rgb(241,193,255)

#f5d6ff

#f5d6ff
rgb(245,214,255)

#faeaff

#faeaff
rgb(250,234,255)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e899ff

#e899ff
rgb(232,153,255)

#b97acc

#b97acc
rgb(185,122,204)

#8b5b99

#8b5b99
rgb(139,91,153)

#5c3d65

#5c3d65
rgb(92,61,101)

#2e1e32

#2e1e32
rgb(46,30,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e899ff

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e899ff.

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

Este elemento tem uma cor de borda de #e899ff.

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

Cores alietórias

#82aaee

#82aaee
rgb(130,170,238)

#730e45

#730e45
rgb(115,14,69)

#4d791e

#4d791e
rgb(77,121,30)

#119cf0

#119cf0
rgb(17,156,240)

#cdc268

#cdc268
rgb(205,194,104)

#64f6b4

#64f6b4
rgb(100,246,180)

#bf1c69

#bf1c69
rgb(191,28,105)

#837752

#837752
rgb(131,119,82)

#677013

#677013
rgb(103,112,19)

#ea1bd3

#ea1bd3
rgb(234,27,211)

#c0c5ad

#c0c5ad
rgb(192,197,173)

#9bf530

#9bf530
rgb(155,245,48)