Informação da cor #e4e2c3

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

No padrão de cores CMYK, é composto por 0% de ciano, 0.9% de magenta, 14.5% de amarelo e 10.6% de preto. Tem um ângulo de matiz de 56.4 graus, uma saturação de 37.9% e uma leveza de 82.9%.

A cor mais próxima WebSafe é CCCC99.

Conversões de #e4e2c3 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 e4e2c3
RGB 228, 226, 195
RGB Percentagem 89.4%, 88.6%, 76.5%
CMYK 0, 0.01, 0.14, 0.11
HSL 56.4°, 37.9%, 82.9%
HSV (ou HSB) 56.4°, 14.5%, 89.4%
RYB 77.6, 89.4, 76.5
Formato Cor
XYZ 70.9, 76.6, 65.4
CIELab 90.15, -4.19, 14.32
Decimal 15000259
Yxy 74.8275, 0.3347, 0.3627
YUV 223.064, 112.1625, 131.5207
CIELuv 89.3121, 2.8595, 23.3593
Web Safe CCCC99

Distribuição de #e4e2c3

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.

#e4e2c3

#e4e2c3
rgb(228,226,195)

#c4c6e4

#c4c6e4
rgb(196,198,228)

Cores triadicas

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

#c4e4e2

#c4e4e2
rgb(196,228,226)

#e4e2c3

#e4e2c3
rgb(228,226,195)

#e2c4e4

#e2c4e4
rgb(226,196,228)

Cores tetrádicas

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

#c4e4d2

#c4e4d2
rgb(196,228,210)

#e4e2c3

#e4e2c3
rgb(228,226,195)

#c4c6e4

#c4c6e4
rgb(196,198,228)

#e4c4d6

#e4c4d6
rgb(228,196,214)

Cores monocromáticas

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

#e4e2c3

#e4e2c3
rgb(228,226,195)

#e4e2b4

#e4e2b4
rgb(228,226,180)

#e4e1b2

#e4e1b2
rgb(228,225,178)

#e4e1b0

#e4e1b0
rgb(228,225,176)

#e4e1ad

#e4e1ad
rgb(228,225,173)

#e4e1ab

#e4e1ab
rgb(228,225,171)

Tons e Matizes de #e4e2c3

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

Matiz (adicionando branco)
#e4e2c3

#e4e2c3
rgb(228,226,195)

#e9e7cf

#e9e7cf
rgb(233,231,207)

#eeeddb

#eeeddb
rgb(238,237,219)

#f4f3e7

#f4f3e7
rgb(244,243,231)

#f9f9f3

#f9f9f3
rgb(249,249,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e4e2c3

#e4e2c3
rgb(228,226,195)

#b6b49c

#b6b49c
rgb(182,180,156)

#888775

#888775
rgb(136,135,117)

#5b5a4d

#5b5a4d
rgb(91,90,77)

#2d2d26

#2d2d26
rgb(45,45,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e4e2c3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e4e2c3.

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

Este elemento tem uma cor de borda de #e4e2c3.

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

Cores alietórias

#b1bb6b

#b1bb6b
rgb(177,187,107)

#59617c

#59617c
rgb(89,97,124)

#90ad0c

#90ad0c
rgb(144,173,12)

#9d3b19

#9d3b19
rgb(157,59,25)

#12eabd

#12eabd
rgb(18,234,189)

#3ed7eb

#3ed7eb
rgb(62,215,235)

#6fe39e

#6fe39e
rgb(111,227,158)

#c87c41

#c87c41
rgb(200,124,65)

#262cf2

#262cf2
rgb(38,44,242)

#eef867

#eef867
rgb(238,248,103)

#6a0e0a

#6a0e0a
rgb(106,14,10)

#99e94c

#99e94c
rgb(153,233,76)