Informação da cor #e2573f

A cor hexadecimal e2573f no modelo de cores RGB (Red, Green, Blue), é um composta por 226 de vermelho, 87 de verde e 63 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 61.5% de magenta, 72.1% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 8.8 graus, uma saturação de 73.8% e uma leveza de 56.7%.

A cor mais próxima WebSafe é CC3333.

Conversões de #e2573f 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 e2573f
RGB 226, 87, 63
RGB Percentagem 88.6%, 34.1%, 24.7%
CMYK 0, 0.62, 0.72, 0.11
HSL 8.8°, 73.8%, 56.7%
HSV (ou HSB) 8.8°, 72.1%, 88.6%
RYB 88.6, 36.1, 24.7
Formato Cor
XYZ 37.4, 25.3, 9
CIELab 57.36, 50.13, 39.53
Decimal 14833471
Yxy 23.349, 0.5376, 0.3519
YUV 125.825, 92.5457, 199.4515
CIELuv 55.43, 109.5187, 33.755
Web Safe CC3333

Distribuição de #e2573f

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.

#e2573f

#e2573f
rgb(226,87,63)

#3fcae2

#3fcae2
rgb(63,202,226)

Cores triadicas

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

#3fe258

#3fe258
rgb(63,226,88)

#e2573f

#e2573f
rgb(226,87,63)

#583fe2

#583fe2
rgb(88,63,226)

Cores tetrádicas

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

#79e23f

#79e23f
rgb(121,226,63)

#e2573f

#e2573f
rgb(226,87,63)

#3fcae2

#3fcae2
rgb(63,202,226)

#a93fe2

#a93fe2
rgb(169,63,226)

Cores monocromáticas

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

#e2573f

#e2573f
rgb(226,87,63)

#e2b9b1

#e2b9b1
rgb(226,185,177)

#e2b7af

#e2b7af
rgb(226,183,175)

#e2b5ad

#e2b5ad
rgb(226,181,173)

#e2b3ab

#e2b3ab
rgb(226,179,171)

#e2b1a8

#e2b1a8
rgb(226,177,168)

Tons e Matizes de #e2573f

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

Matiz (adicionando branco)
#e2573f

#e2573f
rgb(226,87,63)

#e77865

#e77865
rgb(231,120,101)

#ed9a8b

#ed9a8b
rgb(237,154,139)

#f3bbb2

#f3bbb2
rgb(243,187,178)

#f9ddd8

#f9ddd8
rgb(249,221,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e2573f

#e2573f
rgb(226,87,63)

#b44532

#b44532
rgb(180,69,50)

#873425

#873425
rgb(135,52,37)

#5a2219

#5a2219
rgb(90,34,25)

#2d110c

#2d110c
rgb(45,17,12)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e2573f

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e2573f.

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

Este elemento tem uma cor de borda de #e2573f.

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

Cores alietórias

#6cd6b6

#6cd6b6
rgb(108,214,182)

#e9c1b7

#e9c1b7
rgb(233,193,183)

#03d323

#03d323
rgb(3,211,35)

#b12009

#b12009
rgb(177,32,9)

#7ae779

#7ae779
rgb(122,231,121)

#71c421

#71c421
rgb(113,196,33)

#14c927

#14c927
rgb(20,201,39)

#17dc29

#17dc29
rgb(23,220,41)

#386e0a

#386e0a
rgb(56,110,10)

#4c34c2

#4c34c2
rgb(76,52,194)

#c01082

#c01082
rgb(192,16,130)

#2be6d7

#2be6d7
rgb(43,230,215)