Informação da cor #48535c

A cor hexadecimal 48535c no modelo de cores RGB (Red, Green, Blue), é um composta por 72 de vermelho, 83 de verde e 92 de azul.

No padrão de cores CMYK, é composto por 21.7% de ciano, 9.8% de magenta, 0% de amarelo e 63.9% de preto. Tem um ângulo de matiz de 207 graus, uma saturação de 12.2% e uma leveza de 32.2%.

A cor mais próxima WebSafe é 333333.

Conversões de #48535c 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 48535c
RGB 72, 83, 92
RGB Percentagem 28.2%, 32.5%, 36.1%
CMYK 0.22, 0.1, 0, 0.64
HSL 207°, 12.2%, 32.2%
HSV (ou HSB) 207°, 21.7%, 36.1%
RYB 28.2, 31.4, 36.1
Formato Cor
XYZ 9.5, 10.3, 13.7
CIELab 38.28, -2.13, -6.56
Decimal 4739932
Yxy 8.3367, 0.2813, 0.3047
YUV 80.737, 134.3561, 121.7682
CIELuv 34.6745, -5.9411, -8.2577
Web Safe 333333

Distribuição de #48535c

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.

#48535c

#48535c
rgb(72,83,92)

#5c5148

#5c5148
rgb(92,81,72)

Cores triadicas

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

#5c4853

#5c4853
rgb(92,72,83)

#48535c

#48535c
rgb(72,83,92)

#535c48

#535c48
rgb(83,92,72)

Cores tetrádicas

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

#5b485c

#5b485c
rgb(91,72,92)

#48535c

#48535c
rgb(72,83,92)

#5c5148

#5c5148
rgb(92,81,72)

#4a5c48

#4a5c48
rgb(74,92,72)

Cores monocromáticas

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

#48535c

#48535c
rgb(72,83,92)

#49545c

#49545c
rgb(73,84,92)

#48535c

#48535c
rgb(72,83,92)

#47535c

#47535c
rgb(71,83,92)

#46525c

#46525c
rgb(70,82,92)

#45525c

#45525c
rgb(69,82,92)

Tons e Matizes de #48535c

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

Matiz (adicionando branco)
#48535c

#48535c
rgb(72,83,92)

#6c757c

#6c757c
rgb(108,117,124)

#91979d

#91979d
rgb(145,151,157)

#b5babd

#b5babd
rgb(181,186,189)

#dadcde

#dadcde
rgb(218,220,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#48535c

#48535c
rgb(72,83,92)

#394249

#394249
rgb(57,66,73)

#2b3137

#2b3137
rgb(43,49,55)

#1c2124

#1c2124
rgb(28,33,36)

#0e1012

#0e1012
rgb(14,16,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #48535c

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

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

Contraste

Branco e #48535c
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.

Preto e #48535c
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.

Exemplos CSS

Texto com cor hexadecimal #48535c

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

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

Este parágrafo tem fundo de cor #48535c.

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

Este elemento tem uma cor de borda de #48535c.

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

Cores alietórias

#f693a2

#f693a2
rgb(246,147,162)

#f1b01f

#f1b01f
rgb(241,176,31)

#ae3966

#ae3966
rgb(174,57,102)

#ddecf7

#ddecf7
rgb(221,236,247)

#198fa6

#198fa6
rgb(25,143,166)

#7cc1be

#7cc1be
rgb(124,193,190)

#e03aad

#e03aad
rgb(224,58,173)

#d39aa6

#d39aa6
rgb(211,154,166)

#47aa5b

#47aa5b
rgb(71,170,91)

#524b31

#524b31
rgb(82,75,49)

#57e0cf

#57e0cf
rgb(87,224,207)

#319049

#319049
rgb(49,144,73)