Informação da cor #5b7a70

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

No padrão de cores CMYK, é composto por 25.4% de ciano, 0% de magenta, 8.2% de amarelo e 52.2% de preto. Tem um ângulo de matiz de 160.7 graus, uma saturação de 14.6% e uma leveza de 41.8%.

A cor mais próxima WebSafe é 336666.

Conversões de #5b7a70 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 5b7a70
RGB 91, 122, 112
RGB Percentagem 35.7%, 47.8%, 43.9%
CMYK 0.25, 0, 0.08, 0.52
HSL 160.7°, 14.6%, 41.8%
HSV (ou HSB) 160.7°, 25.4%, 47.8%
RYB 35.7, 43.1, 47.8
Formato Cor
XYZ 16.6, 20, 20.8
CIELab 51.84, -12.98, 1.73
Decimal 5995120
Yxy 17.3125, 0.2872, 0.3502
YUV 111.591, 128.2308, 113.3131
CIELuv 48.6514, -15.5015, 4.5649
Web Safe 336666

Distribuição de #5b7a70

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.

#5b7a70

#5b7a70
rgb(91,122,112)

#7a5c65

#7a5c65
rgb(122,92,101)

Cores triadicas

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

#715c7a

#715c7a
rgb(113,92,122)

#5b7a70

#5b7a70
rgb(91,122,112)

#7a715c

#7a715c
rgb(122,113,92)

Cores tetrádicas

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

#615c7a

#615c7a
rgb(97,92,122)

#5b7a70

#5b7a70
rgb(91,122,112)

#7a5c65

#7a5c65
rgb(122,92,101)

#757a5c

#757a5c
rgb(117,122,92)

Cores monocromáticas

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

#5b7a70

#5b7a70
rgb(91,122,112)

#617a72

#617a72
rgb(97,122,114)

#5f7a72

#5f7a72
rgb(95,122,114)

#5e7a71

#5e7a71
rgb(94,122,113)

#5d7a71

#5d7a71
rgb(93,122,113)

#5c7a71

#5c7a71
rgb(92,122,113)

Tons e Matizes de #5b7a70

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

Matiz (adicionando branco)
#5b7a70

#5b7a70
rgb(91,122,112)

#7b948c

#7b948c
rgb(123,148,140)

#9cafa9

#9cafa9
rgb(156,175,169)

#bdc9c5

#bdc9c5
rgb(189,201,197)

#dee4e2

#dee4e2
rgb(222,228,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#5b7a70

#5b7a70
rgb(91,122,112)

#486159

#486159
rgb(72,97,89)

#364943

#364943
rgb(54,73,67)

#24302c

#24302c
rgb(36,48,44)

#121816

#121816
rgb(18,24,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #5b7a70

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

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

Contraste

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

Preto e #5b7a70
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.

Exemplos CSS

Texto com cor hexadecimal #5b7a70

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

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

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

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

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

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

Cores alietórias

#ea2e31

#ea2e31
rgb(234,46,49)

#a0f3db

#a0f3db
rgb(160,243,219)

#4d5ce3

#4d5ce3
rgb(77,92,227)

#2986fd

#2986fd
rgb(41,134,253)

#9ba08c

#9ba08c
rgb(155,160,140)

#3bac72

#3bac72
rgb(59,172,114)

#b9ffa3

#b9ffa3
rgb(185,255,163)

#3312e3

#3312e3
rgb(51,18,227)

#10c2a7

#10c2a7
rgb(16,194,167)

#59c259

#59c259
rgb(89,194,89)

#c6c52d

#c6c52d
rgb(198,197,45)

#3d9291

#3d9291
rgb(61,146,145)