Informação da cor #c3f8f6

A cor hexadecimal c3f8f6 no modelo de cores RGB (Red, Green, Blue), é um composta por 195 de vermelho, 248 de verde e 246 de azul.

No padrão de cores CMYK, é composto por 21.4% de ciano, 0% de magenta, 0.8% de amarelo e 2.7% de preto. Tem um ângulo de matiz de 177.7 graus, uma saturação de 79.1% e uma leveza de 86.9%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #c3f8f6 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 c3f8f6
RGB 195, 248, 246
RGB Percentagem 76.5%, 97.3%, 96.5%
CMYK 0.21, 0, 0.01, 0.03
HSL 177.7°, 79.1%, 86.9%
HSV (ou HSB) 177.7°, 21.4%, 97.3%
RYB 76.5, 87.5, 97.3
Formato Cor
XYZ 74.2, 86.4, 100.6
CIELab 94.48, -15.9, -4.27
Decimal 12843254
Yxy 85.3879, 0.2819, 0.3311
YUV 231.925, 135.943, 101.6626
CIELuv 94.05, -26.7874, -4.1883
Web Safe 99CCCC

Distribuição de #c3f8f6

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.

#c3f8f6

#c3f8f6
rgb(195,248,246)

#f8c3c6

#f8c3c6
rgb(248,195,198)

Cores triadicas

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

#f6c3f8

#f6c3f8
rgb(246,195,248)

#c3f8f6

#c3f8f6
rgb(195,248,246)

#f8f6c3

#f8f6c3
rgb(248,246,195)

Cores tetrádicas

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

#dcc3f8

#dcc3f8
rgb(220,195,248)

#c3f8f6

#c3f8f6
rgb(195,248,246)

#f8c3c6

#f8c3c6
rgb(248,195,198)

#e0f8c3

#e0f8c3
rgb(224,248,195)

Cores monocromáticas

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

#c3f8f6

#c3f8f6
rgb(195,248,246)

#c4f8f7

#c4f8f7
rgb(196,248,247)

#c1f8f6

#c1f8f6
rgb(193,248,246)

#bff8f6

#bff8f6
rgb(191,248,246)

#bcf8f6

#bcf8f6
rgb(188,248,246)

#baf8f6

#baf8f6
rgb(186,248,246)

Tons e Matizes de #c3f8f6

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

Matiz (adicionando branco)
#c3f8f6

#c3f8f6
rgb(195,248,246)

#cff9f7

#cff9f7
rgb(207,249,247)

#dbfaf9

#dbfaf9
rgb(219,250,249)

#e7fcfb

#e7fcfb
rgb(231,252,251)

#f3fdfd

#f3fdfd
rgb(243,253,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c3f8f6

#c3f8f6
rgb(195,248,246)

#9cc6c4

#9cc6c4
rgb(156,198,196)

#759493

#759493
rgb(117,148,147)

#4d6362

#4d6362
rgb(77,99,98)

#263131

#263131
rgb(38,49,49)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c3f8f6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c3f8f6.

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

Este elemento tem uma cor de borda de #c3f8f6.

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

Cores alietórias

#1d7915

#1d7915
rgb(29,121,21)

#fb2a08

#fb2a08
rgb(251,42,8)

#81237e

#81237e
rgb(129,35,126)

#82f046

#82f046
rgb(130,240,70)

#94bb72

#94bb72
rgb(148,187,114)

#168f0e

#168f0e
rgb(22,143,14)

#215655

#215655
rgb(33,86,85)

#1c30b0

#1c30b0
rgb(28,48,176)

#cf15ba

#cf15ba
rgb(207,21,186)

#ae1ec8

#ae1ec8
rgb(174,30,200)

#8c62c5

#8c62c5
rgb(140,98,197)

#538c00

#538c00
rgb(83,140,0)