Informação da cor #5c8b43

A cor hexadecimal 5c8b43 no modelo de cores RGB (Red, Green, Blue), é um composta por 92 de vermelho, 139 de verde e 67 de azul.

No padrão de cores CMYK, é composto por 33.8% de ciano, 0% de magenta, 51.8% de amarelo e 45.5% de preto. Tem um ângulo de matiz de 99.2 graus, uma saturação de 35% e uma leveza de 40.4%.

A cor mais próxima WebSafe é 336633.

Conversões de #5c8b43 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 5c8b43
RGB 92, 139, 67
RGB Percentagem 36.1%, 54.5%, 26.3%
CMYK 0.34, 0, 0.52, 0.45
HSL 99.2°, 35%, 40.4%
HSV (ou HSB) 99.2°, 51.8%, 54.5%
RYB 26.3, 54.5, 44.7
Formato Cor
XYZ 16.9, 23.9, 10.5
CIELab 56.01, -29.03, 32.52
Decimal 6064963
Yxy 21.1452, 0.33, 0.476
YUV 116.739, 99.9306, 110.3545
CIELuv 53.108, -23.4122, 43.9825
Web Safe 336633

Distribuição de #5c8b43

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.

#5c8b43

#5c8b43
rgb(92,139,67)

#72438b

#72438b
rgb(114,67,139)

Cores triadicas

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

#435d8b

#435d8b
rgb(67,93,139)

#5c8b43

#5c8b43
rgb(92,139,67)

#8b435d

#8b435d
rgb(139,67,93)

Cores tetrádicas

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

#43818b

#43818b
rgb(67,129,139)

#5c8b43

#5c8b43
rgb(92,139,67)

#72438b

#72438b
rgb(114,67,139)

#8b4e43

#8b4e43
rgb(139,78,67)

Cores monocromáticas

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

#5c8b43

#5c8b43
rgb(92,139,67)

#788b6e

#788b6e
rgb(120,139,110)

#778b6c

#778b6c
rgb(119,139,108)

#768b6b

#768b6b
rgb(118,139,107)

#758b69

#758b69
rgb(117,139,105)

#748b68

#748b68
rgb(116,139,104)

Tons e Matizes de #5c8b43

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

Matiz (adicionando branco)
#5c8b43

#5c8b43
rgb(92,139,67)

#7ca268

#7ca268
rgb(124,162,104)

#9db98e

#9db98e
rgb(157,185,142)

#bdd0b3

#bdd0b3
rgb(189,208,179)

#dee7d9

#dee7d9
rgb(222,231,217)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5c8b43

#5c8b43
rgb(92,139,67)

#496f35

#496f35
rgb(73,111,53)

#375328

#375328
rgb(55,83,40)

#24371a

#24371a
rgb(36,55,26)

#121b0d

#121b0d
rgb(18,27,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5c8b43

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

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

Contraste

Branco e #5c8b43
Texto grande WCAG AA ✓ 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 #5c8b43
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #5c8b43

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

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

Este parágrafo tem fundo de cor #5c8b43.

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

Este elemento tem uma cor de borda de #5c8b43.

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

Cores alietórias

#0332e0

#0332e0
rgb(3,50,224)

#482f98

#482f98
rgb(72,47,152)

#b78c91

#b78c91
rgb(183,140,145)

#4c5228

#4c5228
rgb(76,82,40)

#07b295

#07b295
rgb(7,178,149)

#06b0f3

#06b0f3
rgb(6,176,243)

#fa8cd4

#fa8cd4
rgb(250,140,212)

#19357f

#19357f
rgb(25,53,127)

#49d57f

#49d57f
rgb(73,213,127)

#cade59

#cade59
rgb(202,222,89)

#79e96d

#79e96d
rgb(121,233,109)

#3448c1

#3448c1
rgb(52,72,193)