Informação da cor #5b997a

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

No padrão de cores CMYK, é composto por 40.5% de ciano, 0% de magenta, 20.3% de amarelo e 40% de preto. Tem um ângulo de matiz de 150 graus, uma saturação de 25.4% e uma leveza de 47.8%.

A cor mais próxima WebSafe é 339966.

Conversões de #5b997a 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 5b997a
RGB 91, 153, 122
RGB Percentagem 35.7%, 60%, 47.8%
CMYK 0.41, 0, 0.2, 0.4
HSL 150°, 25.4%, 47.8%
HSV (ou HSB) 150°, 40.5%, 60%
RYB 35.7, 52.2, 60
Formato Cor
XYZ 21.8, 29.4, 25.6
CIELab 61.09, -26.41, 9.45
Decimal 6003066
Yxy 26.4105, 0.2821, 0.3877
YUV 130.928, 122.9616, 99.5207
CIELuv 58.4247, -29.3514, 18.1768
Web Safe 339966

Distribuição de #5b997a

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.

#5b997a

#5b997a
rgb(91,153,122)

#995b7a

#995b7a
rgb(153,91,122)

Cores triadicas

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

#7a5b99

#7a5b99
rgb(122,91,153)

#5b997a

#5b997a
rgb(91,153,122)

#997a5b

#997a5b
rgb(153,122,91)

Cores tetrádicas

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

#5b5b99

#5b5b99
rgb(91,91,153)

#5b997a

#5b997a
rgb(91,153,122)

#995b7a

#995b7a
rgb(153,91,122)

#99995b

#99995b
rgb(153,153,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.

#5b997a

#5b997a
rgb(91,153,122)

#799989

#799989
rgb(121,153,137)

#779988

#779988
rgb(119,153,136)

#769988

#769988
rgb(118,153,136)

#749987

#749987
rgb(116,153,135)

#739986

#739986
rgb(115,153,134)

Tons e Matizes de #5b997a

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

Matiz (adicionando branco)
#5b997a

#5b997a
rgb(91,153,122)

#7bad94

#7bad94
rgb(123,173,148)

#9cc1af

#9cc1af
rgb(156,193,175)

#bdd6c9

#bdd6c9
rgb(189,214,201)

#deeae4

#deeae4
rgb(222,234,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5b997a

#5b997a
rgb(91,153,122)

#487a61

#487a61
rgb(72,122,97)

#365b49

#365b49
rgb(54,91,73)

#243d30

#243d30
rgb(36,61,48)

#121e18

#121e18
rgb(18,30,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5b997a

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#53faa3

#53faa3
rgb(83,250,163)

#a50ca3

#a50ca3
rgb(165,12,163)

#8c8930

#8c8930
rgb(140,137,48)

#2cd551

#2cd551
rgb(44,213,81)

#399b3a

#399b3a
rgb(57,155,58)

#51e88b

#51e88b
rgb(81,232,139)

#90798b

#90798b
rgb(144,121,139)

#015b7a

#015b7a
rgb(1,91,122)

#0e7b28

#0e7b28
rgb(14,123,40)

#4ca481

#4ca481
rgb(76,164,129)

#e31597

#e31597
rgb(227,21,151)

#efca8d

#efca8d
rgb(239,202,141)