Informação da cor #c0d7fe

A cor hexadecimal c0d7fe no modelo de cores RGB (Red, Green, Blue), é um composta por 192 de vermelho, 215 de verde e 254 de azul.

No padrão de cores CMYK, é composto por 24.4% de ciano, 15.4% de magenta, 0% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 217.7 graus, uma saturação de 96.9% e uma leveza de 87.5%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #c0d7fe 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 c0d7fe
RGB 192, 215, 254
RGB Percentagem 75.3%, 84.3%, 99.6%
CMYK 0.24, 0.15, 0, 0
HSL 217.7°, 96.9%, 87.5%
HSV (ou HSB) 217.7°, 24.4%, 99.6%
RYB 75.3, 82, 99.6
Formato Cor
XYZ 65.9, 69.2, 103.7
CIELab 86.59, 0.4, -19.89
Decimal 12638206
Yxy 66.9612, 0.273, 0.2859
YUV 212.569, 151.3809, 113.3288
CIELuv 85.4844, -13.6914, -34.5379
Web Safe 99CCCC

Distribuição de #c0d7fe

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.

#c0d7fe

#c0d7fe
rgb(192,215,254)

#fee7c0

#fee7c0
rgb(254,231,192)

Cores triadicas

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

#fec0d8

#fec0d8
rgb(254,192,216)

#c0d7fe

#c0d7fe
rgb(192,215,254)

#d8fec0

#d8fec0
rgb(216,254,192)

Cores tetrádicas

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

#fec0f7

#fec0f7
rgb(254,192,247)

#c0d7fe

#c0d7fe
rgb(192,215,254)

#fee7c0

#fee7c0
rgb(254,231,192)

#c0fec8

#c0fec8
rgb(192,254,200)

Cores monocromáticas

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

#c0d7fe

#c0d7fe
rgb(192,215,254)

#c9ddfe

#c9ddfe
rgb(201,221,254)

#c6dbfe

#c6dbfe
rgb(198,219,254)

#c3d9fe

#c3d9fe
rgb(195,217,254)

#c1d8fe

#c1d8fe
rgb(193,216,254)

#bed6fe

#bed6fe
rgb(190,214,254)

Tons e Matizes de #c0d7fe

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

Matiz (adicionando branco)
#c0d7fe

#c0d7fe
rgb(192,215,254)

#ccdffe

#ccdffe
rgb(204,223,254)

#d9e7fe

#d9e7fe
rgb(217,231,254)

#e5effe

#e5effe
rgb(229,239,254)

#f2f7fe

#f2f7fe
rgb(242,247,254)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c0d7fe

#c0d7fe
rgb(192,215,254)

#99accb

#99accb
rgb(153,172,203)

#738198

#738198
rgb(115,129,152)

#4c5565

#4c5565
rgb(76,85,101)

#262a32

#262a32
rgb(38,42,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c0d7fe

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c0d7fe.

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

Este elemento tem uma cor de borda de #c0d7fe.

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

Cores alietórias

#27aa4d

#27aa4d
rgb(39,170,77)

#b3635b

#b3635b
rgb(179,99,91)

#a3d661

#a3d661
rgb(163,214,97)

#50c1d1

#50c1d1
rgb(80,193,209)

#cd3860

#cd3860
rgb(205,56,96)

#748b55

#748b55
rgb(116,139,85)

#edc9db

#edc9db
rgb(237,201,219)

#06cd38

#06cd38
rgb(6,205,56)

#46c0ba

#46c0ba
rgb(70,192,186)

#27d541

#27d541
rgb(39,213,65)

#25ae93

#25ae93
rgb(37,174,147)

#5af9cc

#5af9cc
rgb(90,249,204)