Informação da cor #8dc649

A cor hexadecimal 8dc649 no modelo de cores RGB (Red, Green, Blue), é um composta por 141 de vermelho, 198 de verde e 73 de azul.

No padrão de cores CMYK, é composto por 28.8% de ciano, 0% de magenta, 63.1% de amarelo e 22.4% de preto. Tem um ângulo de matiz de 87.4 graus, uma saturação de 52.3% e uma leveza de 53.1%.

A cor mais próxima WebSafe é 669933.

Conversões de #8dc649 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 8dc649
RGB 141, 198, 73
RGB Percentagem 55.3%, 77.6%, 28.6%
CMYK 0.29, 0, 0.63, 0.22
HSL 87.4°, 52.3%, 53.1%
HSV (ou HSB) 87.4°, 63.1%, 77.7%
RYB 28.6, 77.6, 51
Formato Cor
XYZ 35, 49.3, 15.6
CIELab 75.63, -36.73, 53.4
Decimal 9291337
Yxy 46.531, 0.3501, 0.5031
YUV 166.707, 75.118, 109.664
CIELuv 73.8888, -28.6845, 71.8227
Web Safe 669933

Distribuição de #8dc649

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.

#8dc649

#8dc649
rgb(141,198,73)

#834ac6

#834ac6
rgb(131,74,198)

Cores triadicas

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

#4a8dc6

#4a8dc6
rgb(74,141,198)

#8dc649

#8dc649
rgb(141,198,73)

#c64a8d

#c64a8d
rgb(198,74,141)

Cores tetrádicas

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

#4ac6c1

#4ac6c1
rgb(74,198,193)

#8dc649

#8dc649
rgb(141,198,73)

#834ac6

#834ac6
rgb(131,74,198)

#c64a4f

#c64a4f
rgb(198,74,79)

Cores monocromáticas

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

#8dc649

#8dc649
rgb(141,198,73)

#b3c69c

#b3c69c
rgb(179,198,156)

#b2c69a

#b2c69a
rgb(178,198,154)

#b1c698

#b1c698
rgb(177,198,152)

#b0c696

#b0c696
rgb(176,198,150)

#afc694

#afc694
rgb(175,198,148)

Tons e Matizes de #8dc649

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

Matiz (adicionando branco)
#8dc649

#8dc649
rgb(141,198,73)

#a3d16d

#a3d16d
rgb(163,209,109)

#badc91

#badc91
rgb(186,220,145)

#d1e8b6

#d1e8b6
rgb(209,232,182)

#e8f3da

#e8f3da
rgb(232,243,218)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8dc649

#8dc649
rgb(141,198,73)

#709e3a

#709e3a
rgb(112,158,58)

#54762b

#54762b
rgb(84,118,43)

#384f1d

#384f1d
rgb(56,79,29)

#1c270e

#1c270e
rgb(28,39,14)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8dc649

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#50f3c3

#50f3c3
rgb(80,243,195)

#52ea17

#52ea17
rgb(82,234,23)

#bc9c73

#bc9c73
rgb(188,156,115)

#cbf68c

#cbf68c
rgb(203,246,140)

#ebff80

#ebff80
rgb(235,255,128)

#8fed4b

#8fed4b
rgb(143,237,75)

#971aaa

#971aaa
rgb(151,26,170)

#81c7a5

#81c7a5
rgb(129,199,165)

#38d43c

#38d43c
rgb(56,212,60)

#687287

#687287
rgb(104,114,135)

#08e3e5

#08e3e5
rgb(8,227,229)

#e83453

#e83453
rgb(232,52,83)