Informação da cor #e45e7d

A cor hexadecimal e45e7d no modelo de cores RGB (Red, Green, Blue), é um composta por 228 de vermelho, 94 de verde e 125 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 58.8% de magenta, 45.2% de amarelo e 10.6% de preto. Tem um ângulo de matiz de 346.1 graus, uma saturação de 71.3% e uma leveza de 63.1%.

A cor mais próxima WebSafe é CC3366.

Conversões de #e45e7d 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 e45e7d
RGB 228, 94, 125
RGB Percentagem 89.4%, 36.9%, 49%
CMYK 0, 0.59, 0.45, 0.11
HSL 346.1°, 71.3%, 63.1%
HSV (ou HSB) 346.1°, 58.8%, 89.4%
RYB 89.4, 36.9, 49
Formato Cor
XYZ 41.7, 28.1, 25.4
CIELab 60.02, 52.28, 8
Decimal 14966397
Yxy 25.9847, 0.4511, 0.2952
YUV 137.6, 120.8894, 192.4793
CIELuv 58.0225, 92.0647, 2.0677
Web Safe CC3366

Distribuição de #e45e7d

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.

#e45e7d

#e45e7d
rgb(228,94,125)

#5ee4c6

#5ee4c6
rgb(94,228,198)

Cores triadicas

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

#7de45e

#7de45e
rgb(125,228,94)

#e45e7d

#e45e7d
rgb(228,94,125)

#5e7de4

#5e7de4
rgb(94,125,228)

Cores tetrádicas

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

#c0e45e

#c0e45e
rgb(192,228,94)

#e45e7d

#e45e7d
rgb(228,94,125)

#5ee4c6

#5ee4c6
rgb(94,228,198)

#835ee4

#835ee4
rgb(131,94,228)

Cores monocromáticas

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

#e45e7d

#e45e7d
rgb(228,94,125)

#e4b3bf

#e4b3bf
rgb(228,179,191)

#e4b1bd

#e4b1bd
rgb(228,177,189)

#e4afbb

#e4afbb
rgb(228,175,187)

#e4acb9

#e4acb9
rgb(228,172,185)

#e4aab8

#e4aab8
rgb(228,170,184)

Tons e Matizes de #e45e7d

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

Matiz (adicionando branco)
#e45e7d

#e45e7d
rgb(228,94,125)

#e97e97

#e97e97
rgb(233,126,151)

#ee9eb1

#ee9eb1
rgb(238,158,177)

#f4becb

#f4becb
rgb(244,190,203)

#f9dee5

#f9dee5
rgb(249,222,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e45e7d

#e45e7d
rgb(228,94,125)

#b64b64

#b64b64
rgb(182,75,100)

#88384b

#88384b
rgb(136,56,75)

#5b2531

#5b2531
rgb(91,37,49)

#2d1218

#2d1218
rgb(45,18,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e45e7d

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

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

Contraste

Branco e #e45e7d
Texto grande WCAG AA ✓ 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 #e45e7d
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 #e45e7d

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

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

Este parágrafo tem fundo de cor #e45e7d.

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

Este elemento tem uma cor de borda de #e45e7d.

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

Cores alietórias

#e0a786

#e0a786
rgb(224,167,134)

#e6b3bd

#e6b3bd
rgb(230,179,189)

#57ebc1

#57ebc1
rgb(87,235,193)

#5ce75d

#5ce75d
rgb(92,231,93)

#adc304

#adc304
rgb(173,195,4)

#3512f2

#3512f2
rgb(53,18,242)

#4be099

#4be099
rgb(75,224,153)

#54df9b

#54df9b
rgb(84,223,155)

#1d77ff

#1d77ff
rgb(29,119,255)

#20d927

#20d927
rgb(32,217,39)

#1784b8

#1784b8
rgb(23,132,184)

#4a1c0c

#4a1c0c
rgb(74,28,12)