Informação da cor #e42486

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

No padrão de cores CMYK, é composto por 0% de ciano, 84.2% de magenta, 41.2% de amarelo e 10.6% de preto. Tem um ângulo de matiz de 329.4 graus, uma saturação de 78.1% e uma leveza de 51.8%.

A cor mais próxima WebSafe é CC0066.

Conversões de #e42486 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 e42486
RGB 228, 36, 134
RGB Percentagem 89.4%, 14.1%, 52.5%
CMYK 0, 0.84, 0.41, 0.11
HSL 329.4°, 78.1%, 51.8%
HSV (ou HSB) 329.4°, 84.2%, 89.4%
RYB 89.4, 14.1, 52.5
Formato Cor
XYZ 38.4, 20.6, 27.4
CIELab 52.46, 74.59, -8.17
Decimal 14951558
Yxy 19.4819, 0.4572, 0.2412
YUV 104.58, 144.6027, 216.0314
CIELuv 51.2463, 112.8584, -21.6194
Web Safe CC0066

Distribuição de #e42486

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.

#e42486

#e42486
rgb(228,36,134)

#25e483

#25e483
rgb(37,228,131)

Cores triadicas

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

#86e425

#86e425
rgb(134,228,37)

#e42486

#e42486
rgb(228,36,134)

#2586e4

#2586e4
rgb(37,134,228)

Cores tetrádicas

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

#e4e325

#e4e325
rgb(228,227,37)

#e42486

#e42486
rgb(228,36,134)

#25e483

#25e483
rgb(37,228,131)

#2526e4

#2526e4
rgb(37,38,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.

#e42486

#e42486
rgb(228,36,134)

#e4b3cc

#e4b3cc
rgb(228,179,204)

#e4b0cb

#e4b0cb
rgb(228,176,203)

#e4aeca

#e4aeca
rgb(228,174,202)

#e4acc9

#e4acc9
rgb(228,172,201)

#e4aac8

#e4aac8
rgb(228,170,200)

Tons e Matizes de #e42486

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

Matiz (adicionando branco)
#e42486

#e42486
rgb(228,36,134)

#e94f9e

#e94f9e
rgb(233,79,158)

#ee7bb6

#ee7bb6
rgb(238,123,182)

#f4a7ce

#f4a7ce
rgb(244,167,206)

#f9d3e6

#f9d3e6
rgb(249,211,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e42486

#e42486
rgb(228,36,134)

#b61c6b

#b61c6b
rgb(182,28,107)

#881550

#881550
rgb(136,21,80)

#5b0e35

#5b0e35
rgb(91,14,53)

#2d071a

#2d071a
rgb(45,7,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e42486

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e42486.

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

Este elemento tem uma cor de borda de #e42486.

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

Cores alietórias

#464fb9

#464fb9
rgb(70,79,185)

#073487

#073487
rgb(7,52,135)

#1ec380

#1ec380
rgb(30,195,128)

#976cee

#976cee
rgb(151,108,238)

#f81599

#f81599
rgb(248,21,153)

#1e3e24

#1e3e24
rgb(30,62,36)

#ceec0f

#ceec0f
rgb(206,236,15)

#a26499

#a26499
rgb(162,100,153)

#de3690

#de3690
rgb(222,54,144)

#cb40fc

#cb40fc
rgb(203,64,252)

#d97733

#d97733
rgb(217,119,51)

#4e416b

#4e416b
rgb(78,65,107)