Informação da cor #4fa542

A cor hexadecimal 4fa542 no modelo de cores RGB (Red, Green, Blue), é um composta por 79 de vermelho, 165 de verde e 66 de azul.

No padrão de cores CMYK, é composto por 52.1% de ciano, 0% de magenta, 60% de amarelo e 35.3% de preto. Tem um ângulo de matiz de 112.1 graus, uma saturação de 42.9% e uma leveza de 45.3%.

A cor mais próxima WebSafe é 339933.

Conversões de #4fa542 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 4fa542
RGB 79, 165, 66
RGB Percentagem 31%, 64.7%, 25.9%
CMYK 0.52, 0, 0.6, 0.35
HSL 112.1°, 42.9%, 45.3%
HSV (ou HSB) 112.1°, 60%, 64.7%
RYB 25.9, 64.7, 59.6
Formato Cor
XYZ 19.8, 31.8, 11.7
CIELab 63.14, -44.52, 41.49
Decimal 5219650
Yxy 28.9645, 0.3129, 0.5132
YUV 128, 93.0113, 93.0499
CIELuv 60.7503, -40.384, 57.635
Web Safe 339933

Distribuição de #4fa542

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.

#4fa542

#4fa542
rgb(79,165,66)

#9942a5

#9942a5
rgb(153,66,165)

Cores triadicas

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

#424fa5

#424fa5
rgb(66,79,165)

#4fa542

#4fa542
rgb(79,165,66)

#a5424f

#a5424f
rgb(165,66,79)

Cores tetrádicas

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

#4281a5

#4281a5
rgb(66,129,165)

#4fa542

#4fa542
rgb(79,165,66)

#9942a5

#9942a5
rgb(153,66,165)

#a56742

#a56742
rgb(165,103,66)

Cores monocromáticas

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

#4fa542

#4fa542
rgb(79,165,66)

#87a582

#87a582
rgb(135,165,130)

#85a580

#85a580
rgb(133,165,128)

#84a57f

#84a57f
rgb(132,165,127)

#82a57d

#82a57d
rgb(130,165,125)

#81a57b

#81a57b
rgb(129,165,123)

Tons e Matizes de #4fa542

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

Matiz (adicionando branco)
#4fa542

#4fa542
rgb(79,165,66)

#72b767

#72b767
rgb(114,183,103)

#95c98d

#95c98d
rgb(149,201,141)

#b8dbb3

#b8dbb3
rgb(184,219,179)

#dbedd9

#dbedd9
rgb(219,237,217)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4fa542

#4fa542
rgb(79,165,66)

#3f8434

#3f8434
rgb(63,132,52)

#2f6327

#2f6327
rgb(47,99,39)

#1f411a

#1f411a
rgb(31,65,26)

#0f200d

#0f200d
rgb(15,32,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4fa542

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

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

Contraste

Branco e #4fa542
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 #4fa542
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #4fa542

Este exemplo mostra como o texto na cor #4fa542 se parece.

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

Este parágrafo tem fundo de cor #4fa542.

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

Este elemento tem uma cor de borda de #4fa542.

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

Cores alietórias

#6ac8c5

#6ac8c5
rgb(106,200,197)

#4520b4

#4520b4
rgb(69,32,180)

#5bf8dd

#5bf8dd
rgb(91,248,221)

#8d744a

#8d744a
rgb(141,116,74)

#a1c967

#a1c967
rgb(161,201,103)

#18e0d7

#18e0d7
rgb(24,224,215)

#dcfe7c

#dcfe7c
rgb(220,254,124)

#535f67

#535f67
rgb(83,95,103)

#c317ab

#c317ab
rgb(195,23,171)

#747a30

#747a30
rgb(116,122,48)

#83fa4c

#83fa4c
rgb(131,250,76)

#265a10

#265a10
rgb(38,90,16)