Informação da cor #616161

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

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

A cor mais próxima WebSafe é 333333.

Conversões de #616161 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 616161
RGB 97, 97, 97
RGB Percentagem 38%, 38%, 38%
CMYK 0, 0, 0, 0.62
HSL 0°, 0%, 38%
HSV (ou HSB) 0°, 0%, 38%
RYB 38, 38, 38
Formato Cor
XYZ 13.6, 14.3, 15.5
CIELab 44.62, 0, 0
Decimal 6381921
Yxy 11.9538, 0.3127, 0.329
YUV 97, 128, 128
CIELuv 41.1427, 0, 0
Web Safe 333333

Distribuição de #616161

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.

#616161

#616161
rgb(97,97,97)

#616161

#616161
rgb(97,97,97)

Cores triadicas

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

#616161

#616161
rgb(97,97,97)

#616161

#616161
rgb(97,97,97)

#616161

#616161
rgb(97,97,97)

Cores tetrádicas

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

#616161

#616161
rgb(97,97,97)

#616161

#616161
rgb(97,97,97)

#616161

#616161
rgb(97,97,97)

#616161

#616161
rgb(97,97,97)

Cores monocromáticas

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

#616161

#616161
rgb(97,97,97)

#614d4d

#614d4d
rgb(97,77,77)

#614c4c

#614c4c
rgb(97,76,76)

#614b4b

#614b4b
rgb(97,75,75)

#614a4a

#614a4a
rgb(97,74,74)

#614949

#614949
rgb(97,73,73)

Tons e Matizes de #616161

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

Matiz (adicionando branco)
#616161

#616161
rgb(97,97,97)

#808080

#808080
rgb(128,128,128)

#a0a0a0

#a0a0a0
rgb(160,160,160)

#bfbfbf

#bfbfbf
rgb(191,191,191)

#dfdfdf

#dfdfdf
rgb(223,223,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#616161

#616161
rgb(97,97,97)

#4d4d4d

#4d4d4d
rgb(77,77,77)

#3a3a3a

#3a3a3a
rgb(58,58,58)

#262626

#262626
rgb(38,38,38)

#131313

#131313
rgb(19,19,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #616161

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

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

Contraste

Branco e #616161
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 #616161
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 #616161

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

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

Este parágrafo tem fundo de cor #616161.

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

Este elemento tem uma cor de borda de #616161.

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

Cores alietórias

#4d1b42

#4d1b42
rgb(77,27,66)

#48e2e7

#48e2e7
rgb(72,226,231)

#f9f262

#f9f262
rgb(249,242,98)

#66406c

#66406c
rgb(102,64,108)

#652c04

#652c04
rgb(101,44,4)

#d8ed73

#d8ed73
rgb(216,237,115)

#011bd8

#011bd8
rgb(1,27,216)

#25b0ed

#25b0ed
rgb(37,176,237)

#9b9ce2

#9b9ce2
rgb(155,156,226)

#2cd6f7

#2cd6f7
rgb(44,214,247)

#97bddc

#97bddc
rgb(151,189,220)

#c81211

#c81211
rgb(200,18,17)