Informação da cor #24b656

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

No padrão de cores CMYK, é composto por 80.2% de ciano, 0% de magenta, 52.7% de amarelo e 28.6% de preto. Tem um ângulo de matiz de 140.6 graus, uma saturação de 67% e uma leveza de 42.8%.

A cor mais próxima WebSafe é 009933.

Conversões de #24b656 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 24b656
RGB 36, 182, 86
RGB Percentagem 14.1%, 71.4%, 33.7%
CMYK 0.8, 0, 0.53, 0.29
HSL 140.6°, 67%, 42.8%
HSV (ou HSB) 140.6°, 80.2%, 71.4%
RYB 14.1, 56.9, 71.4
Formato Cor
XYZ 20.9, 37, 16.8
CIELab 67.27, -57.18, 36.37
Decimal 2405974
Yxy 34.5005, 0.281, 0.5067
YUV 127.402, 104.6355, 62.806
CIELuv 65.3579, -55.9785, 56.9402
Web Safe 009933

Distribuição de #24b656

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.

#24b656

#24b656
rgb(36,182,86)

#b62484

#b62484
rgb(182,36,132)

Cores triadicas

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

#5724b6

#5724b6
rgb(87,36,182)

#24b656

#24b656
rgb(36,182,86)

#b65724

#b65724
rgb(182,87,36)

Cores tetrádicas

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

#243bb6

#243bb6
rgb(36,59,182)

#24b656

#24b656
rgb(36,182,86)

#b62484

#b62484
rgb(182,36,132)

#b6a024

#b6a024
rgb(182,160,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.

#24b656

#24b656
rgb(36,182,86)

#8fb69c

#8fb69c
rgb(143,182,156)

#8db69b

#8db69b
rgb(141,182,155)

#8bb69a

#8bb69a
rgb(139,182,154)

#89b699

#89b699
rgb(137,182,153)

#88b698

#88b698
rgb(136,182,152)

Tons e Matizes de #24b656

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

Matiz (adicionando branco)
#24b656

#24b656
rgb(36,182,86)

#4fc477

#4fc477
rgb(79,196,119)

#7bd399

#7bd399
rgb(123,211,153)

#a7e1bb

#a7e1bb
rgb(167,225,187)

#d3f0dd

#d3f0dd
rgb(211,240,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#24b656

#24b656
rgb(36,182,86)

#1c9144

#1c9144
rgb(28,145,68)

#156d33

#156d33
rgb(21,109,51)

#0e4822

#0e4822
rgb(14,72,34)

#072411

#072411
rgb(7,36,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #24b656

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#3cbd8d

#3cbd8d
rgb(60,189,141)

#85b3fe

#85b3fe
rgb(133,179,254)

#218a3a

#218a3a
rgb(33,138,58)

#f82978

#f82978
rgb(248,41,120)

#bccb7c

#bccb7c
rgb(188,203,124)

#5bbb57

#5bbb57
rgb(91,187,87)

#5065d3

#5065d3
rgb(80,101,211)

#e55c7f

#e55c7f
rgb(229,92,127)

#fd5993

#fd5993
rgb(253,89,147)

#5d9108

#5d9108
rgb(93,145,8)

#ee6687

#ee6687
rgb(238,102,135)

#57d1ef

#57d1ef
rgb(87,209,239)