Informação da cor #e3383e

A cor hexadecimal e3383e no modelo de cores RGB (Red, Green, Blue), é um composta por 227 de vermelho, 56 de verde e 62 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 75.3% de magenta, 72.7% de amarelo e 11% de preto. Tem um ângulo de matiz de 357.9 graus, uma saturação de 75.3% e uma leveza de 55.5%.

A cor mais próxima WebSafe é CC3333.

Conversões de #e3383e 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 e3383e
RGB 227, 56, 62
RGB Percentagem 89%, 22%, 24.3%
CMYK 0, 0.75, 0.73, 0.11
HSL 357.9°, 75.3%, 55.5%
HSV (ou HSB) 357.9°, 75.3%, 89%
RYB 89, 22, 24.3
Formato Cor
XYZ 35.4, 20.8, 8
CIELab 52.78, 63.12, 34.72
Decimal 14891070
Yxy 19.5123, 0.566, 0.3251
YUV 107.813, 102.1461, 213.0121
CIELuv 51.2813, 129.6945, 25.8913
Web Safe CC3333

Distribuição de #e3383e

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.

#e3383e

#e3383e
rgb(227,56,62)

#39e3de

#39e3de
rgb(57,227,222)

Cores triadicas

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

#3ee339

#3ee339
rgb(62,227,57)

#e3383e

#e3383e
rgb(227,56,62)

#393ee3

#393ee3
rgb(57,62,227)

Cores tetrádicas

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

#94e339

#94e339
rgb(148,227,57)

#e3383e

#e3383e
rgb(227,56,62)

#39e3de

#39e3de
rgb(57,227,222)

#8839e3

#8839e3
rgb(136,57,227)

Cores monocromáticas

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

#e3383e

#e3383e
rgb(227,56,62)

#e3b2b4

#e3b2b4
rgb(227,178,180)

#e3b0b2

#e3b0b2
rgb(227,176,178)

#e3aeaf

#e3aeaf
rgb(227,174,175)

#e3abad

#e3abad
rgb(227,171,173)

#e3a9ab

#e3a9ab
rgb(227,169,171)

Tons e Matizes de #e3383e

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

Matiz (adicionando branco)
#e3383e

#e3383e
rgb(227,56,62)

#e85f64

#e85f64
rgb(232,95,100)

#ee878b

#ee878b
rgb(238,135,139)

#f3afb1

#f3afb1
rgb(243,175,177)

#f9d7d8

#f9d7d8
rgb(249,215,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e3383e

#e3383e
rgb(227,56,62)

#b52c31

#b52c31
rgb(181,44,49)

#882125

#882125
rgb(136,33,37)

#5a1618

#5a1618
rgb(90,22,24)

#2d0b0c

#2d0b0c
rgb(45,11,12)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e3383e

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e3383e.

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

Este elemento tem uma cor de borda de #e3383e.

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

Cores alietórias

#62d985

#62d985
rgb(98,217,133)

#34521a

#34521a
rgb(52,82,26)

#e3ff88

#e3ff88
rgb(227,255,136)

#aa552d

#aa552d
rgb(170,85,45)

#88020e

#88020e
rgb(136,2,14)

#e2f9ed

#e2f9ed
rgb(226,249,237)

#79161f

#79161f
rgb(121,22,31)

#160975

#160975
rgb(22,9,117)

#305f7b

#305f7b
rgb(48,95,123)

#a44fd6

#a44fd6
rgb(164,79,214)

#7bea75

#7bea75
rgb(123,234,117)

#591db6

#591db6
rgb(89,29,182)