Informação da cor #8c3055

A cor hexadecimal 8c3055 no modelo de cores RGB (Red, Green, Blue), é um composta por 140 de vermelho, 48 de verde e 85 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 65.7% de magenta, 39.3% de amarelo e 45.1% de preto. Tem um ângulo de matiz de 335.9 graus, uma saturação de 48.9% e uma leveza de 36.9%.

A cor mais próxima WebSafe é 660033.

Conversões de #8c3055 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 8c3055
RGB 140, 48, 85
RGB Percentagem 54.9%, 18.8%, 33.3%
CMYK 0, 0.66, 0.39, 0.45
HSL 335.9°, 48.9%, 36.9%
HSV (ou HSB) 335.9°, 65.7%, 54.9%
RYB 54.9, 18.8, 33.3
Formato Cor
XYZ 15.5, 9.9, 11.6
CIELab 37.61, 42.17, -2.34
Decimal 9187413
Yxy 8.3468, 0.431, 0.2662
YUV 79.726, 130.9763, 170.9915
CIELuv 34.6949, 56.5817, -8.5798
Web Safe 660033

Distribuição de #8c3055

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.

#8c3055

#8c3055
rgb(140,48,85)

#318c68

#318c68
rgb(49,140,104)

Cores triadicas

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

#558c31

#558c31
rgb(85,140,49)

#8c3055

#8c3055
rgb(140,48,85)

#31558c

#31558c
rgb(49,85,140)

Cores tetrádicas

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

#838c31

#838c31
rgb(131,140,49)

#8c3055

#8c3055
rgb(140,48,85)

#318c68

#318c68
rgb(49,140,104)

#3a318c

#3a318c
rgb(58,49,140)

Cores monocromáticas

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

#8c3055

#8c3055
rgb(140,48,85)

#8c6e7a

#8c6e7a
rgb(140,110,122)

#8c6d7a

#8c6d7a
rgb(140,109,122)

#8c6b79

#8c6b79
rgb(140,107,121)

#8c6a78

#8c6a78
rgb(140,106,120)

#8c6977

#8c6977
rgb(140,105,119)

Tons e Matizes de #8c3055

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

Matiz (adicionando branco)
#8c3055

#8c3055
rgb(140,48,85)

#a35977

#a35977
rgb(163,89,119)

#ba8299

#ba8299
rgb(186,130,153)

#d1acbb

#d1acbb
rgb(209,172,187)

#e8d5dd

#e8d5dd
rgb(232,213,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8c3055

#8c3055
rgb(140,48,85)

#702644

#702644
rgb(112,38,68)

#541c33

#541c33
rgb(84,28,51)

#371321

#371321
rgb(55,19,33)

#1b0910

#1b0910
rgb(27,9,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8c3055

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

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

Contraste

Branco e #8c3055
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 #8c3055
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 #8c3055

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

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

Este parágrafo tem fundo de cor #8c3055.

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

Este elemento tem uma cor de borda de #8c3055.

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

Cores alietórias

#28f3ef

#28f3ef
rgb(40,243,239)

#2da077

#2da077
rgb(45,160,119)

#d9b896

#d9b896
rgb(217,184,150)

#8685fc

#8685fc
rgb(134,133,252)

#61d777

#61d777
rgb(97,215,119)

#6c9ee4

#6c9ee4
rgb(108,158,228)

#309e87

#309e87
rgb(48,158,135)

#bff4a5

#bff4a5
rgb(191,244,165)

#24de96

#24de96
rgb(36,222,150)

#f5d47b

#f5d47b
rgb(245,212,123)

#c290cd

#c290cd
rgb(194,144,205)

#bebf70

#bebf70
rgb(190,191,112)