Informação da cor #ab1877

A cor hexadecimal ab1877 no modelo de cores RGB (Red, Green, Blue), é um composta por 171 de vermelho, 24 de verde e 119 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 86% de magenta, 30.4% de amarelo e 32.9% de preto. Tem um ângulo de matiz de 321.2 graus, uma saturação de 75.4% e uma leveza de 38.2%.

A cor mais próxima WebSafe é 990066.

Conversões de #ab1877 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 ab1877
RGB 171, 24, 119
RGB Percentagem 67.1%, 9.4%, 46.7%
CMYK 0, 0.86, 0.3, 0.33
HSL 321.2°, 75.4%, 38.2%
HSV (ou HSB) 321.2°, 86%, 67.1%
RYB 67.1, 9.4, 46.7
Formato Cor
XYZ 22.4, 11.8, 21.2
CIELab 40.95, 63.46, -17.72
Decimal 11212919
Yxy 10.6456, 0.413, 0.215
YUV 78.783, 150.6958, 193.7754
CIELuv 38.977, 75.8356, -31.0887
Web Safe 990066

Distribuição de #ab1877

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.

#ab1877

#ab1877
rgb(171,24,119)

#18ab4c

#18ab4c
rgb(24,171,76)

Cores triadicas

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

#78ab18

#78ab18
rgb(120,171,24)

#ab1877

#ab1877
rgb(171,24,119)

#1878ab

#1878ab
rgb(24,120,171)

Cores tetrádicas

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

#ab9618

#ab9618
rgb(171,150,24)

#ab1877

#ab1877
rgb(171,24,119)

#18ab4c

#18ab4c
rgb(24,171,76)

#182eab

#182eab
rgb(24,46,171)

Cores monocromáticas

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

#ab1877

#ab1877
rgb(171,24,119)

#ab869e

#ab869e
rgb(171,134,158)

#ab849e

#ab849e
rgb(171,132,158)

#ab839d

#ab839d
rgb(171,131,157)

#ab819c

#ab819c
rgb(171,129,156)

#ab7f9c

#ab7f9c
rgb(171,127,156)

Tons e Matizes de #ab1877

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

Matiz (adicionando branco)
#ab1877

#ab1877
rgb(171,24,119)

#bb4692

#bb4692
rgb(187,70,146)

#cc74ad

#cc74ad
rgb(204,116,173)

#dda2c8

#dda2c8
rgb(221,162,200)

#eed0e3

#eed0e3
rgb(238,208,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ab1877

#ab1877
rgb(171,24,119)

#88135f

#88135f
rgb(136,19,95)

#660e47

#660e47
rgb(102,14,71)

#44092f

#44092f
rgb(68,9,47)

#220417

#220417
rgb(34,4,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ab1877

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #ab1877

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

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

Este parágrafo tem fundo de cor #ab1877.

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

Este elemento tem uma cor de borda de #ab1877.

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

Cores alietórias

#f163fc

#f163fc
rgb(241,99,252)

#e9e807

#e9e807
rgb(233,232,7)

#6a22ac

#6a22ac
rgb(106,34,172)

#aa1415

#aa1415
rgb(170,20,21)

#bbdeb7

#bbdeb7
rgb(187,222,183)

#545655

#545655
rgb(84,86,85)

#791bfa

#791bfa
rgb(121,27,250)

#ceba86

#ceba86
rgb(206,186,134)

#4fab0c

#4fab0c
rgb(79,171,12)

#5b3dd0

#5b3dd0
rgb(91,61,208)

#1f6e36

#1f6e36
rgb(31,110,54)

#b7b96b

#b7b96b
rgb(183,185,107)