Informação da cor #5bad5b

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

No padrão de cores CMYK, é composto por 47.4% de ciano, 0% de magenta, 47.4% de amarelo e 32.2% de preto. Tem um ângulo de matiz de 120 graus, uma saturação de 33.3% e uma leveza de 51.8%.

A cor mais próxima WebSafe é 339933.

Conversões de #5bad5b 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 5bad5b
RGB 91, 173, 91
RGB Percentagem 35.7%, 67.8%, 35.7%
CMYK 0.47, 0, 0.47, 0.32
HSL 120°, 33.3%, 51.8%
HSV (ou HSB) 120°, 47.4%, 67.8%
RYB 35.7, 67.8, 67.8
Formato Cor
XYZ 23.6, 35.7, 17.6
CIELab 66.32, -40.75, 32.98
Decimal 6008155
Yxy 32.8651, 0.3059, 0.4754
YUV 139.134, 100.8364, 93.6676
CIELuv 64.0515, -38.8579, 50.2336
Web Safe 339933

Distribuição de #5bad5b

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.

#5bad5b

#5bad5b
rgb(91,173,91)

#ad5bad

#ad5bad
rgb(173,91,173)

Cores triadicas

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

#5b5bad

#5b5bad
rgb(91,91,173)

#5bad5b

#5bad5b
rgb(91,173,91)

#ad5b5b

#ad5b5b
rgb(173,91,91)

Cores tetrádicas

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

#5b84ad

#5b84ad
rgb(91,132,173)

#5bad5b

#5bad5b
rgb(91,173,91)

#ad5bad

#ad5bad
rgb(173,91,173)

#ad845b

#ad845b
rgb(173,132,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.

#5bad5b

#5bad5b
rgb(91,173,91)

#88ad88

#88ad88
rgb(136,173,136)

#87ad87

#87ad87
rgb(135,173,135)

#85ad85

#85ad85
rgb(133,173,133)

#83ad83

#83ad83
rgb(131,173,131)

#81ad81

#81ad81
rgb(129,173,129)

Tons e Matizes de #5bad5b

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

Matiz (adicionando branco)
#5bad5b

#5bad5b
rgb(91,173,91)

#7bbd7b

#7bbd7b
rgb(123,189,123)

#9ccd9c

#9ccd9c
rgb(156,205,156)

#bddebd

#bddebd
rgb(189,222,189)

#deeede

#deeede
rgb(222,238,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5bad5b

#5bad5b
rgb(91,173,91)

#488a48

#488a48
rgb(72,138,72)

#366736

#366736
rgb(54,103,54)

#244524

#244524
rgb(36,69,36)

#122212

#122212
rgb(18,34,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5bad5b

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#6b14c8

#6b14c8
rgb(107,20,200)

#4243e8

#4243e8
rgb(66,67,232)

#f01c4f

#f01c4f
rgb(240,28,79)

#b443c3

#b443c3
rgb(180,67,195)

#cf091a

#cf091a
rgb(207,9,26)

#0197e9

#0197e9
rgb(1,151,233)

#6a572e

#6a572e
rgb(106,87,46)

#5fe0ec

#5fe0ec
rgb(95,224,236)

#a8d96a

#a8d96a
rgb(168,217,106)

#541b74

#541b74
rgb(84,27,116)

#df9c9c

#df9c9c
rgb(223,156,156)

#fc2275

#fc2275
rgb(252,34,117)