Informação da cor #cffe6e

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

No padrão de cores CMYK, é composto por 18.5% de ciano, 0% de magenta, 56.7% de amarelo e 0.4% de preto. Tem um ângulo de matiz de 79.6 graus, uma saturação de 98.6% e uma leveza de 71.4%.

A cor mais próxima WebSafe é CCCC66.

Conversões de #cffe6e 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 cffe6e
RGB 207, 254, 110
RGB Percentagem 81.2%, 99.6%, 43.1%
CMYK 0.19, 0, 0.57, 0
HSL 79.6°, 98.6%, 71.4%
HSV (ou HSB) 79.6°, 56.7%, 99.6%
RYB 43.1, 99.6, 61.6
Formato Cor
XYZ 65.5, 86.1, 30.4
CIELab 94.33, -33.89, 59.55
Decimal 13631086
Yxy 85.2742, 0.3613, 0.4815
YUV 223.531, 63.9306, 116.2089
CIELuv 94.0012, -22.5167, 85.0871
Web Safe CCCC66

Distribuição de #cffe6e

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.

#cffe6e

#cffe6e
rgb(207,254,110)

#9d6efe

#9d6efe
rgb(157,110,254)

Cores triadicas

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

#6ed0fe

#6ed0fe
rgb(110,208,254)

#cffe6e

#cffe6e
rgb(207,254,110)

#fe6ed0

#fe6ed0
rgb(254,110,208)

Cores tetrádicas

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

#6efee5

#6efee5
rgb(110,254,229)

#cffe6e

#cffe6e
rgb(207,254,110)

#9d6efe

#9d6efe
rgb(157,110,254)

#fe6e88

#fe6e88
rgb(254,110,136)

Cores monocromáticas

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

#cffe6e

#cffe6e
rgb(207,254,110)

#edfec8

#edfec8
rgb(237,254,200)

#ecfec5

#ecfec5
rgb(236,254,197)

#ebfec3

#ebfec3
rgb(235,254,195)

#eafec0

#eafec0
rgb(234,254,192)

#e9febe

#e9febe
rgb(233,254,190)

Tons e Matizes de #cffe6e

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

Matiz (adicionando branco)
#cffe6e

#cffe6e
rgb(207,254,110)

#d8fe8b

#d8fe8b
rgb(216,254,139)

#e2fea8

#e2fea8
rgb(226,254,168)

#ebfec5

#ebfec5
rgb(235,254,197)

#f5fee2

#f5fee2
rgb(245,254,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#cffe6e

#cffe6e
rgb(207,254,110)

#a5cb58

#a5cb58
rgb(165,203,88)

#7c9842

#7c9842
rgb(124,152,66)

#52652b

#52652b
rgb(82,101,43)

#293215

#293215
rgb(41,50,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #cffe6e

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #cffe6e.

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

Este elemento tem uma cor de borda de #cffe6e.

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

Cores alietórias

#4fcff4

#4fcff4
rgb(79,207,244)

#5e7faf

#5e7faf
rgb(94,127,175)

#7fca55

#7fca55
rgb(127,202,85)

#11201d

#11201d
rgb(17,32,29)

#f9c1aa

#f9c1aa
rgb(249,193,170)

#dc9d30

#dc9d30
rgb(220,157,48)

#3371f6

#3371f6
rgb(51,113,246)

#72046a

#72046a
rgb(114,4,106)

#e432f1

#e432f1
rgb(228,50,241)

#3147e7

#3147e7
rgb(49,71,231)

#b19441

#b19441
rgb(177,148,65)

#ec0317

#ec0317
rgb(236,3,23)