Informação da cor #a2dc38

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

No padrão de cores CMYK, é composto por 26.4% de ciano, 0% de magenta, 74.5% de amarelo e 13.7% de preto. Tem um ângulo de matiz de 81.2 graus, uma saturação de 70.1% e uma leveza de 54.1%.

A cor mais próxima WebSafe é 99CC33.

Conversões de #a2dc38 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 a2dc38
RGB 162, 220, 56
RGB Percentagem 63.5%, 86.3%, 22%
CMYK 0.26, 0, 0.75, 0.14
HSL 81.2°, 70.1%, 54.1%
HSV (ou HSB) 81.2°, 74.6%, 86.3%
RYB 22, 86.3, 44.7
Formato Cor
XYZ 43.5, 61.4, 14.5
CIELab 82.58, -39.67, 67.95
Decimal 10673208
Yxy 59.1524, 0.3636, 0.5219
YUV 183.962, 55.7867, 112.3352
CIELuv 81.3753, -29.0551, 86.6872
Web Safe 99CC33

Distribuição de #a2dc38

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.

#a2dc38

#a2dc38
rgb(162,220,56)

#7238dc

#7238dc
rgb(114,56,220)

Cores triadicas

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

#38a3dc

#38a3dc
rgb(56,163,220)

#a2dc38

#a2dc38
rgb(162,220,56)

#dc38a3

#dc38a3
rgb(220,56,163)

Cores tetrádicas

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

#38dcc4

#38dcc4
rgb(56,220,196)

#a2dc38

#a2dc38
rgb(162,220,56)

#7238dc

#7238dc
rgb(114,56,220)

#dc3851

#dc3851
rgb(220,56,81)

Cores monocromáticas

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

#a2dc38

#a2dc38
rgb(162,220,56)

#ccdcad

#ccdcad
rgb(204,220,173)

#cbdcaa

#cbdcaa
rgb(203,220,170)

#cadca8

#cadca8
rgb(202,220,168)

#c9dca6

#c9dca6
rgb(201,220,166)

#c8dca4

#c8dca4
rgb(200,220,164)

Tons e Matizes de #a2dc38

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

Matiz (adicionando branco)
#a2dc38

#a2dc38
rgb(162,220,56)

#b4e35f

#b4e35f
rgb(180,227,95)

#c7ea87

#c7ea87
rgb(199,234,135)

#d9f1af

#d9f1af
rgb(217,241,175)

#ecf8d7

#ecf8d7
rgb(236,248,215)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a2dc38

#a2dc38
rgb(162,220,56)

#81b02c

#81b02c
rgb(129,176,44)

#618421

#618421
rgb(97,132,33)

#405716

#405716
rgb(64,87,22)

#202b0b

#202b0b
rgb(32,43,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a2dc38

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a2dc38.

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

Este elemento tem uma cor de borda de #a2dc38.

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

Cores alietórias

#46bc69

#46bc69
rgb(70,188,105)

#f6b3f6

#f6b3f6
rgb(246,179,246)

#4e6785

#4e6785
rgb(78,103,133)

#3c696a

#3c696a
rgb(60,105,106)

#881a06

#881a06
rgb(136,26,6)

#88240e

#88240e
rgb(136,36,14)

#d25f23

#d25f23
rgb(210,95,35)

#99f304

#99f304
rgb(153,243,4)

#c9f1a5

#c9f1a5
rgb(201,241,165)

#f4955c

#f4955c
rgb(244,149,92)

#3e41cf

#3e41cf
rgb(62,65,207)

#4f77d3

#4f77d3
rgb(79,119,211)