Informação da cor #c6ddaf

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

No padrão de cores CMYK, é composto por 10.4% de ciano, 0% de magenta, 20.8% de amarelo e 13.3% de preto. Tem um ângulo de matiz de 90 graus, uma saturação de 40.4% e uma leveza de 77.7%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #c6ddaf 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 c6ddaf
RGB 198, 221, 175
RGB Percentagem 77.6%, 86.7%, 68.6%
CMYK 0.1, 0, 0.21, 0.13
HSL 90°, 40.4%, 77.7%
HSV (ou HSB) 90°, 20.8%, 86.7%
RYB 68.6, 86.7, 77.6
Formato Cor
XYZ 59.3, 69, 53.7
CIELab 86.52, -14.7, 18.73
Decimal 13032879
Yxy 66.8134, 0.3266, 0.3837
YUV 208.879, 108.8809, 120.2404
CIELuv 85.4096, -10.9561, 31.5852
Web Safe 99CC99

Distribuição de #c6ddaf

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.

#c6ddaf

#c6ddaf
rgb(198,221,175)

#c6afdd

#c6afdd
rgb(198,175,221)

Cores triadicas

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

#afc6dd

#afc6dd
rgb(175,198,221)

#c6ddaf

#c6ddaf
rgb(198,221,175)

#ddafc6

#ddafc6
rgb(221,175,198)

Cores tetrádicas

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

#afdddd

#afdddd
rgb(175,221,221)

#c6ddaf

#c6ddaf
rgb(198,221,175)

#c6afdd

#c6afdd
rgb(198,175,221)

#ddafaf

#ddafaf
rgb(221,175,175)

Cores monocromáticas

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

#c6ddaf

#c6ddaf
rgb(198,221,175)

#c6ddaf

#c6ddaf
rgb(198,221,175)

#c5ddac

#c5ddac
rgb(197,221,172)

#c4ddaa

#c4ddaa
rgb(196,221,170)

#c3dda8

#c3dda8
rgb(195,221,168)

#c2dda6

#c2dda6
rgb(194,221,166)

Tons e Matizes de #c6ddaf

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

Matiz (adicionando branco)
#c6ddaf

#c6ddaf
rgb(198,221,175)

#d1e3bf

#d1e3bf
rgb(209,227,191)

#dceacf

#dceacf
rgb(220,234,207)

#e8f1df

#e8f1df
rgb(232,241,223)

#f3f8ef

#f3f8ef
rgb(243,248,239)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c6ddaf

#c6ddaf
rgb(198,221,175)

#9eb08c

#9eb08c
rgb(158,176,140)

#768469

#768469
rgb(118,132,105)

#4f5845

#4f5845
rgb(79,88,69)

#272c22

#272c22
rgb(39,44,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c6ddaf

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c6ddaf.

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

Este elemento tem uma cor de borda de #c6ddaf.

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

Cores alietórias

#3f5c0a

#3f5c0a
rgb(63,92,10)

#79695d

#79695d
rgb(121,105,93)

#8d95bb

#8d95bb
rgb(141,149,187)

#de39cc

#de39cc
rgb(222,57,204)

#07fb4a

#07fb4a
rgb(7,251,74)

#da1ba2

#da1ba2
rgb(218,27,162)

#1d8dcd

#1d8dcd
rgb(29,141,205)

#31f2be

#31f2be
rgb(49,242,190)

#52f75a

#52f75a
rgb(82,247,90)

#23fe4b

#23fe4b
rgb(35,254,75)

#c5c9a5

#c5c9a5
rgb(197,201,165)

#616a89

#616a89
rgb(97,106,137)