Informação da cor #c6e9c8

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

No padrão de cores CMYK, é composto por 15% de ciano, 0% de magenta, 14.2% de amarelo e 8.6% de preto. Tem um ângulo de matiz de 123.4 graus, uma saturação de 44.3% e uma leveza de 84.5%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #c6e9c8 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 c6e9c8
RGB 198, 233, 200
RGB Percentagem 77.6%, 91.4%, 78.4%
CMYK 0.15, 0, 0.14, 0.09
HSL 123.4°, 44.3%, 84.5%
HSV (ou HSB) 123.4°, 15%, 91.4%
RYB 77.6, 91, 91.4
Formato Cor
XYZ 65, 76.2, 68.5
CIELab 89.97, -16.3, 11.35
Decimal 13035976
Yxy 74.4525, 0.3096, 0.3668
YUV 218.773, 117.4058, 113.1833
CIELuv 89.1359, -17.6473, 21.3011
Web Safe 99CC99

Distribuição de #c6e9c8

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.

#c6e9c8

#c6e9c8
rgb(198,233,200)

#e9c6e7

#e9c6e7
rgb(233,198,231)

Cores triadicas

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

#c9c6e9

#c9c6e9
rgb(201,198,233)

#c6e9c8

#c6e9c8
rgb(198,233,200)

#e9c9c6

#e9c9c6
rgb(233,201,198)

Cores tetrádicas

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

#c6d6e9

#c6d6e9
rgb(198,214,233)

#c6e9c8

#c6e9c8
rgb(198,233,200)

#e9c6e7

#e9c6e7
rgb(233,198,231)

#e9dac6

#e9dac6
rgb(233,218,198)

Cores monocromáticas

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

#c6e9c8

#c6e9c8
rgb(198,233,200)

#b8e9bb

#b8e9bb
rgb(184,233,187)

#b6e9b9

#b6e9b9
rgb(182,233,185)

#b4e9b7

#b4e9b7
rgb(180,233,183)

#b1e9b4

#b1e9b4
rgb(177,233,180)

#afe9b2

#afe9b2
rgb(175,233,178)

Tons e Matizes de #c6e9c8

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

Matiz (adicionando branco)
#c6e9c8

#c6e9c8
rgb(198,233,200)

#d1edd3

#d1edd3
rgb(209,237,211)

#dcf1de

#dcf1de
rgb(220,241,222)

#e8f6e9

#e8f6e9
rgb(232,246,233)

#f3faf4

#f3faf4
rgb(243,250,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c6e9c8

#c6e9c8
rgb(198,233,200)

#9ebaa0

#9ebaa0
rgb(158,186,160)

#768b78

#768b78
rgb(118,139,120)

#4f5d4f

#4f5d4f
rgb(79,93,79)

#272e27

#272e27
rgb(39,46,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c6e9c8

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c6e9c8.

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

Este elemento tem uma cor de borda de #c6e9c8.

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

Cores alietórias

#f8554d

#f8554d
rgb(248,85,77)

#c61604

#c61604
rgb(198,22,4)

#df8fe0

#df8fe0
rgb(223,143,224)

#793d5a

#793d5a
rgb(121,61,90)

#4cb3e6

#4cb3e6
rgb(76,179,230)

#a952fe

#a952fe
rgb(169,82,254)

#54d2f3

#54d2f3
rgb(84,210,243)

#1c8b8a

#1c8b8a
rgb(28,139,138)

#c877d6

#c877d6
rgb(200,119,214)

#ddac1f

#ddac1f
rgb(221,172,31)

#a0d863

#a0d863
rgb(160,216,99)

#68e395

#68e395
rgb(104,227,149)