Informação da cor #8bc99c

A cor hexadecimal 8bc99c no modelo de cores RGB (Red, Green, Blue), é um composta por 139 de vermelho, 201 de verde e 156 de azul.

No padrão de cores CMYK, é composto por 30.8% de ciano, 0% de magenta, 22.4% de amarelo e 21.2% de preto. Tem um ângulo de matiz de 136.5 graus, uma saturação de 36.5% e uma leveza de 66.7%.

A cor mais próxima WebSafe é 669999.

Conversões de #8bc99c 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 8bc99c
RGB 139, 201, 156
RGB Percentagem 54.5%, 78.8%, 61.2%
CMYK 0.31, 0, 0.22, 0.21
HSL 136.5°, 36.5%, 66.7%
HSV (ou HSB) 136.5°, 30.9%, 78.8%
RYB 54.5, 73.7, 78.8
Formato Cor
XYZ 40.3, 52.5, 42.5
CIELab 77.56, -27.51, 15.18
Decimal 9161116
Yxy 49.6608, 0.2973, 0.3934
YUV 177.332, 115.9616, 100.659
CIELuv 75.8606, -30.5268, 28.0954
Web Safe 669999

Distribuição de #8bc99c

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.

#8bc99c

#8bc99c
rgb(139,201,156)

#c98bb8

#c98bb8
rgb(201,139,184)

Cores triadicas

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

#9d8bc9

#9d8bc9
rgb(157,139,201)

#8bc99c

#8bc99c
rgb(139,201,156)

#c99d8b

#c99d8b
rgb(201,157,139)

Cores tetrádicas

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

#8b99c9

#8b99c9
rgb(139,153,201)

#8bc99c

#8bc99c
rgb(139,201,156)

#c98bb8

#c98bb8
rgb(201,139,184)

#c9bc8b

#c9bc8b
rgb(201,188,139)

Cores monocromáticas

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

#8bc99c

#8bc99c
rgb(139,201,156)

#9fc9aa

#9fc9aa
rgb(159,201,170)

#9dc9a9

#9dc9a9
rgb(157,201,169)

#9bc9a7

#9bc9a7
rgb(155,201,167)

#99c9a6

#99c9a6
rgb(153,201,166)

#97c9a5

#97c9a5
rgb(151,201,165)

Tons e Matizes de #8bc99c

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

Matiz (adicionando branco)
#8bc99c

#8bc99c
rgb(139,201,156)

#a2d3af

#a2d3af
rgb(162,211,175)

#b9dec3

#b9dec3
rgb(185,222,195)

#d0e9d7

#d0e9d7
rgb(208,233,215)

#e7f4eb

#e7f4eb
rgb(231,244,235)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8bc99c

#8bc99c
rgb(139,201,156)

#6fa07c

#6fa07c
rgb(111,160,124)

#53785d

#53785d
rgb(83,120,93)

#37503e

#37503e
rgb(55,80,62)

#1b281f

#1b281f
rgb(27,40,31)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8bc99c

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#78a705

#78a705
rgb(120,167,5)

#3e422e

#3e422e
rgb(62,66,46)

#1f0212

#1f0212
rgb(31,2,18)

#25d1fd

#25d1fd
rgb(37,209,253)

#c8c06c

#c8c06c
rgb(200,192,108)

#0ffd8c

#0ffd8c
rgb(15,253,140)

#b59993

#b59993
rgb(181,153,147)

#78001a

#78001a
rgb(120,0,26)

#73fec5

#73fec5
rgb(115,254,197)

#1aec2a

#1aec2a
rgb(26,236,42)

#4d8851

#4d8851
rgb(77,136,81)

#14134a

#14134a
rgb(20,19,74)