Informação da cor #c4fed2

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

No padrão de cores CMYK, é composto por 22.8% de ciano, 0% de magenta, 17.3% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 134.5 graus, uma saturação de 96.7% e uma leveza de 88.2%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #c4fed2 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 c4fed2
RGB 196, 254, 210
RGB Percentagem 76.9%, 99.6%, 82.4%
CMYK 0.23, 0, 0.17, 0
HSL 134.5°, 96.7%, 88.2%
HSV (ou HSB) 134.5°, 22.8%, 99.6%
RYB 76.9, 95.3, 99.6
Formato Cor
XYZ 71.5, 88.1, 76.5
CIELab 95.2, -24.68, 13.95
Decimal 12910290
Yxy 87.2702, 0.302, 0.3774
YUV 231.642, 115.7867, 102.5777
CIELuv 94.8528, -28.8382, 27.3381
Web Safe 99CCCC

Distribuição de #c4fed2

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.

#c4fed2

#c4fed2
rgb(196,254,210)

#fec4f1

#fec4f1
rgb(254,196,241)

Cores triadicas

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

#d2c4fe

#d2c4fe
rgb(210,196,254)

#c4fed2

#c4fed2
rgb(196,254,210)

#fed2c4

#fed2c4
rgb(254,210,196)

Cores tetrádicas

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

#c4d4fe

#c4d4fe
rgb(196,212,254)

#c4fed2

#c4fed2
rgb(196,254,210)

#fec4f1

#fec4f1
rgb(254,196,241)

#feefc4

#feefc4
rgb(254,239,196)

Cores monocromáticas

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

#c4fed2

#c4fed2
rgb(196,254,210)

#c9fed6

#c9fed6
rgb(201,254,214)

#c6fed4

#c6fed4
rgb(198,254,212)

#c3fed2

#c3fed2
rgb(195,254,210)

#c1fed0

#c1fed0
rgb(193,254,208)

#befece

#befece
rgb(190,254,206)

Tons e Matizes de #c4fed2

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

Matiz (adicionando branco)
#c4fed2

#c4fed2
rgb(196,254,210)

#cffedb

#cffedb
rgb(207,254,219)

#dbfee4

#dbfee4
rgb(219,254,228)

#e7feed

#e7feed
rgb(231,254,237)

#f3fef6

#f3fef6
rgb(243,254,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c4fed2

#c4fed2
rgb(196,254,210)

#9ccba8

#9ccba8
rgb(156,203,168)

#75987e

#75987e
rgb(117,152,126)

#4e6553

#4e6553
rgb(78,101,83)

#273229

#273229
rgb(39,50,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c4fed2

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c4fed2.

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

Este elemento tem uma cor de borda de #c4fed2.

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

Cores alietórias

#e29d84

#e29d84
rgb(226,157,132)

#297c02

#297c02
rgb(41,124,2)

#f074ee

#f074ee
rgb(240,116,238)

#b7ba01

#b7ba01
rgb(183,186,1)

#5e1e1e

#5e1e1e
rgb(94,30,30)

#42537e

#42537e
rgb(66,83,126)

#c1e93c

#c1e93c
rgb(193,233,60)

#dd177c

#dd177c
rgb(221,23,124)

#08530c

#08530c
rgb(8,83,12)

#a518ba

#a518ba
rgb(165,24,186)

#a21fff

#a21fff
rgb(162,31,255)

#f981d7

#f981d7
rgb(249,129,215)