Informação da cor #87a031

A cor hexadecimal 87a031 no modelo de cores RGB (Red, Green, Blue), é um composta por 135 de vermelho, 160 de verde e 49 de azul.

No padrão de cores CMYK, é composto por 15.6% de ciano, 0% de magenta, 69.4% de amarelo e 37.3% de preto. Tem um ângulo de matiz de 73.5 graus, uma saturação de 53.1% e uma leveza de 41%.

A cor mais próxima WebSafe é 669900.

Conversões de #87a031 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 87a031
RGB 135, 160, 49
RGB Percentagem 52.9%, 62.7%, 19.2%
CMYK 0.16, 0, 0.69, 0.37
HSL 73.5°, 53.1%, 41%
HSV (ou HSB) 73.5°, 69.4%, 62.8%
RYB 19.2, 62.7, 29
Formato Cor
XYZ 25.7, 33.5, 9
CIELab 64.58, -24.02, 51.82
Decimal 8888369
Yxy 30.5143, 0.3777, 0.4985
YUV 139.871, 76.7184, 124.5256
CIELuv 62.0954, -11.4714, 62.1855
Web Safe 669900

Distribuição de #87a031

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.

#87a031

#87a031
rgb(135,160,49)

#4a31a0

#4a31a0
rgb(74,49,160)

Cores triadicas

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

#3188a0

#3188a0
rgb(49,136,160)

#87a031

#87a031
rgb(135,160,49)

#a03188

#a03188
rgb(160,49,136)

Cores tetrádicas

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

#31a082

#31a082
rgb(49,160,130)

#87a031

#87a031
rgb(135,160,49)

#4a31a0

#4a31a0
rgb(74,49,160)

#a03150

#a03150
rgb(160,49,80)

Cores monocromáticas

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

#87a031

#87a031
rgb(135,160,49)

#99a07e

#99a07e
rgb(153,160,126)

#98a07c

#98a07c
rgb(152,160,124)

#98a07b

#98a07b
rgb(152,160,123)

#98a079

#98a079
rgb(152,160,121)

#97a077

#97a077
rgb(151,160,119)

Tons e Matizes de #87a031

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

Matiz (adicionando branco)
#87a031

#87a031
rgb(135,160,49)

#9fb35a

#9fb35a
rgb(159,179,90)

#b7c683

#b7c683
rgb(183,198,131)

#cfd9ac

#cfd9ac
rgb(207,217,172)

#e7ecd5

#e7ecd5
rgb(231,236,213)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#87a031

#87a031
rgb(135,160,49)

#6c8027

#6c8027
rgb(108,128,39)

#51601d

#51601d
rgb(81,96,29)

#353f13

#353f13
rgb(53,63,19)

#1a1f09

#1a1f09
rgb(26,31,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #87a031

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

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

Contraste

Branco e #87a031
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 #87a031
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 #87a031

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

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

Este parágrafo tem fundo de cor #87a031.

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

Este elemento tem uma cor de borda de #87a031.

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

Cores alietórias

#4c3e42

#4c3e42
rgb(76,62,66)

#d9b670

#d9b670
rgb(217,182,112)

#75472d

#75472d
rgb(117,71,45)

#320378

#320378
rgb(50,3,120)

#b7b8b4

#b7b8b4
rgb(183,184,180)

#bccd01

#bccd01
rgb(188,205,1)

#24de89

#24de89
rgb(36,222,137)

#90433f

#90433f
rgb(144,67,63)

#9671f7

#9671f7
rgb(150,113,247)

#95866a

#95866a
rgb(149,134,106)

#b1bcd0

#b1bcd0
rgb(177,188,208)

#cfdef8

#cfdef8
rgb(207,222,248)