Informação da cor #a2e0ab

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

No padrão de cores CMYK, é composto por 27.7% de ciano, 0% de magenta, 23.7% de amarelo e 12.2% de preto. Tem um ângulo de matiz de 128.7 graus, uma saturação de 50% e uma leveza de 75.7%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #a2e0ab 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 a2e0ab
RGB 162, 224, 171
RGB Percentagem 63.5%, 87.8%, 67.1%
CMYK 0.28, 0, 0.24, 0.12
HSL 128.7°, 50%, 75.7%
HSV (ou HSB) 128.7°, 27.7%, 87.8%
RYB 63.5, 85.1, 87.8
Formato Cor
XYZ 51.5, 66.2, 51.6
CIELab 85.08, -28.18, 18.37
Decimal 10674347
Yxy 63.931, 0.3035, 0.3968
YUV 199.42, 111.9616, 101.3095
CIELuv 83.9298, -30.7022, 33.6196
Web Safe 99CC99

Distribuição de #a2e0ab

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.

#a2e0ab

#a2e0ab
rgb(162,224,171)

#e0a2d7

#e0a2d7
rgb(224,162,215)

Cores triadicas

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

#aca2e0

#aca2e0
rgb(172,162,224)

#a2e0ab

#a2e0ab
rgb(162,224,171)

#e0aca2

#e0aca2
rgb(224,172,162)

Cores tetrádicas

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

#a2b8e0

#a2b8e0
rgb(162,184,224)

#a2e0ab

#a2e0ab
rgb(162,224,171)

#e0a2d7

#e0a2d7
rgb(224,162,215)

#e0cba2

#e0cba2
rgb(224,203,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.

#a2e0ab

#a2e0ab
rgb(162,224,171)

#b1e0b8

#b1e0b8
rgb(177,224,184)

#afe0b6

#afe0b6
rgb(175,224,182)

#ace0b4

#ace0b4
rgb(172,224,180)

#aae0b2

#aae0b2
rgb(170,224,178)

#a8e0b0

#a8e0b0
rgb(168,224,176)

Tons e Matizes de #a2e0ab

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

Matiz (adicionando branco)
#a2e0ab

#a2e0ab
rgb(162,224,171)

#b4e6bb

#b4e6bb
rgb(180,230,187)

#c7eccc

#c7eccc
rgb(199,236,204)

#d9f2dd

#d9f2dd
rgb(217,242,221)

#ecf8ee

#ecf8ee
rgb(236,248,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a2e0ab

#a2e0ab
rgb(162,224,171)

#81b388

#81b388
rgb(129,179,136)

#618666

#618666
rgb(97,134,102)

#405944

#405944
rgb(64,89,68)

#202c22

#202c22
rgb(32,44,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a2e0ab

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a2e0ab.

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

Este elemento tem uma cor de borda de #a2e0ab.

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

Cores alietórias

#79e5b4

#79e5b4
rgb(121,229,180)

#84ea9b

#84ea9b
rgb(132,234,155)

#4ee2a6

#4ee2a6
rgb(78,226,166)

#b66a58

#b66a58
rgb(182,106,88)

#14f1df

#14f1df
rgb(20,241,223)

#f0932b

#f0932b
rgb(240,147,43)

#a82d99

#a82d99
rgb(168,45,153)

#f76e24

#f76e24
rgb(247,110,36)

#f2fa53

#f2fa53
rgb(242,250,83)

#b1d776

#b1d776
rgb(177,215,118)

#83e0d4

#83e0d4
rgb(131,224,212)

#f7eb80

#f7eb80
rgb(247,235,128)