Informação da cor #4ca538

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

No padrão de cores CMYK, é composto por 53.9% de ciano, 0% de magenta, 66.1% de amarelo e 35.3% de preto. Tem um ângulo de matiz de 109 graus, uma saturação de 49.3% e uma leveza de 43.3%.

A cor mais próxima WebSafe é 339933.

Conversões de #4ca538 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 4ca538
RGB 76, 165, 56
RGB Percentagem 29.8%, 64.7%, 22%
CMYK 0.54, 0, 0.66, 0.35
HSL 109°, 49.3%, 43.3%
HSV (ou HSB) 109°, 66.1%, 64.7%
RYB 22, 64.7, 56.9
Formato Cor
XYZ 19.2, 31.5, 10
CIELab 62.91, -46.55, 45.95
Decimal 5023032
Yxy 28.7309, 0.316, 0.5295
YUV 125.963, 88.5175, 92.363
CIELuv 60.5434, -41.6348, 61.4227
Web Safe 339933

Distribuição de #4ca538

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.

#4ca538

#4ca538
rgb(76,165,56)

#9238a5

#9238a5
rgb(146,56,165)

Cores triadicas

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

#384ca5

#384ca5
rgb(56,76,165)

#4ca538

#4ca538
rgb(76,165,56)

#a5384c

#a5384c
rgb(165,56,76)

Cores tetrádicas

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

#3883a5

#3883a5
rgb(56,131,165)

#4ca538

#4ca538
rgb(76,165,56)

#9238a5

#9238a5
rgb(146,56,165)

#a55b38

#a55b38
rgb(165,91,56)

Cores monocromáticas

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

#4ca538

#4ca538
rgb(76,165,56)

#88a582

#88a582
rgb(136,165,130)

#87a580

#87a580
rgb(135,165,128)

#86a57e

#86a57e
rgb(134,165,126)

#84a57d

#84a57d
rgb(132,165,125)

#83a57b

#83a57b
rgb(131,165,123)

Tons e Matizes de #4ca538

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

Matiz (adicionando branco)
#4ca538

#4ca538
rgb(76,165,56)

#6fb75f

#6fb75f
rgb(111,183,95)

#93c987

#93c987
rgb(147,201,135)

#b7dbaf

#b7dbaf
rgb(183,219,175)

#dbedd7

#dbedd7
rgb(219,237,215)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4ca538

#4ca538
rgb(76,165,56)

#3c842c

#3c842c
rgb(60,132,44)

#2d6321

#2d6321
rgb(45,99,33)

#1e4116

#1e4116
rgb(30,65,22)

#0f200b

#0f200b
rgb(15,32,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4ca538

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

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

Contraste

Branco e #4ca538
Texto grande WCAG AA ✓ 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 #4ca538
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 #4ca538

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

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

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

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

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

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

Cores alietórias

#45465a

#45465a
rgb(69,70,90)

#e8c674

#e8c674
rgb(232,198,116)

#312e7a

#312e7a
rgb(49,46,122)

#b44e55

#b44e55
rgb(180,78,85)

#d3339c

#d3339c
rgb(211,51,156)

#55755a

#55755a
rgb(85,117,90)

#496dad

#496dad
rgb(73,109,173)

#51971b

#51971b
rgb(81,151,27)

#a9fec2

#a9fec2
rgb(169,254,194)

#64617e

#64617e
rgb(100,97,126)

#d914d0

#d914d0
rgb(217,20,208)

#104eba

#104eba
rgb(16,78,186)