#4baf80 hex color

In a RGB color space, hex #4baf80 is composed of 29.4% red, 68.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 26.9% yellow and 31.4% black. It has a hue angle of 151.8 degrees, a saturation of 40% and a lightness of 49%. #4baf80 color hex could be obtained by blending #96ffff with #005f01. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 29
- G 69
- B 50
RGB color chart
- C 57
- M 0
- Y 27
- K 31
CMYK color chart

● #4baf80 color description : Dark moderate cyan - lime green.

The hexadecimal color #4baf80 has RGB values of R:75, G:175, B:128 and CMYK values of C:0.57, M:0, Y:0.27, K:0.31. Its decimal value is 4960128.

Hex triplet	4baf80	`#4baf80`
RGB Decimal	75, 175, 128	`rgb(75,175,128)`
RGB Percent	29.4, 68.6, 50.2	`rgb(29.4%,68.6%,50.2%)`
CMYK	57, 0, 27, 31
HSL	151.8°, 40, 49	`hsl(151.8,40%,49%)`
HSV (or HSB)	151.8°, 57.1, 68.6
Web Safe	339999	`#339999`

CIE-LAB	64.734, -40.409, 15.496
XYZ	22.126, 33.713, 25.762
xyY	0.271, 0.413, 33.713
CIE-LCH	64.734, 43.278, 159.019
CIE-LUV	64.734, -43.402, 27.846
Hunter-Lab	58.063, -33.587, 14.337
Binary	01001011, 10101111, 10000000

#4baf80
```
#4baf80 rgb(75,175,128)
```
#af4b7a
```
#af4b7a rgb(175,75,122)
```

Complementary Color

#4baf4e
```
#4baf4e rgb(75,175,78)
```
#4baf80
```
#4baf80 rgb(75,175,128)
```
#4bacaf
```
#4bacaf rgb(75,172,175)
```

Analogous Color

#af4e4b
```
#af4e4b rgb(175,78,75)
```
#4baf80
```
#4baf80 rgb(75,175,128)
```
#af4bac
```
#af4bac rgb(175,75,172)
```

Split Complementary Color

#af804b
```
#af804b rgb(175,128,75)
```
#4baf80
```
#4baf80 rgb(75,175,128)
```
#804baf
```
#804baf rgb(128,75,175)
```

Triadic Color

#7aaf4b
```
#7aaf4b rgb(122,175,75)
```
#4baf80
```
#4baf80 rgb(75,175,128)
```
#804baf
```
#804baf rgb(128,75,175)
```
#af4b7a
```
#af4b7a rgb(175,75,122)
```

Tetradic Color

#347959
```
#347959 rgb(52,121,89)
```
#3c8b66
```
#3c8b66 rgb(60,139,102)
```
#439d73
```
#439d73 rgb(67,157,115)
```
#4baf80
```
#4baf80 rgb(75,175,128)
```
#5bb98d
```
#5bb98d rgb(91,185,141)
```
#6dc099
```
#6dc099 rgb(109,192,153)
```
#7fc8a5
```
#7fc8a5 rgb(127,200,165)
```

Monochromatic Color

Below, you can see some colors close to #4baf80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#4baf67
```
#4baf67 rgb(75,175,103)
```
#4baf6f
```
#4baf6f rgb(75,175,111)
```
#4baf78
```
#4baf78 rgb(75,175,120)
```
#4baf80
```
#4baf80 rgb(75,175,128)
```
#4baf88
```
#4baf88 rgb(75,175,136)
```
#4baf91
```
#4baf91 rgb(75,175,145)
```
#4baf99
```
#4baf99 rgb(75,175,153)
```

Similar Colors

Text with hexadecimal color #4baf80

This text has a font color of #4baf80.

<span style="color:#4baf80;">Text here</span>

#4baf80 background color

This paragraph has a background color of #4baf80.

<p style="background-color:#4baf80;">Content here</p>

#4baf80 border color

This element has a border color of #4baf80.

<div style="border:1px solid #4baf80;">Content here</div>

CSS codes

.text {color:#4baf80;}

.background {background-color:#4baf80;}

.border {border:1px solid #4baf80;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040a07 is the darkest color, while #fcfefd is the lightest one.

#040a07
```
#040a07 rgb(4,10,7)
```
#0a1812
```
#0a1812 rgb(10,24,18)
```
#10261c
```
#10261c rgb(16,38,28)
```
#163326
```
#163326 rgb(22,51,38)
```
#1c4130
```
#1c4130 rgb(28,65,48)
```
#224f3a
```
#224f3a rgb(34,79,58)
```
#285d44
```
#285d44 rgb(40,93,68)
```
#2e6a4e
```
#2e6a4e rgb(46,106,78)
```
#337858
```
#337858 rgb(51,120,88)
```
#398662
```
#398662 rgb(57,134,98)
```
#3f946c
```
#3f946c rgb(63,148,108)
```
#45a176
```
#45a176 rgb(69,161,118)
```
#4baf80
```
#4baf80 rgb(75,175,128)
```

Shade Color Variation

#57b78a
```
#57b78a rgb(87,183,138)
```
#64bd93
```
#64bd93 rgb(100,189,147)
```
#72c39d
```
#72c39d rgb(114,195,157)
```
#80c9a6
```
#80c9a6 rgb(128,201,166)
```
#8eceb0
```
#8eceb0 rgb(142,206,176)
```
#9bd4ba
```
#9bd4ba rgb(155,212,186)
```
#a9dac3
```
#a9dac3 rgb(169,218,195)
```
#b7e0cd
```
#b7e0cd rgb(183,224,205)
```
#c5e6d6
```
#c5e6d6 rgb(197,230,214)
```
#d2ece0
```
#d2ece0 rgb(210,236,224)
```
#e0f2e9
```
#e0f2e9 rgb(224,242,233)
```
#eef8f3
```
#eef8f3 rgb(238,248,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7f7d is the less saturated color, while #08f284 is the most saturated one.

#7b7f7d
```
#7b7f7d rgb(123,127,125)
```
#71897e
```
#71897e rgb(113,137,126)
```
#68927e
```
#68927e rgb(104,146,126)
```
#5e9c7f
```
#5e9c7f rgb(94,156,127)
```
#55a57f
```
#55a57f rgb(85,165,127)
```
#4baf80
```
#4baf80 rgb(75,175,128)
```
#41b981
```
#41b981 rgb(65,185,129)
```
#38c281
```
#38c281 rgb(56,194,129)
```
#2ecc82
```
#2ecc82 rgb(46,204,130)
```
#25d582
```
#25d582 rgb(37,213,130)
```
#1bdf83
```
#1bdf83 rgb(27,223,131)
```
#11e983
```
#11e983 rgb(17,233,131)
```
#08f284
```
#08f284 rgb(8,242,132)
```

Tone Color Variation

Below, you can see how #4baf80 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#8c8c8c Achromatopsia 0.005% of the population
#7f938a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca17f Protanopia 1% of men
#b89c8e Deuteranopia 1% of men
#67acb8 Tritanopia 0.001% of the population

Trichromacy

#89a67f Protanomaly 1% of men, 0.01% of women
#90a389 Deuteranomaly 6% of men, 0.4% of women
#5cada4 Tritanomaly 0.01% of the population

#4baf80 hex color

#4baf80 Color Information

#4baf80 Color Conversion

Color Schemes with #4baf80

Alternatives to #4baf80

#4baf80 Preview

Shades and Tints of #4baf80

Tones of #4baf80

Color Blindness Simulator