Informação da cor #c6e8cc

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

No padrão de cores CMYK, é composto por 14.7% de ciano, 0% de magenta, 12.1% de amarelo e 9% de preto. Tem um ângulo de matiz de 130.6 graus, uma saturação de 42.5% e uma leveza de 84.3%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #c6e8cc 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 c6e8cc
RGB 198, 232, 204
RGB Percentagem 77.6%, 91%, 80%
CMYK 0.15, 0, 0.12, 0.09
HSL 130.6°, 42.5%, 84.3%
HSV (ou HSB) 130.6°, 14.7%, 91%
RYB 77.6, 89, 91
Formato Cor
XYZ 65.2, 75.9, 70.8
CIELab 89.81, -15.18, 9.18
Decimal 13035724
Yxy 74.0774, 0.3072, 0.361
YUV 218.642, 119.737, 113.2767
CIELuv 88.959, -17.2407, 17.7058
Web Safe 99CCCC

Distribuição de #c6e8cc

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.

#c6e8cc

#c6e8cc
rgb(198,232,204)

#e8c6e3

#e8c6e3
rgb(232,198,227)

Cores triadicas

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

#ccc6e8

#ccc6e8
rgb(204,198,232)

#c6e8cc

#c6e8cc
rgb(198,232,204)

#e8ccc6

#e8ccc6
rgb(232,204,198)

Cores tetrádicas

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

#c6d2e8

#c6d2e8
rgb(198,210,232)

#c6e8cc

#c6e8cc
rgb(198,232,204)

#e8c6e3

#e8c6e3
rgb(232,198,227)

#e8ddc6

#e8ddc6
rgb(232,221,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.

#c6e8cc

#c6e8cc
rgb(198,232,204)

#b7e8c0

#b7e8c0
rgb(183,232,192)

#b5e8be

#b5e8be
rgb(181,232,190)

#b3e8bc

#b3e8bc
rgb(179,232,188)

#b0e8ba

#b0e8ba
rgb(176,232,186)

#aee8b8

#aee8b8
rgb(174,232,184)

Tons e Matizes de #c6e8cc

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

Matiz (adicionando branco)
#c6e8cc

#c6e8cc
rgb(198,232,204)

#d1ecd6

#d1ecd6
rgb(209,236,214)

#dcf1e0

#dcf1e0
rgb(220,241,224)

#e8f5ea

#e8f5ea
rgb(232,245,234)

#f3faf4

#f3faf4
rgb(243,250,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c6e8cc

#c6e8cc
rgb(198,232,204)

#9eb9a3

#9eb9a3
rgb(158,185,163)

#768b7a

#768b7a
rgb(118,139,122)

#4f5c51

#4f5c51
rgb(79,92,81)

#272e28

#272e28
rgb(39,46,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c6e8cc

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c6e8cc.

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

Este elemento tem uma cor de borda de #c6e8cc.

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

Cores alietórias

#bb9eab

#bb9eab
rgb(187,158,171)

#e95b0e

#e95b0e
rgb(233,91,14)

#f69b61

#f69b61
rgb(246,155,97)

#5219e9

#5219e9
rgb(82,25,233)

#6a9750

#6a9750
rgb(106,151,80)

#9515ae

#9515ae
rgb(149,21,174)

#7e4d54

#7e4d54
rgb(126,77,84)

#f9fe2a

#f9fe2a
rgb(249,254,42)

#c45542

#c45542
rgb(196,85,66)

#6504cf

#6504cf
rgb(101,4,207)

#c507f3

#c507f3
rgb(197,7,243)

#07389b

#07389b
rgb(7,56,155)