Informação da cor #e5a1f1

A cor hexadecimal e5a1f1 no modelo de cores RGB (Red, Green, Blue), é um composta por 229 de vermelho, 161 de verde e 241 de azul.

No padrão de cores CMYK, é composto por 5% de ciano, 33.2% de magenta, 0% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 291 graus, uma saturação de 74.1% e uma leveza de 78.8%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #e5a1f1 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 e5a1f1
RGB 229, 161, 241
RGB Percentagem 89.8%, 63.1%, 94.5%
CMYK 0.05, 0.33, 0, 0.05
HSL 291°, 74.1%, 78.8%
HSV (ou HSB) 291°, 33.2%, 94.5%
RYB 89.8, 63.1, 94.5
Formato Cor
XYZ 62.9, 51.2, 90.7
CIELab 76.8, 35.75, -28.16
Decimal 15049201
Yxy 48.5004, 0.3065, 0.244
YUV 190.452, 156.526, 155.495
CIELuv 75.1395, 32.0965, -53.897
Web Safe CC99CC

Distribuição de #e5a1f1

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.

#e5a1f1

#e5a1f1
rgb(229,161,241)

#adf1a1

#adf1a1
rgb(173,241,161)

Cores triadicas

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

#f1e5a1

#f1e5a1
rgb(241,229,161)

#e5a1f1

#e5a1f1
rgb(229,161,241)

#a1f1e5

#a1f1e5
rgb(161,241,229)

Cores tetrádicas

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

#f1bda1

#f1bda1
rgb(241,189,161)

#e5a1f1

#e5a1f1
rgb(229,161,241)

#adf1a1

#adf1a1
rgb(173,241,161)

#a1d5f1

#a1d5f1
rgb(161,213,241)

Cores monocromáticas

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

#e5a1f1

#e5a1f1
rgb(229,161,241)

#eabef1

#eabef1
rgb(234,190,241)

#e9bcf1

#e9bcf1
rgb(233,188,241)

#e9b9f1

#e9b9f1
rgb(233,185,241)

#e9b7f1

#e9b7f1
rgb(233,183,241)

#e8b4f1

#e8b4f1
rgb(232,180,241)

Tons e Matizes de #e5a1f1

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

Matiz (adicionando branco)
#e5a1f1

#e5a1f1
rgb(229,161,241)

#eab3f3

#eab3f3
rgb(234,179,243)

#efc6f6

#efc6f6
rgb(239,198,246)

#f4d9f9

#f4d9f9
rgb(244,217,249)

#f9ecfc

#f9ecfc
rgb(249,236,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e5a1f1

#e5a1f1
rgb(229,161,241)

#b780c0

#b780c0
rgb(183,128,192)

#896090

#896090
rgb(137,96,144)

#5b4060

#5b4060
rgb(91,64,96)

#2d2030

#2d2030
rgb(45,32,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e5a1f1

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e5a1f1.

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

Este elemento tem uma cor de borda de #e5a1f1.

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

Cores alietórias

#a88dfb

#a88dfb
rgb(168,141,251)

#b4bcd9

#b4bcd9
rgb(180,188,217)

#1e4c8a

#1e4c8a
rgb(30,76,138)

#4c5afb

#4c5afb
rgb(76,90,251)

#26583a

#26583a
rgb(38,88,58)

#392cb3

#392cb3
rgb(57,44,179)

#f28b41

#f28b41
rgb(242,139,65)

#5360d2

#5360d2
rgb(83,96,210)

#b41670

#b41670
rgb(180,22,112)

#521ce6

#521ce6
rgb(82,28,230)

#e03e03

#e03e03
rgb(224,62,3)

#ca7678

#ca7678
rgb(202,118,120)