Informação da cor #e6573f

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

No padrão de cores CMYK, é composto por 0% de ciano, 62.2% de magenta, 72.6% de amarelo e 9.8% de preto. Tem um ângulo de matiz de 8.6 graus, uma saturação de 77% e uma leveza de 57.5%.

A cor mais próxima WebSafe é CC3333.

Conversões de #e6573f 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 e6573f
RGB 230, 87, 63
RGB Percentagem 90.2%, 34.1%, 24.7%
CMYK 0, 0.62, 0.73, 0.1
HSL 8.6°, 77%, 57.5%
HSV (ou HSB) 8.6°, 72.6%, 90.2%
RYB 90.2, 36.1, 24.7
Formato Cor
XYZ 38.6, 25.9, 9
CIELab 57.95, 51.44, 40.36
Decimal 15095615
Yxy 24.0035, 0.5406, 0.3513
YUV 127.021, 91.8708, 201.4515
CIELuv 56.0912, 112.8021, 34.3088
Web Safe CC3333

Distribuição de #e6573f

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.

#e6573f

#e6573f
rgb(230,87,63)

#3fcee6

#3fcee6
rgb(63,206,230)

Cores triadicas

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

#3fe658

#3fe658
rgb(63,230,88)

#e6573f

#e6573f
rgb(230,87,63)

#583fe6

#583fe6
rgb(88,63,230)

Cores tetrádicas

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

#7be63f

#7be63f
rgb(123,230,63)

#e6573f

#e6573f
rgb(230,87,63)

#3fcee6

#3fcee6
rgb(63,206,230)

#ab3fe6

#ab3fe6
rgb(171,63,230)

Cores monocromáticas

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

#e6573f

#e6573f
rgb(230,87,63)

#e6bcb5

#e6bcb5
rgb(230,188,181)

#e6bab2

#e6bab2
rgb(230,186,178)

#e6b8b0

#e6b8b0
rgb(230,184,176)

#e6b6ae

#e6b6ae
rgb(230,182,174)

#e6b4ab

#e6b4ab
rgb(230,180,171)

Tons e Matizes de #e6573f

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

Matiz (adicionando branco)
#e6573f

#e6573f
rgb(230,87,63)

#eb7865

#eb7865
rgb(235,120,101)

#f09a8b

#f09a8b
rgb(240,154,139)

#f5bbb2

#f5bbb2
rgb(245,187,178)

#faddd8

#faddd8
rgb(250,221,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e6573f

#e6573f
rgb(230,87,63)

#b84532

#b84532
rgb(184,69,50)

#8a3425

#8a3425
rgb(138,52,37)

#5b2219

#5b2219
rgb(91,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 #e6573f fica em um fundo branco.

Fundo preto

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

Fundo de cor #e6573f

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e6573f.

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

Este elemento tem uma cor de borda de #e6573f.

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

Cores alietórias

#131cea

#131cea
rgb(19,28,234)

#75dc24

#75dc24
rgb(117,220,36)

#882607

#882607
rgb(136,38,7)

#a47c5f

#a47c5f
rgb(164,124,95)

#c8ea53

#c8ea53
rgb(200,234,83)

#48797a

#48797a
rgb(72,121,122)

#e1941e

#e1941e
rgb(225,148,30)

#97f347

#97f347
rgb(151,243,71)

#fe25cb

#fe25cb
rgb(254,37,203)

#83c6a9

#83c6a9
rgb(131,198,169)

#0ff2c3

#0ff2c3
rgb(15,242,195)

#40e798

#40e798
rgb(64,231,152)