Informação da cor #89b8ac

A cor hexadecimal 89b8ac no modelo de cores RGB (Red, Green, Blue), é um composta por 137 de vermelho, 184 de verde e 172 de azul.

No padrão de cores CMYK, é composto por 25.5% de ciano, 0% de magenta, 6.5% de amarelo e 27.8% de preto. Tem um ângulo de matiz de 164.7 graus, uma saturação de 24.9% e uma leveza de 62.9%.

A cor mais próxima WebSafe é 669999.

Conversões de #89b8ac 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 89b8ac
RGB 137, 184, 172
RGB Percentagem 53.7%, 72.2%, 67.5%
CMYK 0.26, 0, 0.07, 0.28
HSL 164.7°, 24.9%, 62.9%
HSV (ou HSB) 164.7°, 25.5%, 72.2%
RYB 53.7, 64.3, 72.2
Formato Cor
XYZ 37.8, 45.6, 48.8
CIELab 73.3, -17.16, 0.89
Decimal 9025708
Yxy 42.5764, 0.284, 0.3465
YUV 168.579, 129.9306, 105.4757
CIELuv 71.2665, -23.565, 4.5221
Web Safe 669999

Distribuição de #89b8ac

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.

#89b8ac

#89b8ac
rgb(137,184,172)

#b88996

#b88996
rgb(184,137,150)

Cores triadicas

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

#ac89b8

#ac89b8
rgb(172,137,184)

#89b8ac

#89b8ac
rgb(137,184,172)

#b8ac89

#b8ac89
rgb(184,172,137)

Cores tetrádicas

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

#9589b8

#9589b8
rgb(149,137,184)

#89b8ac

#89b8ac
rgb(137,184,172)

#b88996

#b88996
rgb(184,137,150)

#adb889

#adb889
rgb(173,184,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.

#89b8ac

#89b8ac
rgb(137,184,172)

#91b8af

#91b8af
rgb(145,184,175)

#90b8ae

#90b8ae
rgb(144,184,174)

#8eb8ae

#8eb8ae
rgb(142,184,174)

#8cb8ad

#8cb8ad
rgb(140,184,173)

#8ab8ad

#8ab8ad
rgb(138,184,173)

Tons e Matizes de #89b8ac

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

Matiz (adicionando branco)
#89b8ac

#89b8ac
rgb(137,184,172)

#a0c6bc

#a0c6bc
rgb(160,198,188)

#b8d4cd

#b8d4cd
rgb(184,212,205)

#cfe2dd

#cfe2dd
rgb(207,226,221)

#e7f0ee

#e7f0ee
rgb(231,240,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#89b8ac

#89b8ac
rgb(137,184,172)

#6d9389

#6d9389
rgb(109,147,137)

#526e67

#526e67
rgb(82,110,103)

#364944

#364944
rgb(54,73,68)

#1b2422

#1b2422
rgb(27,36,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #89b8ac

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

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

Contraste

Branco e #89b8ac
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 #89b8ac
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.

Exemplos CSS

Texto com cor hexadecimal #89b8ac

Este exemplo mostra como o texto na cor #89b8ac se parece.

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

Este parágrafo tem fundo de cor #89b8ac.

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

Este elemento tem uma cor de borda de #89b8ac.

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

Cores alietórias

#00ef67

#00ef67
rgb(0,239,103)

#e98d53

#e98d53
rgb(233,141,83)

#930e27

#930e27
rgb(147,14,39)

#08ebd4

#08ebd4
rgb(8,235,212)

#d31972

#d31972
rgb(211,25,114)

#0f833f

#0f833f
rgb(15,131,63)

#69c16e

#69c16e
rgb(105,193,110)

#b126b3

#b126b3
rgb(177,38,179)

#7c80b8

#7c80b8
rgb(124,128,184)

#ceab40

#ceab40
rgb(206,171,64)

#448f3d

#448f3d
rgb(68,143,61)

#254cd9

#254cd9
rgb(37,76,217)