Informação da cor #cad99e

A cor hexadecimal cad99e no modelo de cores RGB (Red, Green, Blue), é um composta por 202 de vermelho, 217 de verde e 158 de azul.

No padrão de cores CMYK, é composto por 6.9% de ciano, 0% de magenta, 27.2% de amarelo e 14.9% de preto. Tem um ângulo de matiz de 75.3 graus, uma saturação de 43.7% e uma leveza de 73.5%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #cad99e 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 cad99e
RGB 202, 217, 158
RGB Percentagem 79.2%, 85.1%, 62%
CMYK 0.07, 0, 0.27, 0.15
HSL 75.3°, 43.7%, 73.5%
HSV (ou HSB) 75.3°, 27.2%, 85.1%
RYB 62, 85.1, 67.8
Formato Cor
XYZ 57.8, 67, 45.3
CIELab 85.49, -13.92, 25.74
Decimal 13293982
Yxy 64.651, 0.3418, 0.3993
YUV 205.789, 101.031, 125.2974
CIELuv 84.3036, -6.0127, 40.8434
Web Safe 99CC99

Distribuição de #cad99e

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.

#cad99e

#cad99e
rgb(202,217,158)

#ad9ed9

#ad9ed9
rgb(173,158,217)

Cores triadicas

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

#9ecbd9

#9ecbd9
rgb(158,203,217)

#cad99e

#cad99e
rgb(202,217,158)

#d99ecb

#d99ecb
rgb(217,158,203)

Cores tetrádicas

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

#9ed9cb

#9ed9cb
rgb(158,217,203)

#cad99e

#cad99e
rgb(202,217,158)

#ad9ed9

#ad9ed9
rgb(173,158,217)

#d99ead

#d99ead
rgb(217,158,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.

#cad99e

#cad99e
rgb(202,217,158)

#ced9ab

#ced9ab
rgb(206,217,171)

#cdd9a9

#cdd9a9
rgb(205,217,169)

#cdd9a7

#cdd9a7
rgb(205,217,167)

#ccd9a5

#ccd9a5
rgb(204,217,165)

#ccd9a3

#ccd9a3
rgb(204,217,163)

Tons e Matizes de #cad99e

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

Matiz (adicionando branco)
#cad99e

#cad99e
rgb(202,217,158)

#d4e0b1

#d4e0b1
rgb(212,224,177)

#dfe8c4

#dfe8c4
rgb(223,232,196)

#e9efd8

#e9efd8
rgb(233,239,216)

#f4f7eb

#f4f7eb
rgb(244,247,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cad99e

#cad99e
rgb(202,217,158)

#a1ad7e

#a1ad7e
rgb(161,173,126)

#79825e

#79825e
rgb(121,130,94)

#50563f

#50563f
rgb(80,86,63)

#282b1f

#282b1f
rgb(40,43,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cad99e

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cad99e.

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

Este elemento tem uma cor de borda de #cad99e.

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

Cores alietórias

#5415a8

#5415a8
rgb(84,21,168)

#57f88c

#57f88c
rgb(87,248,140)

#34c114

#34c114
rgb(52,193,20)

#7e2131

#7e2131
rgb(126,33,49)

#285df5

#285df5
rgb(40,93,245)

#cc8265

#cc8265
rgb(204,130,101)

#e4ab2a

#e4ab2a
rgb(228,171,42)

#cbd491

#cbd491
rgb(203,212,145)

#ea87e0

#ea87e0
rgb(234,135,224)

#d87ca3

#d87ca3
rgb(216,124,163)

#c418c7

#c418c7
rgb(196,24,199)

#8b0d49

#8b0d49
rgb(139,13,73)