Informação da cor #29e063

A cor hexadecimal 29e063 no modelo de cores RGB (Red, Green, Blue), é um composta por 41 de vermelho, 224 de verde e 99 de azul.

No padrão de cores CMYK, é composto por 81.7% de ciano, 0% de magenta, 55.8% de amarelo e 12.2% de preto. Tem um ângulo de matiz de 139 graus, uma saturação de 74.7% e uma leveza de 52%.

A cor mais próxima WebSafe é 00CC33.

Conversões de #29e063 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 29e063
RGB 41, 224, 99
RGB Percentagem 16.1%, 87.8%, 38.8%
CMYK 0.82, 0, 0.56, 0.12
HSL 139°, 74.7%, 52%
HSV (ou HSB) 139°, 81.7%, 87.8%
RYB 16.1, 70.6, 87.8
Formato Cor
XYZ 31.3, 56.4, 23.3
CIELab 79.81, -67.89, 45.63
Decimal 2744419
Yxy 54.6799, 0.2832, 0.5194
YUV 155.033, 96.3787, 46.664
CIELuv 78.8565, -68.7911, 72.8336
Web Safe 00CC33

Distribuição de #29e063

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.

#29e063

#29e063
rgb(41,224,99)

#e029a7

#e029a7
rgb(224,41,167)

Cores triadicas

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

#6329e0

#6329e0
rgb(99,41,224)

#29e063

#29e063
rgb(41,224,99)

#e06329

#e06329
rgb(224,99,41)

Cores tetrádicas

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

#294be0

#294be0
rgb(41,75,224)

#29e063

#29e063
rgb(41,224,99)

#e029a7

#e029a7
rgb(224,41,167)

#e0bf29

#e0bf29
rgb(224,191,41)

Cores monocromáticas

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

#29e063

#29e063
rgb(41,224,99)

#b0e0bf

#b0e0bf
rgb(176,224,191)

#ade0be

#ade0be
rgb(173,224,190)

#abe0bc

#abe0bc
rgb(171,224,188)

#a9e0bb

#a9e0bb
rgb(169,224,187)

#a7e0b9

#a7e0b9
rgb(167,224,185)

Tons e Matizes de #29e063

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

Matiz (adicionando branco)
#29e063

#29e063
rgb(41,224,99)

#53e682

#53e682
rgb(83,230,130)

#7eeca1

#7eeca1
rgb(126,236,161)

#a9f2c0

#a9f2c0
rgb(169,242,192)

#d4f8df

#d4f8df
rgb(212,248,223)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#29e063

#29e063
rgb(41,224,99)

#20b34f

#20b34f
rgb(32,179,79)

#18863b

#18863b
rgb(24,134,59)

#105927

#105927
rgb(16,89,39)

#082c13

#082c13
rgb(8,44,19)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #29e063

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

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

Contraste

Branco e #29e063
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 #29e063
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 #29e063

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

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

Este parágrafo tem fundo de cor #29e063.

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

Este elemento tem uma cor de borda de #29e063.

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

Cores alietórias

#75acba

#75acba
rgb(117,172,186)

#9828f0

#9828f0
rgb(152,40,240)

#e108ee

#e108ee
rgb(225,8,238)

#ebdec5

#ebdec5
rgb(235,222,197)

#48ccf2

#48ccf2
rgb(72,204,242)

#48d4fa

#48d4fa
rgb(72,212,250)

#4de669

#4de669
rgb(77,230,105)

#2f9fb5

#2f9fb5
rgb(47,159,181)

#2e7c83

#2e7c83
rgb(46,124,131)

#850b5a

#850b5a
rgb(133,11,90)

#4ac976

#4ac976
rgb(74,201,118)

#2242c0

#2242c0
rgb(34,66,192)