Informação da cor #880b64

A cor hexadecimal 880b64 no modelo de cores RGB (Red, Green, Blue), é um composta por 136 de vermelho, 11 de verde e 100 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 91.9% de magenta, 26.5% de amarelo e 46.7% de preto. Tem um ângulo de matiz de 317.3 graus, uma saturação de 85% e uma leveza de 28.8%.

A cor mais próxima WebSafe é 660033.

Conversões de #880b64 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 880b64
RGB 136, 11, 100
RGB Percentagem 53.3%, 4.3%, 39.2%
CMYK 0, 0.92, 0.26, 0.47
HSL 317.3°, 85%, 28.8%
HSV (ou HSB) 317.3°, 91.9%, 53.3%
RYB 53.3, 4.3, 39.2
Formato Cor
XYZ 14.3, 7.4, 15
CIELab 32.61, 56.61, -19.43
Decimal 8915812
Yxy 6.3951, 0.398, 0.2024
YUV 58.521, 151.408, 183.2632
CIELuv 30.3883, 57.5801, -29.6833
Web Safe 660033

Distribuição de #880b64

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.

#880b64

#880b64
rgb(136,11,100)

#0c882f

#0c882f
rgb(12,136,47)

Cores triadicas

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

#65880c

#65880c
rgb(101,136,12)

#880b64

#880b64
rgb(136,11,100)

#0c6588

#0c6588
rgb(12,101,136)

Cores tetrádicas

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

#886e0c

#886e0c
rgb(136,110,12)

#880b64

#880b64
rgb(136,11,100)

#0c882f

#0c882f
rgb(12,136,47)

#0c2688

#0c2688
rgb(12,38,136)

Cores monocromáticas

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

#880b64

#880b64
rgb(136,11,100)

#886b80

#886b80
rgb(136,107,128)

#886980

#886980
rgb(136,105,128)

#88687f

#88687f
rgb(136,104,127)

#88677f

#88677f
rgb(136,103,127)

#88657e

#88657e
rgb(136,101,126)

Tons e Matizes de #880b64

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

Matiz (adicionando branco)
#880b64

#880b64
rgb(136,11,100)

#9f3b83

#9f3b83
rgb(159,59,131)

#b76ca2

#b76ca2
rgb(183,108,162)

#cf9dc1

#cf9dc1
rgb(207,157,193)

#e7cee0

#e7cee0
rgb(231,206,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#880b64

#880b64
rgb(136,11,100)

#6c0850

#6c0850
rgb(108,8,80)

#51063c

#51063c
rgb(81,6,60)

#360427

#360427
rgb(54,4,39)

#1b0213

#1b0213
rgb(27,2,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #880b64

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

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

Contraste

Branco e #880b64
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 #880b64
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 #880b64

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

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

Este parágrafo tem fundo de cor #880b64.

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

Este elemento tem uma cor de borda de #880b64.

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

Cores alietórias

#4a7c03

#4a7c03
rgb(74,124,3)

#7c0706

#7c0706
rgb(124,7,6)

#5365d1

#5365d1
rgb(83,101,209)

#105ad5

#105ad5
rgb(16,90,213)

#510d4d

#510d4d
rgb(81,13,77)

#6547b5

#6547b5
rgb(101,71,181)

#4dc98b

#4dc98b
rgb(77,201,139)

#d865f5

#d865f5
rgb(216,101,245)

#e24388

#e24388
rgb(226,67,136)

#fb4a6e

#fb4a6e
rgb(251,74,110)

#ddef59

#ddef59
rgb(221,239,89)

#8a5ce0

#8a5ce0
rgb(138,92,224)