Informação da cor #e2673c

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

No padrão de cores CMYK, é composto por 0% de ciano, 54.4% de magenta, 73.5% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 15.5 graus, uma saturação de 74.1% e uma leveza de 56.1%.

A cor mais próxima WebSafe é CC6633.

Conversões de #e2673c 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 e2673c
RGB 226, 103, 60
RGB Percentagem 88.6%, 40.4%, 23.5%
CMYK 0, 0.54, 0.73, 0.11
HSL 15.5°, 74.1%, 56.1%
HSV (ou HSB) 15.5°, 73.5%, 88.6%
RYB 88.6, 46.7, 23.5
Formato Cor
XYZ 38.9, 28.4, 9
CIELab 60.27, 42.39, 44.47
Decimal 14837564
Yxy 26.2003, 0.5244, 0.371
YUV 134.875, 85.7455, 192.9964
CIELuv 58.2267, 98.2212, 40.2255
Web Safe CC6633

Distribuição de #e2673c

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.

#e2673c

#e2673c
rgb(226,103,60)

#3cb7e2

#3cb7e2
rgb(60,183,226)

Cores triadicas

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

#3ce268

#3ce268
rgb(60,226,104)

#e2673c

#e2673c
rgb(226,103,60)

#683ce2

#683ce2
rgb(104,60,226)

Cores tetrádicas

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

#64e23c

#64e23c
rgb(100,226,60)

#e2673c

#e2673c
rgb(226,103,60)

#3cb7e2

#3cb7e2
rgb(60,183,226)

#bb3ce2

#bb3ce2
rgb(187,60,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.

#e2673c

#e2673c
rgb(226,103,60)

#e2beb1

#e2beb1
rgb(226,190,177)

#e2bcaf

#e2bcaf
rgb(226,188,175)

#e2bbad

#e2bbad
rgb(226,187,173)

#e2b9ab

#e2b9ab
rgb(226,185,171)

#e2b7a8

#e2b7a8
rgb(226,183,168)

Tons e Matizes de #e2673c

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

Matiz (adicionando branco)
#e2673c

#e2673c
rgb(226,103,60)

#e78563

#e78563
rgb(231,133,99)

#eda38a

#eda38a
rgb(237,163,138)

#f3c2b1

#f3c2b1
rgb(243,194,177)

#f9e0d8

#f9e0d8
rgb(249,224,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e2673c

#e2673c
rgb(226,103,60)

#b45230

#b45230
rgb(180,82,48)

#873d24

#873d24
rgb(135,61,36)

#5a2917

#5a2917
rgb(90,41,23)

#2d140b

#2d140b
rgb(45,20,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e2673c

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e2673c.

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

Este elemento tem uma cor de borda de #e2673c.

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

Cores alietórias

#3b020f

#3b020f
rgb(59,2,15)

#ebd1e2

#ebd1e2
rgb(235,209,226)

#e206dc

#e206dc
rgb(226,6,220)

#576b0d

#576b0d
rgb(87,107,13)

#2230e7

#2230e7
rgb(34,48,231)

#6ee374

#6ee374
rgb(110,227,116)

#320e3f

#320e3f
rgb(50,14,63)

#2f6a74

#2f6a74
rgb(47,106,116)

#c50a84

#c50a84
rgb(197,10,132)

#7fbd5e

#7fbd5e
rgb(127,189,94)

#3688a7

#3688a7
rgb(54,136,167)

#cec457

#cec457
rgb(206,196,87)