Informação da cor #c1febb

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

No padrão de cores CMYK, é composto por 24% de ciano, 0% de magenta, 26.4% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 114.6 graus, uma saturação de 97.1% e uma leveza de 86.5%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #c1febb 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 c1febb
RGB 193, 254, 187
RGB Percentagem 75.7%, 99.6%, 73.3%
CMYK 0.24, 0, 0.26, 0
HSL 114.6°, 97.1%, 86.5%
HSV (ou HSB) 114.6°, 26.4%, 99.6%
RYB 73.3, 99.6, 97.3
Formato Cor
XYZ 68.2, 86.7, 63
CIELab 94.61, -29.23, 24.07
Decimal 12713659
Yxy 85.8068, 0.3128, 0.4042
YUV 228.123, 104.7929, 102.9479
CIELuv 94.2297, -30.2098, 43.1068
Web Safe 99CC99

Distribuição de #c1febb

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.

#c1febb

#c1febb
rgb(193,254,187)

#f8bcfe

#f8bcfe
rgb(248,188,254)

Cores triadicas

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

#bcc2fe

#bcc2fe
rgb(188,194,254)

#c1febb

#c1febb
rgb(193,254,187)

#febcc2

#febcc2
rgb(254,188,194)

Cores tetrádicas

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

#bce3fe

#bce3fe
rgb(188,227,254)

#c1febb

#c1febb
rgb(193,254,187)

#f8bcfe

#f8bcfe
rgb(248,188,254)

#fed7bc

#fed7bc
rgb(254,215,188)

Cores monocromáticas

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

#c1febb

#c1febb
rgb(193,254,187)

#cdfec8

#cdfec8
rgb(205,254,200)

#cbfec6

#cbfec6
rgb(203,254,198)

#c9fec3

#c9fec3
rgb(201,254,195)

#c6fec1

#c6fec1
rgb(198,254,193)

#c4febe

#c4febe
rgb(196,254,190)

Tons e Matizes de #c1febb

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

Matiz (adicionando branco)
#c1febb

#c1febb
rgb(193,254,187)

#cdfec8

#cdfec8
rgb(205,254,200)

#d9fed6

#d9fed6
rgb(217,254,214)

#e6fee3

#e6fee3
rgb(230,254,227)

#f2fef1

#f2fef1
rgb(242,254,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c1febb

#c1febb
rgb(193,254,187)

#9acb95

#9acb95
rgb(154,203,149)

#739870

#739870
rgb(115,152,112)

#4d654a

#4d654a
rgb(77,101,74)

#263225

#263225
rgb(38,50,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c1febb

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c1febb.

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

Este elemento tem uma cor de borda de #c1febb.

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

Cores alietórias

#28cf15

#28cf15
rgb(40,207,21)

#6c07f6

#6c07f6
rgb(108,7,246)

#ccfcfc

#ccfcfc
rgb(204,252,252)

#a0af88

#a0af88
rgb(160,175,136)

#3b069c

#3b069c
rgb(59,6,156)

#d8704b

#d8704b
rgb(216,112,75)

#1ac1aa

#1ac1aa
rgb(26,193,170)

#3c190e

#3c190e
rgb(60,25,14)

#d72743

#d72743
rgb(215,39,67)

#8504d0

#8504d0
rgb(133,4,208)

#bbc141

#bbc141
rgb(187,193,65)

#f9dac9

#f9dac9
rgb(249,218,201)