Informação da cor #8b9789

A cor hexadecimal 8b9789 no modelo de cores RGB (Red, Green, Blue), é um composta por 139 de vermelho, 151 de verde e 137 de azul.

No padrão de cores CMYK, é composto por 7.9% de ciano, 0% de magenta, 9.3% de amarelo e 40.8% de preto. Tem um ângulo de matiz de 111.4 graus, uma saturação de 6.3% e uma leveza de 56.5%.

A cor mais próxima WebSafe é 666666.

Conversões de #8b9789 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 8b9789
RGB 139, 151, 137
RGB Percentagem 54.5%, 59.2%, 53.7%
CMYK 0.08, 0, 0.09, 0.41
HSL 111.4°, 6.3%, 56.5%
HSV (ou HSB) 111.4°, 9.3%, 59.2%
RYB 53.7, 59.2, 58.4
Formato Cor
XYZ 29.2, 32.6, 31.3
CIELab 63.82, -6.7, 5.61
Decimal 9148297
Yxy 29.4281, 0.3137, 0.3519
YUV 145.816, 123.0248, 123.1384
CIELuv 61.1576, -6.0552, 9.4431
Web Safe 666666

Distribuição de #8b9789

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.

#8b9789

#8b9789
rgb(139,151,137)

#958997

#958997
rgb(149,137,151)

Cores triadicas

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

#898c97

#898c97
rgb(137,140,151)

#8b9789

#8b9789
rgb(139,151,137)

#97898c

#97898c
rgb(151,137,140)

Cores tetrádicas

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

#899397

#899397
rgb(137,147,151)

#8b9789

#8b9789
rgb(139,151,137)

#958997

#958997
rgb(149,137,151)

#978e89

#978e89
rgb(151,142,137)

Cores monocromáticas

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

#8b9789

#8b9789
rgb(139,151,137)

#7c9778

#7c9778
rgb(124,151,120)

#7b9776

#7b9776
rgb(123,151,118)

#7a9775

#7a9775
rgb(122,151,117)

#789773

#789773
rgb(120,151,115)

#779772

#779772
rgb(119,151,114)

Tons e Matizes de #8b9789

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

Matiz (adicionando branco)
#8b9789

#8b9789
rgb(139,151,137)

#a2aba0

#a2aba0
rgb(162,171,160)

#b9c0b8

#b9c0b8
rgb(185,192,184)

#d0d5cf

#d0d5cf
rgb(208,213,207)

#e7eae7

#e7eae7
rgb(231,234,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8b9789

#8b9789
rgb(139,151,137)

#6f786d

#6f786d
rgb(111,120,109)

#535a52

#535a52
rgb(83,90,82)

#373c36

#373c36
rgb(55,60,54)

#1b1e1b

#1b1e1b
rgb(27,30,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8b9789

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

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

Contraste

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

Preto e #8b9789
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.

Exemplos CSS

Texto com cor hexadecimal #8b9789

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

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

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

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

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

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

Cores alietórias

#c9d0c7

#c9d0c7
rgb(201,208,199)

#d56d4d

#d56d4d
rgb(213,109,77)

#c8c9c3

#c8c9c3
rgb(200,201,195)

#eec7a3

#eec7a3
rgb(238,199,163)

#cb0aa8

#cb0aa8
rgb(203,10,168)

#7a1320

#7a1320
rgb(122,19,32)

#4ddec4

#4ddec4
rgb(77,222,196)

#8f2a4a

#8f2a4a
rgb(143,42,74)

#db6951

#db6951
rgb(219,105,81)

#8cc140

#8cc140
rgb(140,193,64)

#411657

#411657
rgb(65,22,87)

#4fff9c

#4fff9c
rgb(79,255,156)