Informação da cor #cedd99

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

No padrão de cores CMYK, é composto por 6.8% de ciano, 0% de magenta, 30.8% de amarelo e 13.3% de preto. Tem um ângulo de matiz de 73.2 graus, uma saturação de 50% e uma leveza de 73.3%.

A cor mais próxima WebSafe é CCCC99.

Conversões de #cedd99 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 cedd99
RGB 206, 221, 153
RGB Percentagem 80.8%, 86.7%, 60%
CMYK 0.07, 0, 0.31, 0.13
HSL 73.2°, 50%, 73.3%
HSV (ou HSB) 73.2°, 30.8%, 86.7%
RYB 60, 86.7, 65.9
Formato Cor
XYZ 59.4, 69.3, 43.4
CIELab 86.66, -15.06, 29.82
Decimal 13557145
Yxy 67.1349, 0.3473, 0.4087
YUV 208.763, 96.531, 126.0292
CIELuv 85.572, -5.7012, 46.5402
Web Safe CCCC99

Distribuição de #cedd99

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.

#cedd99

#cedd99
rgb(206,221,153)

#a899dd

#a899dd
rgb(168,153,221)

Cores triadicas

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

#99cfdd

#99cfdd
rgb(153,207,221)

#cedd99

#cedd99
rgb(206,221,153)

#dd99cf

#dd99cf
rgb(221,153,207)

Cores tetrádicas

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

#99ddca

#99ddca
rgb(153,221,202)

#cedd99

#cedd99
rgb(206,221,153)

#a899dd

#a899dd
rgb(168,153,221)

#dd99ad

#dd99ad
rgb(221,153,173)

Cores monocromáticas

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

#cedd99

#cedd99
rgb(206,221,153)

#d3ddae

#d3ddae
rgb(211,221,174)

#d3ddac

#d3ddac
rgb(211,221,172)

#d2ddaa

#d2ddaa
rgb(210,221,170)

#d2dda8

#d2dda8
rgb(210,221,168)

#d1dda6

#d1dda6
rgb(209,221,166)

Tons e Matizes de #cedd99

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

Matiz (adicionando branco)
#cedd99

#cedd99
rgb(206,221,153)

#d7e3ad

#d7e3ad
rgb(215,227,173)

#e1eac1

#e1eac1
rgb(225,234,193)

#ebf1d6

#ebf1d6
rgb(235,241,214)

#f5f8ea

#f5f8ea
rgb(245,248,234)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cedd99

#cedd99
rgb(206,221,153)

#a4b07a

#a4b07a
rgb(164,176,122)

#7b845b

#7b845b
rgb(123,132,91)

#52583d

#52583d
rgb(82,88,61)

#292c1e

#292c1e
rgb(41,44,30)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cedd99

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cedd99.

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

Este elemento tem uma cor de borda de #cedd99.

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

Cores alietórias

#740588

#740588
rgb(116,5,136)

#33e78e

#33e78e
rgb(51,231,142)

#980509

#980509
rgb(152,5,9)

#de5cf2

#de5cf2
rgb(222,92,242)

#fe2eaf

#fe2eaf
rgb(254,46,175)

#e5c294

#e5c294
rgb(229,194,148)

#43c692

#43c692
rgb(67,198,146)

#d76be3

#d76be3
rgb(215,107,227)

#056ed1

#056ed1
rgb(5,110,209)

#665f0d

#665f0d
rgb(102,95,13)

#5165f5

#5165f5
rgb(81,101,245)

#c7593a

#c7593a
rgb(199,89,58)