Informação da cor #e2c860

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

No padrão de cores CMYK, é composto por 0% de ciano, 11.5% de magenta, 57.5% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 48 graus, uma saturação de 69.2% e uma leveza de 63.1%.

A cor mais próxima WebSafe é CC9933.

Conversões de #e2c860 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 e2c860
RGB 226, 200, 96
RGB Percentagem 88.6%, 78.4%, 37.6%
CMYK 0, 0.12, 0.58, 0.11
HSL 48°, 69.2%, 63.1%
HSV (ou HSB) 48°, 57.5%, 88.6%
RYB 50.6, 88.6, 37.6
Formato Cor
XYZ 56.2, 60.8, 22
CIELab 82.27, -3.82, 52.07
Decimal 14862432
Yxy 58.3243, 0.4103, 0.4421
YUV 195.918, 71.6129, 149.4564
CIELuv 80.9188, 22.5628, 66.5635
Web Safe CC9933

Distribuição de #e2c860

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.

#e2c860

#e2c860
rgb(226,200,96)

#607ae2

#607ae2
rgb(96,122,226)

Cores triadicas

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

#60e2c9

#60e2c9
rgb(96,226,201)

#e2c860

#e2c860
rgb(226,200,96)

#c960e2

#c960e2
rgb(201,96,226)

Cores tetrádicas

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

#60e288

#60e288
rgb(96,226,136)

#e2c860

#e2c860
rgb(226,200,96)

#607ae2

#607ae2
rgb(96,122,226)

#e260bb

#e260bb
rgb(226,96,187)

Cores monocromáticas

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

#e2c860

#e2c860
rgb(226,200,96)

#e2d9b2

#e2d9b2
rgb(226,217,178)

#e2d8af

#e2d8af
rgb(226,216,175)

#e2d8ad

#e2d8ad
rgb(226,216,173)

#e2d7ab

#e2d7ab
rgb(226,215,171)

#e2d7a9

#e2d7a9
rgb(226,215,169)

Tons e Matizes de #e2c860

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

Matiz (adicionando branco)
#e2c860

#e2c860
rgb(226,200,96)

#e7d37f

#e7d37f
rgb(231,211,127)

#edde9f

#edde9f
rgb(237,222,159)

#f3e9bf

#f3e9bf
rgb(243,233,191)

#f9f4df

#f9f4df
rgb(249,244,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e2c860

#e2c860
rgb(226,200,96)

#b4a04c

#b4a04c
rgb(180,160,76)

#877839

#877839
rgb(135,120,57)

#5a4f26

#5a4f26
rgb(90,79,38)

#2d2713

#2d2713
rgb(45,39,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e2c860

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

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

Contraste

Branco e #e2c860
Texto grande WCAG AA X Não 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 #e2c860
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #e2c860

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

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

Este parágrafo tem fundo de cor #e2c860.

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

Este elemento tem uma cor de borda de #e2c860.

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

Cores alietórias

#040eb5

#040eb5
rgb(4,14,181)

#ad0e2f

#ad0e2f
rgb(173,14,47)

#cece18

#cece18
rgb(206,206,24)

#0fa1d4

#0fa1d4
rgb(15,161,212)

#1b7031

#1b7031
rgb(27,112,49)

#2253aa

#2253aa
rgb(34,83,170)

#c92862

#c92862
rgb(201,40,98)

#4470fc

#4470fc
rgb(68,112,252)

#629c10

#629c10
rgb(98,156,16)

#aee0af

#aee0af
rgb(174,224,175)

#7c78aa

#7c78aa
rgb(124,120,170)

#3006b1

#3006b1
rgb(48,6,177)