Informação da cor #6c5d7b

A cor hexadecimal 6c5d7b no modelo de cores RGB (Red, Green, Blue), é um composta por 108 de vermelho, 93 de verde e 123 de azul.

No padrão de cores CMYK, é composto por 12.2% de ciano, 24.4% de magenta, 0% de amarelo e 51.8% de preto. Tem um ângulo de matiz de 270 graus, uma saturação de 13.9% e uma leveza de 42.4%.

A cor mais próxima WebSafe é 663366.

Conversões de #6c5d7b 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 6c5d7b
RGB 108, 93, 123
RGB Percentagem 42.4%, 36.5%, 48.2%
CMYK 0.12, 0.24, 0, 0.52
HSL 270°, 13.9%, 42.4%
HSV (ou HSB) 270°, 24.4%, 48.2%
RYB 42.4, 36.5, 48.2
Formato Cor
XYZ 16, 14.8, 23.5
CIELab 45.34, 11.93, -14.13
Decimal 7101819
Yxy 12.447, 0.2938, 0.2675
YUV 100.905, 140.469, 133.0606
CIELuv 41.9179, 6.1069, -21.8861
Web Safe 663366

Distribuição de #6c5d7b

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.

#6c5d7b

#6c5d7b
rgb(108,93,123)

#6c7b5d

#6c7b5d
rgb(108,123,93)

Cores triadicas

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

#7b6c5d

#7b6c5d
rgb(123,108,93)

#6c5d7b

#6c5d7b
rgb(108,93,123)

#5d7b6c

#5d7b6c
rgb(93,123,108)

Cores tetrádicas

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

#7b5d5d

#7b5d5d
rgb(123,93,93)

#6c5d7b

#6c5d7b
rgb(108,93,123)

#6c7b5d

#6c7b5d
rgb(108,123,93)

#5d7b7b

#5d7b7b
rgb(93,123,123)

Cores monocromáticas

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

#6c5d7b

#6c5d7b
rgb(108,93,123)

#6e617b

#6e617b
rgb(110,97,123)

#6e607b

#6e607b
rgb(110,96,123)

#6d5f7b

#6d5f7b
rgb(109,95,123)

#6d5e7b

#6d5e7b
rgb(109,94,123)

#6c5c7b

#6c5c7b
rgb(108,92,123)

Tons e Matizes de #6c5d7b

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

Matiz (adicionando branco)
#6c5d7b

#6c5d7b
rgb(108,93,123)

#897d95

#897d95
rgb(137,125,149)

#a69daf

#a69daf
rgb(166,157,175)

#c4beca

#c4beca
rgb(196,190,202)

#e1dee4

#e1dee4
rgb(225,222,228)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6c5d7b

#6c5d7b
rgb(108,93,123)

#564a62

#564a62
rgb(86,74,98)

#403749

#403749
rgb(64,55,73)

#2b2531

#2b2531
rgb(43,37,49)

#151218

#151218
rgb(21,18,24)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6c5d7b

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

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

Contraste

Branco e #6c5d7b
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 #6c5d7b
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 #6c5d7b

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

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

Este parágrafo tem fundo de cor #6c5d7b.

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

Este elemento tem uma cor de borda de #6c5d7b.

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

Cores alietórias

#4e4035

#4e4035
rgb(78,64,53)

#016b65

#016b65
rgb(1,107,101)

#38082e

#38082e
rgb(56,8,46)

#0e1b74

#0e1b74
rgb(14,27,116)

#b95452

#b95452
rgb(185,84,82)

#39c2d2

#39c2d2
rgb(57,194,210)

#450850

#450850
rgb(69,8,80)

#11cd83

#11cd83
rgb(17,205,131)

#7c4558

#7c4558
rgb(124,69,88)

#4c71a3

#4c71a3
rgb(76,113,163)

#2ab18a

#2ab18a
rgb(42,177,138)

#cc39df

#cc39df
rgb(204,57,223)