Informação da cor #c8fbbb

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

No padrão de cores CMYK, é composto por 20.3% de ciano, 0% de magenta, 25.5% de amarelo e 1.6% de preto. Tem um ângulo de matiz de 107.8 graus, uma saturação de 88.9% e uma leveza de 85.9%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #c8fbbb 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 c8fbbb
RGB 200, 251, 187
RGB Percentagem 78.4%, 98.4%, 73.3%
CMYK 0.2, 0, 0.25, 0.02
HSL 107.8°, 88.9%, 85.9%
HSV (ou HSB) 107.8°, 25.5%, 98.4%
RYB 73.3, 98.4, 93.3
Formato Cor
XYZ 69, 85.9, 62.8
CIELab 94.25, -25.76, 23.65
Decimal 13171643
Yxy 84.8599, 0.3174, 0.4003
YUV 228.455, 104.6055, 107.704
CIELuv 93.8227, -25.2982, 41.7419
Web Safe 99CC99

Distribuição de #c8fbbb

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.

#c8fbbb

#c8fbbb
rgb(200,251,187)

#eebbfb

#eebbfb
rgb(238,187,251)

Cores triadicas

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

#bbc8fb

#bbc8fb
rgb(187,200,251)

#c8fbbb

#c8fbbb
rgb(200,251,187)

#fbbbc8

#fbbbc8
rgb(251,187,200)

Cores tetrádicas

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

#bbe8fb

#bbe8fb
rgb(187,232,251)

#c8fbbb

#c8fbbb
rgb(200,251,187)

#eebbfb

#eebbfb
rgb(238,187,251)

#fbcebb

#fbcebb
rgb(251,206,187)

Cores monocromáticas

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

#c8fbbb

#c8fbbb
rgb(200,251,187)

#d1fbc6

#d1fbc6
rgb(209,251,198)

#cffbc4

#cffbc4
rgb(207,251,196)

#cdfbc1

#cdfbc1
rgb(205,251,193)

#cbfbbf

#cbfbbf
rgb(203,251,191)

#c9fbbc

#c9fbbc
rgb(201,251,188)

Tons e Matizes de #c8fbbb

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

Matiz (adicionando branco)
#c8fbbb

#c8fbbb
rgb(200,251,187)

#d3fbc8

#d3fbc8
rgb(211,251,200)

#defcd6

#defcd6
rgb(222,252,214)

#e9fde3

#e9fde3
rgb(233,253,227)

#f4fef1

#f4fef1
rgb(244,254,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c8fbbb

#c8fbbb
rgb(200,251,187)

#a0c895

#a0c895
rgb(160,200,149)

#789670

#789670
rgb(120,150,112)

#4f644a

#4f644a
rgb(79,100,74)

#273225

#273225
rgb(39,50,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c8fbbb

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c8fbbb.

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

Este elemento tem uma cor de borda de #c8fbbb.

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

Cores alietórias

#cce899

#cce899
rgb(204,232,153)

#4396c2

#4396c2
rgb(67,150,194)

#27bc82

#27bc82
rgb(39,188,130)

#31b31f

#31b31f
rgb(49,179,31)

#3e84b4

#3e84b4
rgb(62,132,180)

#078295

#078295
rgb(7,130,149)

#d2c6cd

#d2c6cd
rgb(210,198,205)

#3be800

#3be800
rgb(59,232,0)

#c3709a

#c3709a
rgb(195,112,154)

#21347e

#21347e
rgb(33,52,126)

#8bcf06

#8bcf06
rgb(139,207,6)

#f0f289

#f0f289
rgb(240,242,137)