Informação da cor #c5ddf1

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

No padrão de cores CMYK, é composto por 18.3% de ciano, 8.3% de magenta, 0% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 207.3 graus, uma saturação de 61.1% e uma leveza de 85.9%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #c5ddf1 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 c5ddf1
RGB 197, 221, 241
RGB Percentagem 77.3%, 86.7%, 94.5%
CMYK 0.18, 0.08, 0, 0.05
HSL 207.3°, 61.1%, 85.9%
HSV (ou HSB) 207.3°, 18.3%, 94.5%
RYB 77.3, 83.5, 94.5
Formato Cor
XYZ 66.8, 72, 94.5
CIELab 87.97, -3.65, -11.5
Decimal 12967409
Yxy 69.9325, 0.284, 0.3068
YUV 216.104, 142.0497, 114.3738
CIELuv 86.9637, -13.5387, -18.8894
Web Safe 99CCCC

Distribuição de #c5ddf1

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.

#c5ddf1

#c5ddf1
rgb(197,221,241)

#f1dac5

#f1dac5
rgb(241,218,197)

Cores triadicas

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

#f1c5dd

#f1c5dd
rgb(241,197,221)

#c5ddf1

#c5ddf1
rgb(197,221,241)

#ddf1c5

#ddf1c5
rgb(221,241,197)

Cores tetrádicas

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

#f0c5f1

#f0c5f1
rgb(240,197,241)

#c5ddf1

#c5ddf1
rgb(197,221,241)

#f1dac5

#f1dac5
rgb(241,218,197)

#c7f1c5

#c7f1c5
rgb(199,241,197)

Cores monocromáticas

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

#c5ddf1

#c5ddf1
rgb(197,221,241)

#bedaf1

#bedaf1
rgb(190,218,241)

#bcd9f1

#bcd9f1
rgb(188,217,241)

#bad8f1

#bad8f1
rgb(186,216,241)

#b7d7f1

#b7d7f1
rgb(183,215,241)

#b5d6f1

#b5d6f1
rgb(181,214,241)

Tons e Matizes de #c5ddf1

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

Matiz (adicionando branco)
#c5ddf1

#c5ddf1
rgb(197,221,241)

#d0e3f3

#d0e3f3
rgb(208,227,243)

#dceaf6

#dceaf6
rgb(220,234,246)

#e7f1f9

#e7f1f9
rgb(231,241,249)

#f3f8fc

#f3f8fc
rgb(243,248,252)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c5ddf1

#c5ddf1
rgb(197,221,241)

#9db0c0

#9db0c0
rgb(157,176,192)

#768490

#768490
rgb(118,132,144)

#4e5860

#4e5860
rgb(78,88,96)

#272c30

#272c30
rgb(39,44,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c5ddf1

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c5ddf1.

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

Este elemento tem uma cor de borda de #c5ddf1.

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

Cores alietórias

#e26d11

#e26d11
rgb(226,109,17)

#cedbad

#cedbad
rgb(206,219,173)

#e26be3

#e26be3
rgb(226,107,227)

#9ead70

#9ead70
rgb(158,173,112)

#dfd86c

#dfd86c
rgb(223,216,108)

#332a79

#332a79
rgb(51,42,121)

#13cafa

#13cafa
rgb(19,202,250)

#50680a

#50680a
rgb(80,104,10)

#8fade2

#8fade2
rgb(143,173,226)

#661c43

#661c43
rgb(102,28,67)

#2e4163

#2e4163
rgb(46,65,99)

#30c58b

#30c58b
rgb(48,197,139)