Informação da cor #c8fd6d

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

No padrão de cores CMYK, é composto por 20.9% de ciano, 0% de magenta, 56.9% de amarelo e 0.8% de preto. Tem um ângulo de matiz de 82.1 graus, uma saturação de 97.3% e uma leveza de 71%.

A cor mais próxima WebSafe é 99CC66.

Conversões de #c8fd6d 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 c8fd6d
RGB 200, 253, 109
RGB Percentagem 78.4%, 99.2%, 42.7%
CMYK 0.21, 0, 0.57, 0.01
HSL 82.1°, 97.3%, 71%
HSV (ou HSB) 82.1°, 56.9%, 99.2%
RYB 42.7, 99.2, 63.5
Formato Cor
XYZ 63.3, 84.5, 29.9
CIELab 93.67, -35.98, 59.11
Decimal 13172077
Yxy 83.6332, 0.3573, 0.4843
YUV 220.737, 64.943, 113.2089
CIELuv 93.2909, -25.8592, 84.8576
Web Safe 99CC66

Distribuição de #c8fd6d

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.

#c8fd6d

#c8fd6d
rgb(200,253,109)

#a36dfd

#a36dfd
rgb(163,109,253)

Cores triadicas

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

#6dc8fd

#6dc8fd
rgb(109,200,253)

#c8fd6d

#c8fd6d
rgb(200,253,109)

#fd6dc8

#fd6dc8
rgb(253,109,200)

Cores tetrádicas

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

#6dfdeb

#6dfdeb
rgb(109,253,235)

#c8fd6d

#c8fd6d
rgb(200,253,109)

#a36dfd

#a36dfd
rgb(163,109,253)

#fd6d80

#fd6d80
rgb(253,109,128)

Cores monocromáticas

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

#c8fd6d

#c8fd6d
rgb(200,253,109)

#e9fdc7

#e9fdc7
rgb(233,253,199)

#e8fdc4

#e8fdc4
rgb(232,253,196)

#e8fdc2

#e8fdc2
rgb(232,253,194)

#e7fdbf

#e7fdbf
rgb(231,253,191)

#e6fdbd

#e6fdbd
rgb(230,253,189)

Tons e Matizes de #c8fd6d

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

Matiz (adicionando branco)
#c8fd6d

#c8fd6d
rgb(200,253,109)

#d3fd8a

#d3fd8a
rgb(211,253,138)

#defda7

#defda7
rgb(222,253,167)

#e9fec4

#e9fec4
rgb(233,254,196)

#f4fee1

#f4fee1
rgb(244,254,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c8fd6d

#c8fd6d
rgb(200,253,109)

#a0ca57

#a0ca57
rgb(160,202,87)

#789741

#789741
rgb(120,151,65)

#4f652b

#4f652b
rgb(79,101,43)

#273215

#273215
rgb(39,50,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c8fd6d

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #c8fd6d.

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

Este elemento tem uma cor de borda de #c8fd6d.

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

Cores alietórias

#6384f0

#6384f0
rgb(99,132,240)

#807a48

#807a48
rgb(128,122,72)

#dd9a6e

#dd9a6e
rgb(221,154,110)

#dd5c19

#dd5c19
rgb(221,92,25)

#bc3dd2

#bc3dd2
rgb(188,61,210)

#ab9fcc

#ab9fcc
rgb(171,159,204)

#01d0e6

#01d0e6
rgb(1,208,230)

#97bea8

#97bea8
rgb(151,190,168)

#ad60ec

#ad60ec
rgb(173,96,236)

#e17e34

#e17e34
rgb(225,126,52)

#76536e

#76536e
rgb(118,83,110)

#c9bb2d

#c9bb2d
rgb(201,187,45)