Informação da cor #98ab81

A cor hexadecimal 98ab81 no modelo de cores RGB (Red, Green, Blue), é um composta por 152 de vermelho, 171 de verde e 129 de azul.

No padrão de cores CMYK, é composto por 11.1% de ciano, 0% de magenta, 24.6% de amarelo e 32.9% de preto. Tem um ângulo de matiz de 87.1 graus, uma saturação de 20% e uma leveza de 58.8%.

A cor mais próxima WebSafe é 669966.

Conversões de #98ab81 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 98ab81
RGB 152, 171, 129
RGB Percentagem 59.6%, 67.1%, 50.6%
CMYK 0.11, 0, 0.25, 0.33
HSL 87.1°, 20%, 58.8%
HSV (ou HSB) 87.1°, 24.6%, 67.1%
RYB 50.6, 67.1, 58
Formato Cor
XYZ 34.5, 40.5, 29.6
CIELab 69.85, -13.56, 18.5
Decimal 10005377
Yxy 37.386, 0.3307, 0.3928
YUV 160.531, 110.206, 121.9151
CIELuv 67.5656, -9.0313, 28.9348
Web Safe 669966

Distribuição de #98ab81

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.

#98ab81

#98ab81
rgb(152,171,129)

#9481ab

#9481ab
rgb(148,129,171)

Cores triadicas

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

#8199ab

#8199ab
rgb(129,153,171)

#98ab81

#98ab81
rgb(152,171,129)

#ab8199

#ab8199
rgb(171,129,153)

Cores tetrádicas

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

#81aba9

#81aba9
rgb(129,171,169)

#98ab81

#98ab81
rgb(152,171,129)

#9481ab

#9481ab
rgb(148,129,171)

#ab8184

#ab8184
rgb(171,129,132)

Cores monocromáticas

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

#98ab81

#98ab81
rgb(152,171,129)

#9bab87

#9bab87
rgb(155,171,135)

#9aab85

#9aab85
rgb(154,171,133)

#9aab84

#9aab84
rgb(154,171,132)

#99ab82

#99ab82
rgb(153,171,130)

#98ab80

#98ab80
rgb(152,171,128)

Tons e Matizes de #98ab81

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

Matiz (adicionando branco)
#98ab81

#98ab81
rgb(152,171,129)

#acbb9a

#acbb9a
rgb(172,187,154)

#c1ccb3

#c1ccb3
rgb(193,204,179)

#d5ddcc

#d5ddcc
rgb(213,221,204)

#eaeee5

#eaeee5
rgb(234,238,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#98ab81

#98ab81
rgb(152,171,129)

#798867

#798867
rgb(121,136,103)

#5b664d

#5b664d
rgb(91,102,77)

#3c4433

#3c4433
rgb(60,68,51)

#1e2219

#1e2219
rgb(30,34,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #98ab81

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

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

Contraste

Branco e #98ab81
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 #98ab81
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 #98ab81

Este exemplo mostra como o texto na cor #98ab81 se parece.

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

Este parágrafo tem fundo de cor #98ab81.

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

Este elemento tem uma cor de borda de #98ab81.

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

Cores alietórias

#d49e41

#d49e41
rgb(212,158,65)

#3c30fe

#3c30fe
rgb(60,48,254)

#4bc63e

#4bc63e
rgb(75,198,62)

#aecf9a

#aecf9a
rgb(174,207,154)

#252117

#252117
rgb(37,33,23)

#497ee6

#497ee6
rgb(73,126,230)

#8ff0be

#8ff0be
rgb(143,240,190)

#e87d86

#e87d86
rgb(232,125,134)

#54717d

#54717d
rgb(84,113,125)

#ff595b

#ff595b
rgb(255,89,91)

#d4c151

#d4c151
rgb(212,193,81)

#dacd0a

#dacd0a
rgb(218,205,10)