Informação da cor #537f61

A cor hexadecimal 537f61 no modelo de cores RGB (Red, Green, Blue), é um composta por 83 de vermelho, 127 de verde e 97 de azul.

No padrão de cores CMYK, é composto por 34.6% de ciano, 0% de magenta, 23.6% de amarelo e 50.2% de preto. Tem um ângulo de matiz de 139.1 graus, uma saturação de 21% e uma leveza de 41.2%.

A cor mais próxima WebSafe é 336633.

Conversões de #537f61 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 537f61
RGB 83, 127, 97
RGB Percentagem 32.5%, 49.8%, 38%
CMYK 0.35, 0, 0.24, 0.5
HSL 139.1°, 21%, 41.2%
HSV (ou HSB) 139.1°, 34.7%, 49.8%
RYB 32.5, 45.9, 49.8
Formato Cor
XYZ 15.6, 20.6, 16.7
CIELab 52.46, -21.42, 11.1
Decimal 5472097
Yxy 17.8801, 0.2942, 0.3951
YUV 110.424, 120.4244, 108.4394
CIELuv 49.3504, -21.3735, 18.4875
Web Safe 336633

Distribuição de #537f61

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.

#537f61

#537f61
rgb(83,127,97)

#7f5371

#7f5371
rgb(127,83,113)

Cores triadicas

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

#62537f

#62537f
rgb(98,83,127)

#537f61

#537f61
rgb(83,127,97)

#7f6253

#7f6253
rgb(127,98,83)

Cores tetrádicas

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

#535b7f

#535b7f
rgb(83,91,127)

#537f61

#537f61
rgb(83,127,97)

#7f5371

#7f5371
rgb(127,83,113)

#7f7853

#7f7853
rgb(127,120,83)

Cores monocromáticas

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

#537f61

#537f61
rgb(83,127,97)

#647f6d

#647f6d
rgb(100,127,109)

#637f6c

#637f6c
rgb(99,127,108)

#627f6b

#627f6b
rgb(98,127,107)

#617f6a

#617f6a
rgb(97,127,106)

#5f7f6a

#5f7f6a
rgb(95,127,106)

Tons e Matizes de #537f61

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

Matiz (adicionando branco)
#537f61

#537f61
rgb(83,127,97)

#759880

#759880
rgb(117,152,128)

#97b2a0

#97b2a0
rgb(151,178,160)

#bacbbf

#bacbbf
rgb(186,203,191)

#dce5df

#dce5df
rgb(220,229,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#537f61

#537f61
rgb(83,127,97)

#42654d

#42654d
rgb(66,101,77)

#314c3a

#314c3a
rgb(49,76,58)

#213226

#213226
rgb(33,50,38)

#101913

#101913
rgb(16,25,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #537f61

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

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

Contraste

Branco e #537f61
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 #537f61
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 #537f61

Este exemplo mostra como o texto na cor #537f61 se parece.

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

Este parágrafo tem fundo de cor #537f61.

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

Este elemento tem uma cor de borda de #537f61.

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

Cores alietórias

#b17b47

#b17b47
rgb(177,123,71)

#15dbf9

#15dbf9
rgb(21,219,249)

#728abd

#728abd
rgb(114,138,189)

#6e02bf

#6e02bf
rgb(110,2,191)

#da804c

#da804c
rgb(218,128,76)

#487751

#487751
rgb(72,119,81)

#b32b0e

#b32b0e
rgb(179,43,14)

#1f51bd

#1f51bd
rgb(31,81,189)

#68b66a

#68b66a
rgb(104,182,106)

#10f641

#10f641
rgb(16,246,65)

#f833d2

#f833d2
rgb(248,51,210)

#c44adf

#c44adf
rgb(196,74,223)