Informação da cor #ea691e

A cor hexadecimal ea691e no modelo de cores RGB (Red, Green, Blue), é um composta por 234 de vermelho, 105 de verde e 30 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 55.1% de magenta, 87.2% de amarelo e 8.2% de preto. Tem um ângulo de matiz de 22.1 graus, uma saturação de 82.9% e uma leveza de 51.8%.

A cor mais próxima WebSafe é CC6600.

Conversões de #ea691e 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 ea691e
RGB 234, 105, 30
RGB Percentagem 91.8%, 41.2%, 11.8%
CMYK 0, 0.55, 0.87, 0.08
HSL 22.1°, 82.9%, 51.8%
HSV (ou HSB) 22.1°, 87.2%, 91.8%
RYB 91.8, 58.4, 11.8
Formato Cor
XYZ 40.8, 29.8, 5.4
CIELab 61.49, 43.09, 60.26
Decimal 15362334
Yxy 27.6946, 0.5491, 0.3877
YUV 135.021, 68.7331, 198.5984
CIELuv 59.6118, 106.3785, 49.6464
Web Safe CC6600

Distribuição de #ea691e

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.

#ea691e

#ea691e
rgb(234,105,30)

#1e9fea

#1e9fea
rgb(30,159,234)

Cores triadicas

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

#1eea6a

#1eea6a
rgb(30,234,106)

#ea691e

#ea691e
rgb(234,105,30)

#6a1eea

#6a1eea
rgb(106,30,234)

Cores tetrádicas

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

#39ea1e

#39ea1e
rgb(57,234,30)

#ea691e

#ea691e
rgb(234,105,30)

#1e9fea

#1e9fea
rgb(30,159,234)

#d01eea

#d01eea
rgb(208,30,234)

Cores monocromáticas

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

#ea691e

#ea691e
rgb(234,105,30)

#eacab7

#eacab7
rgb(234,202,183)

#eac9b5

#eac9b5
rgb(234,201,181)

#eac7b3

#eac7b3
rgb(234,199,179)

#eac6b0

#eac6b0
rgb(234,198,176)

#eac4ae

#eac4ae
rgb(234,196,174)

Tons e Matizes de #ea691e

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

Matiz (adicionando branco)
#ea691e

#ea691e
rgb(234,105,30)

#ee874b

#ee874b
rgb(238,135,75)

#f2a578

#f2a578
rgb(242,165,120)

#f6c3a5

#f6c3a5
rgb(246,195,165)

#fae1d2

#fae1d2
rgb(250,225,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ea691e

#ea691e
rgb(234,105,30)

#bb5418

#bb5418
rgb(187,84,24)

#8c3f12

#8c3f12
rgb(140,63,18)

#5d290b

#5d290b
rgb(93,41,11)

#2e1405

#2e1405
rgb(46,20,5)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ea691e

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ea691e.

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

Este elemento tem uma cor de borda de #ea691e.

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

Cores alietórias

#1c9505

#1c9505
rgb(28,149,5)

#baf236

#baf236
rgb(186,242,54)

#f3f1fe

#f3f1fe
rgb(243,241,254)

#ae9b5b

#ae9b5b
rgb(174,155,91)

#986eab

#986eab
rgb(152,110,171)

#83ba5c

#83ba5c
rgb(131,186,92)

#7845b1

#7845b1
rgb(120,69,177)

#087824

#087824
rgb(8,120,36)

#85a27c

#85a27c
rgb(133,162,124)

#f3bbea

#f3bbea
rgb(243,187,234)

#393dda

#393dda
rgb(57,61,218)

#f9fff6

#f9fff6
rgb(249,255,246)