Informação da cor #24d16d

A cor hexadecimal 24d16d no modelo de cores RGB (Red, Green, Blue), é um composta por 36 de vermelho, 209 de verde e 109 de azul.

No padrão de cores CMYK, é composto por 82.8% de ciano, 0% de magenta, 47.8% de amarelo e 18% de preto. Tem um ângulo de matiz de 145.3 graus, uma saturação de 70.6% e uma leveza de 48%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #24d16d 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 24d16d
RGB 36, 209, 109
RGB Percentagem 14.1%, 82%, 42.7%
CMYK 0.83, 0, 0.48, 0.18
HSL 145.3°, 70.6%, 48%
HSV (ou HSB) 145.3°, 82.8%, 82%
RYB 14.1, 62, 82
Formato Cor
XYZ 27.9, 49.2, 24.9
CIELab 75.55, -62.25, 35.49
Decimal 2412909
Yxy 47.0768, 0.2752, 0.4928
YUV 145.873, 107.1913, 49.6312
CIELuv 74.2389, -63.924, 59.8195
Web Safe 00CC66

Distribuição de #24d16d

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.

#24d16d

#24d16d
rgb(36,209,109)

#d12489

#d12489
rgb(209,36,137)

Cores triadicas

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

#6d24d1

#6d24d1
rgb(109,36,209)

#24d16d

#24d16d
rgb(36,209,109)

#d16d24

#d16d24
rgb(209,109,36)

Cores tetrádicas

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

#2432d1

#2432d1
rgb(36,50,209)

#24d16d

#24d16d
rgb(36,209,109)

#d12489

#d12489
rgb(209,36,137)

#d1c424

#d1c424
rgb(209,196,36)

Cores monocromáticas

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

#24d16d

#24d16d
rgb(36,209,109)

#a4d1b7

#a4d1b7
rgb(164,209,183)

#a2d1b6

#a2d1b6
rgb(162,209,182)

#a0d1b5

#a0d1b5
rgb(160,209,181)

#9ed1b4

#9ed1b4
rgb(158,209,180)

#9cd1b2

#9cd1b2
rgb(156,209,178)

Tons e Matizes de #24d16d

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

Matiz (adicionando branco)
#24d16d

#24d16d
rgb(36,209,109)

#4fda8a

#4fda8a
rgb(79,218,138)

#7be3a7

#7be3a7
rgb(123,227,167)

#a7ecc4

#a7ecc4
rgb(167,236,196)

#d3f5e1

#d3f5e1
rgb(211,245,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#24d16d

#24d16d
rgb(36,209,109)

#1ca757

#1ca757
rgb(28,167,87)

#157d41

#157d41
rgb(21,125,65)

#0e532b

#0e532b
rgb(14,83,43)

#072915

#072915
rgb(7,41,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #24d16d

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

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

Contraste

Branco e #24d16d
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 #24d16d
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 #24d16d

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

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

Este parágrafo tem fundo de cor #24d16d.

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

Este elemento tem uma cor de borda de #24d16d.

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

Cores alietórias

#48c0b1

#48c0b1
rgb(72,192,177)

#e12953

#e12953
rgb(225,41,83)

#5c9bed

#5c9bed
rgb(92,155,237)

#d38a76

#d38a76
rgb(211,138,118)

#dde14f

#dde14f
rgb(221,225,79)

#9e233b

#9e233b
rgb(158,35,59)

#552e70

#552e70
rgb(85,46,112)

#0e7b9d

#0e7b9d
rgb(14,123,157)

#924620

#924620
rgb(146,70,32)

#c50194

#c50194
rgb(197,1,148)

#4577bc

#4577bc
rgb(69,119,188)

#7004ac

#7004ac
rgb(112,4,172)