Informação da cor #78e05d

A cor hexadecimal 78e05d no modelo de cores RGB (Red, Green, Blue), é um composta por 120 de vermelho, 224 de verde e 93 de azul.

No padrão de cores CMYK, é composto por 46.4% de ciano, 0% de magenta, 58.5% de amarelo e 12.2% de preto. Tem um ângulo de matiz de 107.6 graus, uma saturação de 67.9% e uma leveza de 62.2%.

A cor mais próxima WebSafe é 66CC33.

Conversões de #78e05d 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 78e05d
RGB 120, 224, 93
RGB Percentagem 47.1%, 87.8%, 36.5%
CMYK 0.46, 0, 0.58, 0.12
HSL 107.6°, 67.9%, 62.2%
HSV (ou HSB) 107.6°, 58.5%, 87.8%
RYB 36.5, 87.8, 77.3
Formato Cor
XYZ 38.6, 60.2, 22
CIELab 81.93, -51.87, 51.44
Decimal 7921757
Yxy 58.0922, 0.3188, 0.5091
YUV 177.97, 80.0485, 86.6519
CIELuv 80.79, -49.7051, 76.1432
Web Safe 66CC33

Distribuição de #78e05d

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.

#78e05d

#78e05d
rgb(120,224,93)

#c55de0

#c55de0
rgb(197,93,224)

Cores triadicas

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

#5d79e0

#5d79e0
rgb(93,121,224)

#78e05d

#78e05d
rgb(120,224,93)

#e05d79

#e05d79
rgb(224,93,121)

Cores tetrádicas

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

#5dbae0

#5dbae0
rgb(93,186,224)

#78e05d

#78e05d
rgb(120,224,93)

#c55de0

#c55de0
rgb(197,93,224)

#e0845d

#e0845d
rgb(224,132,93)

Cores monocromáticas

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

#78e05d

#78e05d
rgb(120,224,93)

#bae0b0

#bae0b0
rgb(186,224,176)

#b8e0ae

#b8e0ae
rgb(184,224,174)

#b7e0ac

#b7e0ac
rgb(183,224,172)

#b5e0a9

#b5e0a9
rgb(181,224,169)

#b3e0a7

#b3e0a7
rgb(179,224,167)

Tons e Matizes de #78e05d

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

Matiz (adicionando branco)
#78e05d

#78e05d
rgb(120,224,93)

#93e67d

#93e67d
rgb(147,230,125)

#aeec9d

#aeec9d
rgb(174,236,157)

#c9f2be

#c9f2be
rgb(201,242,190)

#e4f8de

#e4f8de
rgb(228,248,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#78e05d

#78e05d
rgb(120,224,93)

#60b34a

#60b34a
rgb(96,179,74)

#488637

#488637
rgb(72,134,55)

#2f5925

#2f5925
rgb(47,89,37)

#172c12

#172c12
rgb(23,44,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #78e05d

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

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

Contraste

Branco e #78e05d
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 #78e05d
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 #78e05d

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

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

Este parágrafo tem fundo de cor #78e05d.

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

Este elemento tem uma cor de borda de #78e05d.

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

Cores alietórias

#f0c4a1

#f0c4a1
rgb(240,196,161)

#f8fe57

#f8fe57
rgb(248,254,87)

#3e9603

#3e9603
rgb(62,150,3)

#b61b47

#b61b47
rgb(182,27,71)

#cf8da4

#cf8da4
rgb(207,141,164)

#12e5b4

#12e5b4
rgb(18,229,180)

#0c547c

#0c547c
rgb(12,84,124)

#d84d1f

#d84d1f
rgb(216,77,31)

#9d62ce

#9d62ce
rgb(157,98,206)

#756267

#756267
rgb(117,98,103)

#87b4f5

#87b4f5
rgb(135,180,245)

#27f7b7

#27f7b7
rgb(39,247,183)