Informação da cor #a4e587

A cor hexadecimal a4e587 no modelo de cores RGB (Red, Green, Blue), é um composta por 164 de vermelho, 229 de verde e 135 de azul.

No padrão de cores CMYK, é composto por 28.4% de ciano, 0% de magenta, 41% de amarelo e 10.2% de preto. Tem um ângulo de matiz de 101.5 graus, uma saturação de 64.4% e uma leveza de 71.4%.

A cor mais próxima WebSafe é 99CC66.

Conversões de #a4e587 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 a4e587
RGB 164, 229, 135
RGB Percentagem 64.3%, 89.8%, 52.9%
CMYK 0.28, 0, 0.41, 0.1
HSL 101.5°, 64.4%, 71.4%
HSV (ou HSB) 101.5°, 41.1%, 89.8%
RYB 52.9, 89.8, 78.4
Formato Cor
XYZ 50.1, 67.7, 36.2
CIELab 85.87, -35.09, 37.06
Decimal 10806663
Yxy 65.6788, 0.3257, 0.4484
YUV 198.849, 91.9678, 103.1433
CIELuv 84.8323, -32.3166, 59.3172
Web Safe 99CC66

Distribuição de #a4e587

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.

#a4e587

#a4e587
rgb(164,229,135)

#c887e5

#c887e5
rgb(200,135,229)

Cores triadicas

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

#87a5e5

#87a5e5
rgb(135,165,229)

#a4e587

#a4e587
rgb(164,229,135)

#e587a5

#e587a5
rgb(229,135,165)

Cores tetrádicas

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

#87d4e5

#87d4e5
rgb(135,212,229)

#a4e587

#a4e587
rgb(164,229,135)

#c887e5

#c887e5
rgb(200,135,229)

#e59987

#e59987
rgb(229,153,135)

Cores monocromáticas

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

#a4e587

#a4e587
rgb(164,229,135)

#c4e5b4

#c4e5b4
rgb(196,229,180)

#c2e5b2

#c2e5b2
rgb(194,229,178)

#c0e5b0

#c0e5b0
rgb(192,229,176)

#bfe5ae

#bfe5ae
rgb(191,229,174)

#bde5ab

#bde5ab
rgb(189,229,171)

Tons e Matizes de #a4e587

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

Matiz (adicionando branco)
#a4e587

#a4e587
rgb(164,229,135)

#b6ea9f

#b6ea9f
rgb(182,234,159)

#c8efb7

#c8efb7
rgb(200,239,183)

#daf4cf

#daf4cf
rgb(218,244,207)

#ecf9e7

#ecf9e7
rgb(236,249,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a4e587

#a4e587
rgb(164,229,135)

#83b76c

#83b76c
rgb(131,183,108)

#628951

#628951
rgb(98,137,81)

#415b35

#415b35
rgb(65,91,53)

#202d1a

#202d1a
rgb(32,45,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a4e587

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

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

Contraste

Branco e #a4e587
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 #a4e587
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 #a4e587

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

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

Este parágrafo tem fundo de cor #a4e587.

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

Este elemento tem uma cor de borda de #a4e587.

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

Cores alietórias

#1d2836

#1d2836
rgb(29,40,54)

#2f46c3

#2f46c3
rgb(47,70,195)

#68acbe

#68acbe
rgb(104,172,190)

#792dd5

#792dd5
rgb(121,45,213)

#9ad057

#9ad057
rgb(154,208,87)

#75c8f3

#75c8f3
rgb(117,200,243)

#10e4bd

#10e4bd
rgb(16,228,189)

#c13c42

#c13c42
rgb(193,60,66)

#22a868

#22a868
rgb(34,168,104)

#c78a6a

#c78a6a
rgb(199,138,106)

#4b3d56

#4b3d56
rgb(75,61,86)

#5c2be1

#5c2be1
rgb(92,43,225)