Informação da cor #e6ceb3

A cor hexadecimal e6ceb3 no modelo de cores RGB (Red, Green, Blue), é um composta por 230 de vermelho, 206 de verde e 179 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 10.4% de magenta, 22.2% de amarelo e 9.8% de preto. Tem um ângulo de matiz de 31.8 graus, uma saturação de 50.5% e uma leveza de 80.2%.

A cor mais próxima WebSafe é CCCC99.

Conversões de #e6ceb3 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 e6ceb3
RGB 230, 206, 179
RGB Percentagem 90.2%, 80.8%, 70.2%
CMYK 0, 0.1, 0.22, 0.1
HSL 31.8°, 50.5%, 80.2%
HSV (ou HSB) 31.8°, 22.2%, 90.2%
RYB 88.2, 90.2, 70.2
Formato Cor
XYZ 65, 66.6, 55
CIELab 85.29, 3.78, 15.37
Decimal 15126195
Yxy 64.222, 0.3515, 0.3592
YUV 210.098, 110.4503, 142.1954
CIELuv 84.0812, 16.329, 22.8825
Web Safe CCCC99

Distribuição de #e6ceb3

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.

#e6ceb3

#e6ceb3
rgb(230,206,179)

#b3cbe6

#b3cbe6
rgb(179,203,230)

Cores triadicas

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

#b3e6cf

#b3e6cf
rgb(179,230,207)

#e6ceb3

#e6ceb3
rgb(230,206,179)

#cfb3e6

#cfb3e6
rgb(207,179,230)

Cores tetrádicas

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

#b3e6b5

#b3e6b5
rgb(179,230,181)

#e6ceb3

#e6ceb3
rgb(230,206,179)

#b3cbe6

#b3cbe6
rgb(179,203,230)

#e6b3e5

#e6b3e5
rgb(230,179,229)

Cores monocromáticas

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

#e6ceb3

#e6ceb3
rgb(230,206,179)

#e6d0b6

#e6d0b6
rgb(230,208,182)

#e6ceb3

#e6ceb3
rgb(230,206,179)

#e6cdb1

#e6cdb1
rgb(230,205,177)

#e6ccaf

#e6ccaf
rgb(230,204,175)

#e6cbac

#e6cbac
rgb(230,203,172)

Tons e Matizes de #e6ceb3

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

Matiz (adicionando branco)
#e6ceb3

#e6ceb3
rgb(230,206,179)

#ebd7c2

#ebd7c2
rgb(235,215,194)

#f0e1d1

#f0e1d1
rgb(240,225,209)

#f5ebe0

#f5ebe0
rgb(245,235,224)

#faf5ef

#faf5ef
rgb(250,245,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e6ceb3

#e6ceb3
rgb(230,206,179)

#b8a48f

#b8a48f
rgb(184,164,143)

#8a7b6b

#8a7b6b
rgb(138,123,107)

#5b5247

#5b5247
rgb(91,82,71)

#2d2923

#2d2923
rgb(45,41,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e6ceb3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e6ceb3.

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

Este elemento tem uma cor de borda de #e6ceb3.

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

Cores alietórias

#720bde

#720bde
rgb(114,11,222)

#cfe263

#cfe263
rgb(207,226,99)

#404084

#404084
rgb(64,64,132)

#8e8656

#8e8656
rgb(142,134,86)

#a0ba0e

#a0ba0e
rgb(160,186,14)

#8f2ae2

#8f2ae2
rgb(143,42,226)

#9c2c55

#9c2c55
rgb(156,44,85)

#8fecb1

#8fecb1
rgb(143,236,177)

#d5bc6e

#d5bc6e
rgb(213,188,110)

#5c8075

#5c8075
rgb(92,128,117)

#b5c49b

#b5c49b
rgb(181,196,155)

#0d819a

#0d819a
rgb(13,129,154)