Informação da cor #5ba77d

A cor hexadecimal 5ba77d no modelo de cores RGB (Red, Green, Blue), é um composta por 91 de vermelho, 167 de verde e 125 de azul.

No padrão de cores CMYK, é composto por 45.5% de ciano, 0% de magenta, 25.1% de amarelo e 34.5% de preto. Tem um ângulo de matiz de 146.8 graus, uma saturação de 30.2% e uma leveza de 50.6%.

A cor mais próxima WebSafe é 339966.

Conversões de #5ba77d 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 5ba77d
RGB 91, 167, 125
RGB Percentagem 35.7%, 65.5%, 49%
CMYK 0.46, 0, 0.25, 0.35
HSL 146.8°, 30.2%, 50.6%
HSV (ou HSB) 146.8°, 45.5%, 65.5%
RYB 35.7, 56.5, 65.5
Formato Cor
XYZ 24.4, 34.3, 27.5
CIELab 65.19, -32.24, 13.61
Decimal 6006653
Yxy 31.3407, 0.2818, 0.4045
YUV 139.488, 119.8239, 93.4151
CIELuv 62.7942, -35.2842, 25.3406
Web Safe 339966

Distribuição de #5ba77d

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.

#5ba77d

#5ba77d
rgb(91,167,125)

#a75b86

#a75b86
rgb(167,91,134)

Cores triadicas

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

#7d5ba7

#7d5ba7
rgb(125,91,167)

#5ba77d

#5ba77d
rgb(91,167,125)

#a77d5b

#a77d5b
rgb(167,125,91)

Cores tetrádicas

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

#5b60a7

#5b60a7
rgb(91,96,167)

#5ba77d

#5ba77d
rgb(91,167,125)

#a75b86

#a75b86
rgb(167,91,134)

#a7a35b

#a7a35b
rgb(167,163,91)

Cores monocromáticas

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

#5ba77d

#5ba77d
rgb(91,167,125)

#84a794

#84a794
rgb(132,167,148)

#82a793

#82a793
rgb(130,167,147)

#80a792

#80a792
rgb(128,167,146)

#7fa791

#7fa791
rgb(127,167,145)

#7da790

#7da790
rgb(125,167,144)

Tons e Matizes de #5ba77d

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

Matiz (adicionando branco)
#5ba77d

#5ba77d
rgb(91,167,125)

#7bb897

#7bb897
rgb(123,184,151)

#9ccab1

#9ccab1
rgb(156,202,177)

#bddbcb

#bddbcb
rgb(189,219,203)

#deede5

#deede5
rgb(222,237,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5ba77d

#5ba77d
rgb(91,167,125)

#488564

#488564
rgb(72,133,100)

#36644b

#36644b
rgb(54,100,75)

#244231

#244231
rgb(36,66,49)

#122118

#122118
rgb(18,33,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5ba77d

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

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

Contraste

Branco e #5ba77d
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 #5ba77d
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 #5ba77d

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

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

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

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

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

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

Cores alietórias

#bfebf5

#bfebf5
rgb(191,235,245)

#58d189

#58d189
rgb(88,209,137)

#a77f51

#a77f51
rgb(167,127,81)

#0aed70

#0aed70
rgb(10,237,112)

#944da2

#944da2
rgb(148,77,162)

#36151e

#36151e
rgb(54,21,30)

#b2f34e

#b2f34e
rgb(178,243,78)

#b86e7d

#b86e7d
rgb(184,110,125)

#b3bf93

#b3bf93
rgb(179,191,147)

#9f2d08

#9f2d08
rgb(159,45,8)

#38ed1a

#38ed1a
rgb(56,237,26)

#9a1b0c

#9a1b0c
rgb(154,27,12)