Informação da cor #8f87ab

A cor hexadecimal 8f87ab no modelo de cores RGB (Red, Green, Blue), é um composta por 143 de vermelho, 135 de verde e 171 de azul.

No padrão de cores CMYK, é composto por 16.4% de ciano, 21.1% de magenta, 0% de amarelo e 32.9% de preto. Tem um ângulo de matiz de 253.3 graus, uma saturação de 17.7% e uma leveza de 60%.

A cor mais próxima WebSafe é 666699.

Conversões de #8f87ab 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 8f87ab
RGB 143, 135, 171
RGB Percentagem 56.1%, 52.9%, 67.1%
CMYK 0.16, 0.21, 0, 0.33
HSL 253.3°, 17.7%, 60%
HSV (ou HSB) 253.3°, 21.1%, 67.1%
RYB 56.1, 52.9, 67.1
Formato Cor
XYZ 30.3, 29.2, 45.6
CIELab 60.93, 9.9, -16.94
Decimal 9406379
Yxy 26.1077, 0.2861, 0.2732
YUV 141.496, 144.6501, 129.0728
CIELuv 58.1391, 2.0491, -28.3034
Web Safe 666699

Distribuição de #8f87ab

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.

#8f87ab

#8f87ab
rgb(143,135,171)

#a3ab87

#a3ab87
rgb(163,171,135)

Cores triadicas

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

#ab9087

#ab9087
rgb(171,144,135)

#8f87ab

#8f87ab
rgb(143,135,171)

#87ab90

#87ab90
rgb(135,171,144)

Cores tetrádicas

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

#ab8791

#ab8791
rgb(171,135,145)

#8f87ab

#8f87ab
rgb(143,135,171)

#a3ab87

#a3ab87
rgb(163,171,135)

#87aba2

#87aba2
rgb(135,171,162)

Cores monocromáticas

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

#8f87ab

#8f87ab
rgb(143,135,171)

#8f87ab

#8f87ab
rgb(143,135,171)

#8e86ab

#8e86ab
rgb(142,134,171)

#8d84ab

#8d84ab
rgb(141,132,171)

#8b82ab

#8b82ab
rgb(139,130,171)

#8a80ab

#8a80ab
rgb(138,128,171)

Tons e Matizes de #8f87ab

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

Matiz (adicionando branco)
#8f87ab

#8f87ab
rgb(143,135,171)

#a59fbb

#a59fbb
rgb(165,159,187)

#bbb7cc

#bbb7cc
rgb(187,183,204)

#d2cfdd

#d2cfdd
rgb(210,207,221)

#e8e7ee

#e8e7ee
rgb(232,231,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#8f87ab

#8f87ab
rgb(143,135,171)

#726c88

#726c88
rgb(114,108,136)

#555166

#555166
rgb(85,81,102)

#393544

#393544
rgb(57,53,68)

#1c1a22

#1c1a22
rgb(28,26,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #8f87ab

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

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

Contraste

Branco e #8f87ab
Texto grande WCAG AA ✓ 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 #8f87ab
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 #8f87ab

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

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

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

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

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

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

Cores alietórias

#665185

#665185
rgb(102,81,133)

#16ac9a

#16ac9a
rgb(22,172,154)

#60adc3

#60adc3
rgb(96,173,195)

#3eaa76

#3eaa76
rgb(62,170,118)

#d6ec90

#d6ec90
rgb(214,236,144)

#a312ea

#a312ea
rgb(163,18,234)

#d2888b

#d2888b
rgb(210,136,139)

#704f04

#704f04
rgb(112,79,4)

#beb46e

#beb46e
rgb(190,180,110)

#8d6c42

#8d6c42
rgb(141,108,66)

#b80d4a

#b80d4a
rgb(184,13,74)

#2d9dc3

#2d9dc3
rgb(45,157,195)