Informação da cor #2aad50

A cor hexadecimal 2aad50 no modelo de cores RGB (Red, Green, Blue), é um composta por 42 de vermelho, 173 de verde e 80 de azul.

No padrão de cores CMYK, é composto por 75.7% de ciano, 0% de magenta, 53.8% de amarelo e 32.2% de preto. Tem um ângulo de matiz de 137.4 graus, uma saturação de 60.9% e uma leveza de 42.2%.

A cor mais próxima WebSafe é 009933.

Conversões de #2aad50 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 2aad50
RGB 42, 173, 80
RGB Percentagem 16.5%, 67.8%, 31.4%
CMYK 0.76, 0, 0.54, 0.32
HSL 137.4°, 60.9%, 42.2%
HSV (ou HSB) 137.4°, 75.7%, 67.8%
RYB 16.5, 56.5, 67.8
Formato Cor
XYZ 19.2, 33.5, 14.8
CIELab 64.59, -54.17, 36.05
Decimal 2796880
Yxy 30.9565, 0.2846, 0.5079
YUV 123.229, 103.6044, 70.062
CIELuv 62.4709, -52.2391, 55.0791
Web Safe 009933

Distribuição de #2aad50

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.

#2aad50

#2aad50
rgb(42,173,80)

#ad2a88

#ad2a88
rgb(173,42,136)

Cores triadicas

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

#502aad

#502aad
rgb(80,42,173)

#2aad50

#2aad50
rgb(42,173,80)

#ad502a

#ad502a
rgb(173,80,42)

Cores tetrádicas

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

#2a46ad

#2a46ad
rgb(42,70,173)

#2aad50

#2aad50
rgb(42,173,80)

#ad2a88

#ad2a88
rgb(173,42,136)

#ad922a

#ad922a
rgb(173,146,42)

Cores monocromáticas

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

#2aad50

#2aad50
rgb(42,173,80)

#88ad93

#88ad93
rgb(136,173,147)

#86ad92

#86ad92
rgb(134,173,146)

#84ad90

#84ad90
rgb(132,173,144)

#83ad8f

#83ad8f
rgb(131,173,143)

#81ad8e

#81ad8e
rgb(129,173,142)

Tons e Matizes de #2aad50

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

Matiz (adicionando branco)
#2aad50

#2aad50
rgb(42,173,80)

#54bd73

#54bd73
rgb(84,189,115)

#7fcd96

#7fcd96
rgb(127,205,150)

#a9deb9

#a9deb9
rgb(169,222,185)

#d4eedc

#d4eedc
rgb(212,238,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2aad50

#2aad50
rgb(42,173,80)

#218a40

#218a40
rgb(33,138,64)

#196730

#196730
rgb(25,103,48)

#10451f

#10451f
rgb(16,69,31)

#08220f

#08220f
rgb(8,34,15)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2aad50

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

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

Contraste

Branco e #2aad50
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 #2aad50
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 #2aad50

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

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

Este parágrafo tem fundo de cor #2aad50.

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

Este elemento tem uma cor de borda de #2aad50.

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

Cores alietórias

#b3cf2c

#b3cf2c
rgb(179,207,44)

#ee0e0b

#ee0e0b
rgb(238,14,11)

#d55be6

#d55be6
rgb(213,91,230)

#1675e0

#1675e0
rgb(22,117,224)

#131e95

#131e95
rgb(19,30,149)

#6a5327

#6a5327
rgb(106,83,39)

#831a11

#831a11
rgb(131,26,17)

#bdb3e3

#bdb3e3
rgb(189,179,227)

#9520f7

#9520f7
rgb(149,32,247)

#20a89c

#20a89c
rgb(32,168,156)

#1f5009

#1f5009
rgb(31,80,9)

#96e9e6

#96e9e6
rgb(150,233,230)