Informação da cor #e70f76

A cor hexadecimal e70f76 no modelo de cores RGB (Red, Green, Blue), é um composta por 231 de vermelho, 15 de verde e 118 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 93.5% de magenta, 48.9% de amarelo e 9.4% de preto. Tem um ângulo de matiz de 331.4 graus, uma saturação de 87.8% e uma leveza de 48.2%.

A cor mais próxima WebSafe é CC0066.

Conversões de #e70f76 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 e70f76
RGB 231, 15, 118
RGB Percentagem 90.6%, 5.9%, 46.3%
CMYK 0, 0.94, 0.49, 0.09
HSL 331.4°, 87.8%, 48.2%
HSV (ou HSB) 331.4°, 93.5%, 90.6%
RYB 90.6, 5.9, 46.3
Formato Cor
XYZ 37.6, 19.4, 21.5
CIELab 51.1, 77.88, -0.8
Decimal 15142774
Yxy 18.6439, 0.4928, 0.2524
YUV 91.326, 143.053, 227.6249
CIELuv 50.268, 126.1298, -11.6933
Web Safe CC0066

Distribuição de #e70f76

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.

#e70f76

#e70f76
rgb(231,15,118)

#10e780

#10e780
rgb(16,231,128)

Cores triadicas

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

#77e710

#77e710
rgb(119,231,16)

#e70f76

#e70f76
rgb(231,15,118)

#1077e7

#1077e7
rgb(16,119,231)

Cores tetrádicas

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

#e3e710

#e3e710
rgb(227,231,16)

#e70f76

#e70f76
rgb(231,15,118)

#10e780

#10e780
rgb(16,231,128)

#1410e7

#1410e7
rgb(20,16,231)

Cores monocromáticas

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

#e70f76

#e70f76
rgb(231,15,118)

#e7b5cd

#e7b5cd
rgb(231,181,205)

#e7b3cc

#e7b3cc
rgb(231,179,204)

#e7b0cb

#e7b0cb
rgb(231,176,203)

#e7aec9

#e7aec9
rgb(231,174,201)

#e7acc8

#e7acc8
rgb(231,172,200)

Tons e Matizes de #e70f76

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

Matiz (adicionando branco)
#e70f76

#e70f76
rgb(231,15,118)

#eb3f91

#eb3f91
rgb(235,63,145)

#f06fac

#f06fac
rgb(240,111,172)

#f59fc8

#f59fc8
rgb(245,159,200)

#facfe3

#facfe3
rgb(250,207,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e70f76

#e70f76
rgb(231,15,118)

#b80c5e

#b80c5e
rgb(184,12,94)

#8a0946

#8a0946
rgb(138,9,70)

#5c052f

#5c052f
rgb(92,5,47)

#2e0217

#2e0217
rgb(46,2,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e70f76

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e70f76.

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

Este elemento tem uma cor de borda de #e70f76.

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

Cores alietórias

#72507e

#72507e
rgb(114,80,126)

#48961c

#48961c
rgb(72,150,28)

#24e657

#24e657
rgb(36,230,87)

#5e1e4c

#5e1e4c
rgb(94,30,76)

#4439d1

#4439d1
rgb(68,57,209)

#da551d

#da551d
rgb(218,85,29)

#e5a820

#e5a820
rgb(229,168,32)

#15179f

#15179f
rgb(21,23,159)

#92d559

#92d559
rgb(146,213,89)

#6ee545

#6ee545
rgb(110,229,69)

#77fa47

#77fa47
rgb(119,250,71)

#83d055

#83d055
rgb(131,208,85)