Informação da cor #c3fabb

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

No padrão de cores CMYK, é composto por 22% de ciano, 0% de magenta, 25.2% de amarelo e 2% de preto. Tem um ângulo de matiz de 112.4 graus, uma saturação de 86.3% e uma leveza de 85.7%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #c3fabb 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 c3fabb
RGB 195, 250, 187
RGB Percentagem 76.5%, 98%, 73.3%
CMYK 0.22, 0, 0.25, 0.02
HSL 112.4°, 86.3%, 85.7%
HSV (ou HSB) 112.4°, 25.2%, 98%
RYB 73.3, 98, 94.9
Formato Cor
XYZ 67.5, 84.6, 62.6
CIELab 93.73, -26.88, 22.87
Decimal 12843707
Yxy 83.5593, 0.3143, 0.4
YUV 226.373, 105.7805, 105.6227
CIELuv 93.2588, -27.3078, 40.8156
Web Safe 99CC99

Distribuição de #c3fabb

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.

#c3fabb

#c3fabb
rgb(195,250,187)

#f2bbfa

#f2bbfa
rgb(242,187,250)

Cores triadicas

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

#bbc4fa

#bbc4fa
rgb(187,196,250)

#c3fabb

#c3fabb
rgb(195,250,187)

#fabbc4

#fabbc4
rgb(250,187,196)

Cores tetrádicas

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

#bbe3fa

#bbe3fa
rgb(187,227,250)

#c3fabb

#c3fabb
rgb(195,250,187)

#f2bbfa

#f2bbfa
rgb(242,187,250)

#fad3bb

#fad3bb
rgb(250,211,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.

#c3fabb

#c3fabb
rgb(195,250,187)

#ccfac5

#ccfac5
rgb(204,250,197)

#cafac3

#cafac3
rgb(202,250,195)

#c8fac0

#c8fac0
rgb(200,250,192)

#c6fabe

#c6fabe
rgb(198,250,190)

#c3fabb

#c3fabb
rgb(195,250,187)

Tons e Matizes de #c3fabb

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

Matiz (adicionando branco)
#c3fabb

#c3fabb
rgb(195,250,187)

#cffbc8

#cffbc8
rgb(207,251,200)

#dbfcd6

#dbfcd6
rgb(219,252,214)

#e7fde3

#e7fde3
rgb(231,253,227)

#f3fef1

#f3fef1
rgb(243,254,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c3fabb

#c3fabb
rgb(195,250,187)

#9cc895

#9cc895
rgb(156,200,149)

#759670

#759670
rgb(117,150,112)

#4d634a

#4d634a
rgb(77,99,74)

#263125

#263125
rgb(38,49,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c3fabb

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c3fabb.

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

Este elemento tem uma cor de borda de #c3fabb.

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

Cores alietórias

#d2fd6f

#d2fd6f
rgb(210,253,111)

#019de9

#019de9
rgb(1,157,233)

#1f9a6c

#1f9a6c
rgb(31,154,108)

#2a97a1

#2a97a1
rgb(42,151,161)

#7b9141

#7b9141
rgb(123,145,65)

#3d7814

#3d7814
rgb(61,120,20)

#a26601

#a26601
rgb(162,102,1)

#5c50f1

#5c50f1
rgb(92,80,241)

#c7008a

#c7008a
rgb(199,0,138)

#d47e02

#d47e02
rgb(212,126,2)

#d643ff

#d643ff
rgb(214,67,255)

#1fb66e

#1fb66e
rgb(31,182,110)