Informação da cor #8d98b5

A cor hexadecimal 8d98b5 no modelo de cores RGB (Red, Green, Blue), é um composta por 141 de vermelho, 152 de verde e 181 de azul.

No padrão de cores CMYK, é composto por 22.1% de ciano, 16% de magenta, 0% de amarelo e 29% de preto. Tem um ângulo de matiz de 223.5 graus, uma saturação de 21.3% e uma leveza de 63.1%.

A cor mais próxima WebSafe é 666699.

Conversões de #8d98b5 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 8d98b5
RGB 141, 152, 181
RGB Percentagem 55.3%, 59.6%, 71%
CMYK 0.22, 0.16, 0, 0.29
HSL 223.5°, 21.3%, 63.1%
HSV (ou HSB) 223.5°, 22.1%, 71%
RYB 55.3, 58.8, 71
Formato Cor
XYZ 33.5, 34.6, 51.5
CIELab 65.45, 2.21, -15.43
Decimal 9279669
Yxy 31.4547, 0.2773, 0.2855
YUV 152.017, 144.3561, 120.142
CIELuv 62.8896, -7.2973, -25.1057
Web Safe 666699

Distribuição de #8d98b5

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.

#8d98b5

#8d98b5
rgb(141,152,181)

#b5ab8d

#b5ab8d
rgb(181,171,141)

Cores triadicas

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

#b58d99

#b58d99
rgb(181,141,153)

#8d98b5

#8d98b5
rgb(141,152,181)

#98b58d

#98b58d
rgb(152,181,141)

Cores tetrádicas

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

#b58dad

#b58dad
rgb(181,141,173)

#8d98b5

#8d98b5
rgb(141,152,181)

#b5ab8d

#b5ab8d
rgb(181,171,141)

#8db596

#8db596
rgb(141,181,150)

Cores monocromáticas

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

#8d98b5

#8d98b5
rgb(141,152,181)

#8f9ab5

#8f9ab5
rgb(143,154,181)

#8d98b5

#8d98b5
rgb(141,152,181)

#8b97b5

#8b97b5
rgb(139,151,181)

#8a96b5

#8a96b5
rgb(138,150,181)

#8894b5

#8894b5
rgb(136,148,181)

Tons e Matizes de #8d98b5

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

Matiz (adicionando branco)
#8d98b5

#8d98b5
rgb(141,152,181)

#a3acc3

#a3acc3
rgb(163,172,195)

#bac1d2

#bac1d2
rgb(186,193,210)

#d1d5e1

#d1d5e1
rgb(209,213,225)

#e8eaf0

#e8eaf0
rgb(232,234,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8d98b5

#8d98b5
rgb(141,152,181)

#707990

#707990
rgb(112,121,144)

#545b6c

#545b6c
rgb(84,91,108)

#383c48

#383c48
rgb(56,60,72)

#1c1e24

#1c1e24
rgb(28,30,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8d98b5

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#f7e3aa

#f7e3aa
rgb(247,227,170)

#8a4e13

#8a4e13
rgb(138,78,19)

#e2ddd0

#e2ddd0
rgb(226,221,208)

#1d702e

#1d702e
rgb(29,112,46)

#2e10df

#2e10df
rgb(46,16,223)

#2c7a31

#2c7a31
rgb(44,122,49)

#784637

#784637
rgb(120,70,55)

#32326d

#32326d
rgb(50,50,109)

#3c4b81

#3c4b81
rgb(60,75,129)

#e08d64

#e08d64
rgb(224,141,100)

#bc15b9

#bc15b9
rgb(188,21,185)

#bcc081

#bcc081
rgb(188,192,129)