Informação da cor #c2fdec

A cor hexadecimal c2fdec no modelo de cores RGB (Red, Green, Blue), é um composta por 194 de vermelho, 253 de verde e 236 de azul.

No padrão de cores CMYK, é composto por 23.3% de ciano, 0% de magenta, 6.7% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 162.7 graus, uma saturação de 93.7% e uma leveza de 87.7%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #c2fdec 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 c2fdec
RGB 194, 253, 236
RGB Percentagem 76.1%, 99.2%, 92.5%
CMYK 0.23, 0, 0.07, 0.01
HSL 162.7°, 93.7%, 87.7%
HSV (ou HSB) 162.7°, 23.3%, 99.2%
RYB 76.1, 89.8, 99.2
Formato Cor
XYZ 74, 88.6, 93.7
CIELab 95.4, -20.29, 1.83
Decimal 12778988
Yxy 87.7732, 0.2869, 0.3473
YUV 233.421, 129.4554, 99.8823
CIELuv 95.0653, -29.4127, 7.0298
Web Safe 99CCCC

Distribuição de #c2fdec

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.

#c2fdec

#c2fdec
rgb(194,253,236)

#fdc3d3

#fdc3d3
rgb(253,195,211)

Cores triadicas

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

#edc3fd

#edc3fd
rgb(237,195,253)

#c2fdec

#c2fdec
rgb(194,253,236)

#fdedc3

#fdedc3
rgb(253,237,195)

Cores tetrádicas

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

#cfc3fd

#cfc3fd
rgb(207,195,253)

#c2fdec

#c2fdec
rgb(194,253,236)

#fdc3d3

#fdc3d3
rgb(253,195,211)

#f1fdc3

#f1fdc3
rgb(241,253,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.

#c2fdec

#c2fdec
rgb(194,253,236)

#c8fdee

#c8fdee
rgb(200,253,238)

#c5fded

#c5fded
rgb(197,253,237)

#c3fded

#c3fded
rgb(195,253,237)

#c0fdec

#c0fdec
rgb(192,253,236)

#befdeb

#befdeb
rgb(190,253,235)

Tons e Matizes de #c2fdec

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

Matiz (adicionando branco)
#c2fdec

#c2fdec
rgb(194,253,236)

#cefdef

#cefdef
rgb(206,253,239)

#dafdf3

#dafdf3
rgb(218,253,243)

#e6fef7

#e6fef7
rgb(230,254,247)

#f2fefb

#f2fefb
rgb(242,254,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c2fdec

#c2fdec
rgb(194,253,236)

#9bcabc

#9bcabc
rgb(155,202,188)

#74978d

#74978d
rgb(116,151,141)

#4d655e

#4d655e
rgb(77,101,94)

#26322f

#26322f
rgb(38,50,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c2fdec

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c2fdec.

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

Este elemento tem uma cor de borda de #c2fdec.

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

Cores alietórias

#06510d

#06510d
rgb(6,81,13)

#96b7bf

#96b7bf
rgb(150,183,191)

#9b7e98

#9b7e98
rgb(155,126,152)

#e7ffbb

#e7ffbb
rgb(231,255,187)

#6f0a15

#6f0a15
rgb(111,10,21)

#b0d275

#b0d275
rgb(176,210,117)

#6dacfd

#6dacfd
rgb(109,172,253)

#05f3be

#05f3be
rgb(5,243,190)

#de2c35

#de2c35
rgb(222,44,53)

#6b7274

#6b7274
rgb(107,114,116)

#ff10b6

#ff10b6
rgb(255,16,182)

#0e1bc0

#0e1bc0
rgb(14,27,192)