Informação da cor #7cea20

A cor hexadecimal 7cea20 no modelo de cores RGB (Red, Green, Blue), é um composta por 124 de vermelho, 234 de verde e 32 de azul.

No padrão de cores CMYK, é composto por 47% de ciano, 0% de magenta, 86.3% de amarelo e 8.2% de preto. Tem um ângulo de matiz de 92.7 graus, uma saturação de 82.8% e uma leveza de 52.2%.

A cor mais próxima WebSafe é 66CC00.

Conversões de #7cea20 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 7cea20
RGB 124, 234, 32
RGB Percentagem 48.6%, 91.8%, 12.5%
CMYK 0.47, 0, 0.86, 0.08
HSL 92.7°, 82.8%, 52.2%
HSV (ou HSB) 92.7°, 86.3%, 91.8%
RYB 12.5, 91.8, 55.7
Formato Cor
XYZ 39.8, 64.9, 12.4
CIELab 84.41, -58.81, 76.27
Decimal 8186400
Yxy 63.2325, 0.3368, 0.5606
YUV 178.082, 45.561, 89.425
CIELuv 83.5646, -53.2462, 96.627
Web Safe 66CC00

Distribuição de #7cea20

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.

#7cea20

#7cea20
rgb(124,234,32)

#8f20ea

#8f20ea
rgb(143,32,234)

Cores triadicas

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

#207cea

#207cea
rgb(32,124,234)

#7cea20

#7cea20
rgb(124,234,32)

#ea207c

#ea207c
rgb(234,32,124)

Cores tetrádicas

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

#20e1ea

#20e1ea
rgb(32,225,234)

#7cea20

#7cea20
rgb(124,234,32)

#8f20ea

#8f20ea
rgb(143,32,234)

#ea2a20

#ea2a20
rgb(234,42,32)

Cores monocromáticas

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

#7cea20

#7cea20
rgb(124,234,32)

#cfeab7

#cfeab7
rgb(207,234,183)

#cdeab5

#cdeab5
rgb(205,234,181)

#cceab3

#cceab3
rgb(204,234,179)

#cbeab0

#cbeab0
rgb(203,234,176)

#caeaae

#caeaae
rgb(202,234,174)

Tons e Matizes de #7cea20

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

Matiz (adicionando branco)
#7cea20

#7cea20
rgb(124,234,32)

#96ee4c

#96ee4c
rgb(150,238,76)

#b0f279

#b0f279
rgb(176,242,121)

#caf6a5

#caf6a5
rgb(202,246,165)

#e4fad2

#e4fad2
rgb(228,250,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7cea20

#7cea20
rgb(124,234,32)

#63bb19

#63bb19
rgb(99,187,25)

#4a8c13

#4a8c13
rgb(74,140,19)

#315d0c

#315d0c
rgb(49,93,12)

#182e06

#182e06
rgb(24,46,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7cea20

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

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

Contraste

Branco e #7cea20
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 #7cea20
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 #7cea20

Este exemplo mostra como o texto na cor #7cea20 se parece.

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

Este parágrafo tem fundo de cor #7cea20.

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

Este elemento tem uma cor de borda de #7cea20.

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

Cores alietórias

#99f5a2

#99f5a2
rgb(153,245,162)

#df6cf3

#df6cf3
rgb(223,108,243)

#89dbbd

#89dbbd
rgb(137,219,189)

#a3766e

#a3766e
rgb(163,118,110)

#c98027

#c98027
rgb(201,128,39)

#3e22af

#3e22af
rgb(62,34,175)

#5dfdda

#5dfdda
rgb(93,253,218)

#4570b9

#4570b9
rgb(69,112,185)

#b839b3

#b839b3
rgb(184,57,179)

#f5a00a

#f5a00a
rgb(245,160,10)

#dee3f3

#dee3f3
rgb(222,227,243)

#0ad302

#0ad302
rgb(10,211,2)