Informação da cor #c9e9b9

A cor hexadecimal c9e9b9 no modelo de cores RGB (Red, Green, Blue), é um composta por 201 de vermelho, 233 de verde e 185 de azul.

No padrão de cores CMYK, é composto por 13.7% de ciano, 0% de magenta, 20.6% de amarelo e 8.6% de preto. Tem um ângulo de matiz de 100 graus, uma saturação de 52.2% e uma leveza de 82%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #c9e9b9 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 c9e9b9
RGB 201, 233, 185
RGB Percentagem 78.8%, 91.4%, 72.5%
CMYK 0.14, 0, 0.21, 0.09
HSL 100°, 52.2%, 82%
HSV (ou HSB) 100°, 20.6%, 91.4%
RYB 72.5, 91.4, 85.1
Formato Cor
XYZ 64.1, 76, 60
CIELab 89.85, -17.72, 18.51
Decimal 13232569
Yxy 74.1973, 0.3209, 0.3842
YUV 217.96, 109.3996, 115.903
CIELuv 89.0156, -15.7547, 32.2446
Web Safe 99CC99

Distribuição de #c9e9b9

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.

#c9e9b9

#c9e9b9
rgb(201,233,185)

#d9b9e9

#d9b9e9
rgb(217,185,233)

Cores triadicas

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

#b9c9e9

#b9c9e9
rgb(185,201,233)

#c9e9b9

#c9e9b9
rgb(201,233,185)

#e9b9c9

#e9b9c9
rgb(233,185,201)

Cores tetrádicas

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

#b9e1e9

#b9e1e9
rgb(185,225,233)

#c9e9b9

#c9e9b9
rgb(201,233,185)

#d9b9e9

#d9b9e9
rgb(217,185,233)

#e9c1b9

#e9c1b9
rgb(233,193,185)

Cores monocromáticas

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

#c9e9b9

#c9e9b9
rgb(201,233,185)

#c9e9b8

#c9e9b8
rgb(201,233,184)

#c7e9b6

#c7e9b6
rgb(199,233,182)

#c5e9b3

#c5e9b3
rgb(197,233,179)

#c4e9b1

#c4e9b1
rgb(196,233,177)

#c2e9af

#c2e9af
rgb(194,233,175)

Tons e Matizes de #c9e9b9

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

Matiz (adicionando branco)
#c9e9b9

#c9e9b9
rgb(201,233,185)

#d3edc7

#d3edc7
rgb(211,237,199)

#def1d5

#def1d5
rgb(222,241,213)

#e9f6e3

#e9f6e3
rgb(233,246,227)

#f4faf1

#f4faf1
rgb(244,250,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c9e9b9

#c9e9b9
rgb(201,233,185)

#a0ba94

#a0ba94
rgb(160,186,148)

#788b6f

#788b6f
rgb(120,139,111)

#505d49

#505d49
rgb(80,93,73)

#282e24

#282e24
rgb(40,46,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c9e9b9

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c9e9b9.

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

Este elemento tem uma cor de borda de #c9e9b9.

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

Cores alietórias

#5eee7a

#5eee7a
rgb(94,238,122)

#81af9e

#81af9e
rgb(129,175,158)

#6ce564

#6ce564
rgb(108,229,100)

#10778f

#10778f
rgb(16,119,143)

#9e246f

#9e246f
rgb(158,36,111)

#d803a9

#d803a9
rgb(216,3,169)

#f19a82

#f19a82
rgb(241,154,130)

#319fd0

#319fd0
rgb(49,159,208)

#3714f4

#3714f4
rgb(55,20,244)

#0d38fb

#0d38fb
rgb(13,56,251)

#37a51c

#37a51c
rgb(55,165,28)

#d5bb8e

#d5bb8e
rgb(213,187,142)