Informação da cor #8bb084

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

No padrão de cores CMYK, é composto por 21% de ciano, 0% de magenta, 25% de amarelo e 31% de preto. Tem um ângulo de matiz de 110.5 graus, uma saturação de 21.8% e uma leveza de 60.4%.

A cor mais próxima WebSafe é 669966.

Conversões de #8bb084 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 8bb084
RGB 139, 176, 132
RGB Percentagem 54.5%, 69%, 51.8%
CMYK 0.21, 0, 0.25, 0.31
HSL 110.5°, 21.8%, 60.4%
HSV (ou HSB) 110.5°, 25%, 69%
RYB 51.8, 69, 66.3
Formato Cor
XYZ 33.3, 41.3, 30.9
CIELab 70.4, -20.02, 17.55
Decimal 9154692
Yxy 38.2048, 0.3155, 0.3974
YUV 159.921, 112.2432, 113.0777
CIELuv 68.1713, -18.6149, 29.013
Web Safe 669966

Distribuição de #8bb084

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.

#8bb084

#8bb084
rgb(139,176,132)

#a984b0

#a984b0
rgb(169,132,176)

Cores triadicas

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

#848cb0

#848cb0
rgb(132,140,176)

#8bb084

#8bb084
rgb(139,176,132)

#b0848c

#b0848c
rgb(176,132,140)

Cores tetrádicas

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

#84a2b0

#84a2b0
rgb(132,162,176)

#8bb084

#8bb084
rgb(139,176,132)

#a984b0

#a984b0
rgb(169,132,176)

#b09384

#b09384
rgb(176,147,132)

Cores monocromáticas

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

#8bb084

#8bb084
rgb(139,176,132)

#91b08b

#91b08b
rgb(145,176,139)

#90b089

#90b089
rgb(144,176,137)

#8eb088

#8eb088
rgb(142,176,136)

#8db086

#8db086
rgb(141,176,134)

#8bb084

#8bb084
rgb(139,176,132)

Tons e Matizes de #8bb084

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

Matiz (adicionando branco)
#8bb084

#8bb084
rgb(139,176,132)

#a2bf9c

#a2bf9c
rgb(162,191,156)

#b9cfb5

#b9cfb5
rgb(185,207,181)

#d0dfcd

#d0dfcd
rgb(208,223,205)

#e7efe6

#e7efe6
rgb(231,239,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8bb084

#8bb084
rgb(139,176,132)

#6f8c69

#6f8c69
rgb(111,140,105)

#53694f

#53694f
rgb(83,105,79)

#374634

#374634
rgb(55,70,52)

#1b231a

#1b231a
rgb(27,35,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8bb084

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#cdbcaf

#cdbcaf
rgb(205,188,175)

#2bea59

#2bea59
rgb(43,234,89)

#90f377

#90f377
rgb(144,243,119)

#f03b19

#f03b19
rgb(240,59,25)

#6ef180

#6ef180
rgb(110,241,128)

#e21332

#e21332
rgb(226,19,50)

#c8a4f4

#c8a4f4
rgb(200,164,244)

#fcc1b1

#fcc1b1
rgb(252,193,177)

#b2147c

#b2147c
rgb(178,20,124)

#fdaf35

#fdaf35
rgb(253,175,53)

#95dfb5

#95dfb5
rgb(149,223,181)

#39dd47

#39dd47
rgb(57,221,71)