Informação da cor #8cdd8e

A cor hexadecimal 8cdd8e no modelo de cores RGB (Red, Green, Blue), é um composta por 140 de vermelho, 221 de verde e 142 de azul.

No padrão de cores CMYK, é composto por 36.7% de ciano, 0% de magenta, 35.7% de amarelo e 13.3% de preto. Tem um ângulo de matiz de 121.5 graus, uma saturação de 54.4% e uma leveza de 70.8%.

A cor mais próxima WebSafe é 66CC66.

Conversões de #8cdd8e 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 8cdd8e
RGB 140, 221, 142
RGB Percentagem 54.9%, 86.7%, 55.7%
CMYK 0.37, 0, 0.36, 0.13
HSL 121.5°, 54.4%, 70.8%
HSV (ou HSB) 121.5°, 36.7%, 86.7%
RYB 54.9, 86.3, 86.7
Formato Cor
XYZ 44.1, 61.5, 38.1
CIELab 82.67, -38.22, 29.2
Decimal 9231758
Yxy 59.2391, 0.3064, 0.4368
YUV 187.775, 102.1676, 93.9236
CIELuv 81.4229, -39.3701, 49.7176
Web Safe 66CC66

Distribuição de #8cdd8e

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.

#8cdd8e

#8cdd8e
rgb(140,221,142)

#dd8cdb

#dd8cdb
rgb(221,140,219)

Cores triadicas

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

#8f8cdd

#8f8cdd
rgb(143,140,221)

#8cdd8e

#8cdd8e
rgb(140,221,142)

#dd8f8c

#dd8f8c
rgb(221,143,140)

Cores tetrádicas

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

#8cb3dd

#8cb3dd
rgb(140,179,221)

#8cdd8e

#8cdd8e
rgb(140,221,142)

#dd8cdb

#dd8cdb
rgb(221,140,219)

#ddb78c

#ddb78c
rgb(221,183,140)

Cores monocromáticas

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

#8cdd8e

#8cdd8e
rgb(140,221,142)

#aeddaf

#aeddaf
rgb(174,221,175)

#acddad

#acddad
rgb(172,221,173)

#aaddab

#aaddab
rgb(170,221,171)

#a8dda9

#a8dda9
rgb(168,221,169)

#a5dda7

#a5dda7
rgb(165,221,167)

Tons e Matizes de #8cdd8e

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

Matiz (adicionando branco)
#8cdd8e

#8cdd8e
rgb(140,221,142)

#a3e3a4

#a3e3a4
rgb(163,227,164)

#baeabb

#baeabb
rgb(186,234,187)

#d1f1d1

#d1f1d1
rgb(209,241,209)

#e8f8e8

#e8f8e8
rgb(232,248,232)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8cdd8e

#8cdd8e
rgb(140,221,142)

#70b071

#70b071
rgb(112,176,113)

#548455

#548455
rgb(84,132,85)

#375838

#375838
rgb(55,88,56)

#1b2c1c

#1b2c1c
rgb(27,44,28)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8cdd8e

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

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

Contraste

Branco e #8cdd8e
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 #8cdd8e
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 #8cdd8e

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

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

Este parágrafo tem fundo de cor #8cdd8e.

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

Este elemento tem uma cor de borda de #8cdd8e.

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

Cores alietórias

#1c3538

#1c3538
rgb(28,53,56)

#31e7cb

#31e7cb
rgb(49,231,203)

#9f8b2c

#9f8b2c
rgb(159,139,44)

#6c0fe6

#6c0fe6
rgb(108,15,230)

#991dde

#991dde
rgb(153,29,222)

#441a20

#441a20
rgb(68,26,32)

#7fc5a2

#7fc5a2
rgb(127,197,162)

#cd1017

#cd1017
rgb(205,16,23)

#1008e6

#1008e6
rgb(16,8,230)

#c3bb25

#c3bb25
rgb(195,187,37)

#cfaced

#cfaced
rgb(207,172,237)

#ce358a

#ce358a
rgb(206,53,138)