Informação da cor #4dba73

A cor hexadecimal 4dba73 no modelo de cores RGB (Red, Green, Blue), é um composta por 77 de vermelho, 186 de verde e 115 de azul.

No padrão de cores CMYK, é composto por 58.6% de ciano, 0% de magenta, 38.2% de amarelo e 27.1% de preto. Tem um ângulo de matiz de 140.9 graus, uma saturação de 44.1% e uma leveza de 51.6%.

A cor mais próxima WebSafe é 339966.

Conversões de #4dba73 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 4dba73
RGB 77, 186, 115
RGB Percentagem 30.2%, 72.9%, 45.1%
CMYK 0.59, 0, 0.38, 0.27
HSL 140.9°, 44.1%, 51.6%
HSV (ou HSB) 140.9°, 58.6%, 72.9%
RYB 30.2, 62, 72.9
Formato Cor
XYZ 26, 40.7, 25.3
CIELab 69.93, -45.76, 25.27
Decimal 5094003
Yxy 37.9312, 0.2825, 0.4519
YUV 145.315, 110.8922, 79.2732
CIELuv 67.9698, -47.7417, 43.5304
Web Safe 339966

Distribuição de #4dba73

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.

#4dba73

#4dba73
rgb(77,186,115)

#ba4e95

#ba4e95
rgb(186,78,149)

Cores triadicas

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

#734eba

#734eba
rgb(115,78,186)

#4dba73

#4dba73
rgb(77,186,115)

#ba734e

#ba734e
rgb(186,115,78)

Cores tetrádicas

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

#4e5eba

#4e5eba
rgb(78,94,186)

#4dba73

#4dba73
rgb(77,186,115)

#ba4e95

#ba4e95
rgb(186,78,149)

#baaa4e

#baaa4e
rgb(186,170,78)

Cores monocromáticas

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

#4dba73

#4dba73
rgb(77,186,115)

#92baa0

#92baa0
rgb(146,186,160)

#90ba9f

#90ba9f
rgb(144,186,159)

#8fba9e

#8fba9e
rgb(143,186,158)

#8dba9d

#8dba9d
rgb(141,186,157)

#8bba9c

#8bba9c
rgb(139,186,156)

Tons e Matizes de #4dba73

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

Matiz (adicionando branco)
#4dba73

#4dba73
rgb(77,186,115)

#70c78f

#70c78f
rgb(112,199,143)

#94d5ab

#94d5ab
rgb(148,213,171)

#b7e3c7

#b7e3c7
rgb(183,227,199)

#dbf1e3

#dbf1e3
rgb(219,241,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#4dba73

#4dba73
rgb(77,186,115)

#3d945c

#3d945c
rgb(61,148,92)

#2e6f45

#2e6f45
rgb(46,111,69)

#1e4a2d

#1e4a2d
rgb(30,74,45)

#0f2516

#0f2516
rgb(15,37,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #4dba73

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

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

Contraste

Branco e #4dba73
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 #4dba73
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 #4dba73

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

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

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

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

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

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

Cores alietórias

#ab33c4

#ab33c4
rgb(171,51,196)

#5abc33

#5abc33
rgb(90,188,51)

#3b2c48

#3b2c48
rgb(59,44,72)

#05b289

#05b289
rgb(5,178,137)

#6af781

#6af781
rgb(106,247,129)

#2075c2

#2075c2
rgb(32,117,194)

#b7d42a

#b7d42a
rgb(183,212,42)

#d05848

#d05848
rgb(208,88,72)

#e43093

#e43093
rgb(228,48,147)

#fdb149

#fdb149
rgb(253,177,73)

#c28dc4

#c28dc4
rgb(194,141,196)

#cad89d

#cad89d
rgb(202,216,157)