Informação da cor #d8c063

A cor hexadecimal d8c063 no modelo de cores RGB (Red, Green, Blue), é um composta por 216 de vermelho, 192 de verde e 99 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 11.1% de magenta, 54.2% de amarelo e 15.3% de preto. Tem um ângulo de matiz de 47.7 graus, uma saturação de 60% e uma leveza de 61.8%.

A cor mais próxima WebSafe é CC9933.

Conversões de #d8c063 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 d8c063
RGB 216, 192, 99
RGB Percentagem 84.7%, 75.3%, 38.8%
CMYK 0, 0.11, 0.54, 0.15
HSL 47.7°, 60%, 61.8%
HSV (ou HSB) 47.7°, 54.2%, 84.7%
RYB 51, 84.7, 38.8
Formato Cor
XYZ 51.8, 55.9, 22.1
CIELab 79.56, -3.52, 47.22
Decimal 14205027
Yxy 53.2012, 0.4048, 0.4357
YUV 188.574, 77.4503, 147.562
CIELuv 77.9937, 20.6827, 61.0824
Web Safe CC9933

Distribuição de #d8c063

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.

#d8c063

#d8c063
rgb(216,192,99)

#637cd8

#637cd8
rgb(99,124,216)

Cores triadicas

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

#63d8c0

#63d8c0
rgb(99,216,192)

#d8c063

#d8c063
rgb(216,192,99)

#c063d8

#c063d8
rgb(192,99,216)

Cores tetrádicas

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

#63d886

#63d886
rgb(99,216,134)

#d8c063

#d8c063
rgb(216,192,99)

#637cd8

#637cd8
rgb(99,124,216)

#d863b6

#d863b6
rgb(216,99,182)

Cores monocromáticas

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

#d8c063

#d8c063
rgb(216,192,99)

#d8cfaa

#d8cfaa
rgb(216,207,170)

#d8cfa8

#d8cfa8
rgb(216,207,168)

#d8cea6

#d8cea6
rgb(216,206,166)

#d8cea3

#d8cea3
rgb(216,206,163)

#d8cda1

#d8cda1
rgb(216,205,161)

Tons e Matizes de #d8c063

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

Matiz (adicionando branco)
#d8c063

#d8c063
rgb(216,192,99)

#dfcc82

#dfcc82
rgb(223,204,130)

#e7d9a1

#e7d9a1
rgb(231,217,161)

#efe5c0

#efe5c0
rgb(239,229,192)

#f7f2df

#f7f2df
rgb(247,242,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d8c063

#d8c063
rgb(216,192,99)

#ac994f

#ac994f
rgb(172,153,79)

#81733b

#81733b
rgb(129,115,59)

#564c27

#564c27
rgb(86,76,39)

#2b2613

#2b2613
rgb(43,38,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d8c063

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d8c063.

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

Este elemento tem uma cor de borda de #d8c063.

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

Cores alietórias

#45c362

#45c362
rgb(69,195,98)

#79cea5

#79cea5
rgb(121,206,165)

#4e3a5d

#4e3a5d
rgb(78,58,93)

#04872d

#04872d
rgb(4,135,45)

#726972

#726972
rgb(114,105,114)

#5c3622

#5c3622
rgb(92,54,34)

#022c30

#022c30
rgb(2,44,48)

#591e1a

#591e1a
rgb(89,30,26)

#9993d0

#9993d0
rgb(153,147,208)

#ce2b43

#ce2b43
rgb(206,43,67)

#cd0efa

#cd0efa
rgb(205,14,250)

#ef6110

#ef6110
rgb(239,97,16)