#4daf96 hex color

In a RGB color space, hex #4daf96 is composed of 30.2% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 164.7 degrees, a saturation of 38.9% and a lightness of 49.4%. #4daf96 color hex could be obtained by blending #9affff with #005f2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 30
- G 69
- B 59
RGB color chart
- C 56
- M 0
- Y 14
- K 31
CMYK color chart

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

The hexadecimal color #4daf96 has RGB values of R:77, G:175, B:150 and CMYK values of C:0.56, M:0, Y:0.14, K:0.31. Its decimal value is 5091222.

Hex triplet	4daf96	`#4daf96`
RGB Decimal	77, 175, 150	`rgb(77,175,150)`
RGB Percent	30.2, 68.6, 58.8	`rgb(30.2%,68.6%,58.8%)`
CMYK	56, 0, 14, 31
HSL	164.7°, 38.9, 49.4	`hsl(164.7,38.9%,49.4%)`
HSV (or HSB)	164.7°, 56, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.309, -34.906, 4.182
XYZ	23.894, 34.438, 34.24
xyY	0.258, 0.372, 34.438
CIE-LCH	65.309, 35.156, 173.168
CIE-LUV	65.309, -41.808, 11.504
Hunter-Lab	58.684, -30.019, 6.484
Binary	01001101, 10101111, 10010110

#4daf96
```
#4daf96 rgb(77,175,150)
```
#af4d66
```
#af4d66 rgb(175,77,102)
```

Complementary Color

#4daf65
```
#4daf65 rgb(77,175,101)
```
#4daf96
```
#4daf96 rgb(77,175,150)
```
#4d97af
```
#4d97af rgb(77,151,175)
```

Analogous Color

#af654d
```
#af654d rgb(175,101,77)
```
#4daf96
```
#4daf96 rgb(77,175,150)
```
#af4d97
```
#af4d97 rgb(175,77,151)
```

Split Complementary Color

#af964d
```
#af964d rgb(175,150,77)
```
#4daf96
```
#4daf96 rgb(77,175,150)
```
#964daf
```
#964daf rgb(150,77,175)
```

Triadic Color

#66af4d
```
#66af4d rgb(102,175,77)
```
#4daf96
```
#4daf96 rgb(77,175,150)
```
#964daf
```
#964daf rgb(150,77,175)
```
#af4d66
```
#af4d66 rgb(175,77,102)
```

Tetradic Color

#367a68
```
#367a68 rgb(54,122,104)
```
#3d8c78
```
#3d8c78 rgb(61,140,120)
```
#459d87
```
#459d87 rgb(69,157,135)
```
#4daf96
```
#4daf96 rgb(77,175,150)
```
#5eb8a1
```
#5eb8a1 rgb(94,184,161)
```
#6fc0ab
```
#6fc0ab rgb(111,192,171)
```
#81c8b6
```
#81c8b6 rgb(129,200,182)
```

Monochromatic Color

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

#4daf7e
```
#4daf7e rgb(77,175,126)
```
#4daf86
```
#4daf86 rgb(77,175,134)
```
#4daf8e
```
#4daf8e rgb(77,175,142)
```
#4daf96
```
#4daf96 rgb(77,175,150)
```
#4daf9e
```
#4daf9e rgb(77,175,158)
```
#4dafa6
```
#4dafa6 rgb(77,175,166)
```
#4dafaf
```
#4dafaf rgb(77,175,175)
```

Similar Colors

Text with hexadecimal color #4daf96

This text has a font color of #4daf96.

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

#4daf96 background color

This paragraph has a background color of #4daf96.

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

#4daf96 border color

This element has a border color of #4daf96.

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

CSS codes

.text {color:#4daf96;}

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

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

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, #050c0a is the darkest color, while #fdfefe is the lightest one.

#050c0a
```
#050c0a rgb(5,12,10)
```
#0b1916
```
#0b1916 rgb(11,25,22)
```
#112721
```
#112721 rgb(17,39,33)
```
#17342d
```
#17342d rgb(23,52,45)
```
#1d4239
```
#1d4239 rgb(29,66,57)
```
#235044
```
#235044 rgb(35,80,68)
```
#295d50
```
#295d50 rgb(41,93,80)
```
#2f6b5c
```
#2f6b5c rgb(47,107,92)
```
#357967
```
#357967 rgb(53,121,103)
```
#3b8673
```
#3b8673 rgb(59,134,115)
```
#41947f
```
#41947f rgb(65,148,127)
```
#47a18a
```
#47a18a rgb(71,161,138)
```
#4daf96
```
#4daf96 rgb(77,175,150)
```

Shade Color Variation

#59b69f
```
#59b69f rgb(89,182,159)
```
#67bca6
```
#67bca6 rgb(103,188,166)
```
#75c2ae
```
#75c2ae rgb(117,194,174)
```
#82c8b6
```
#82c8b6 rgb(130,200,182)
```
#90cebe
```
#90cebe rgb(144,206,190)
```
#9ed4c6
```
#9ed4c6 rgb(158,212,198)
```
#abdace
```
#abdace rgb(171,218,206)
```
#b9e0d6
```
#b9e0d6 rgb(185,224,214)
```
#c6e6de
```
#c6e6de rgb(198,230,222)
```
#d4ece6
```
#d4ece6 rgb(212,236,230)
```
#e2f2ee
```
#e2f2ee rgb(226,242,238)
```
#eff8f6
```
#eff8f6 rgb(239,248,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7d7f7e
```
#7d7f7e rgb(125,127,126)
```
#748883
```
#748883 rgb(116,136,131)
```
#6a9288
```
#6a9288 rgb(106,146,136)
```
#609c8d
```
#609c8d rgb(96,156,141)
```
#57a591
```
#57a591 rgb(87,165,145)
```
#4daf96
```
#4daf96 rgb(77,175,150)
```
#43b99b
```
#43b99b rgb(67,185,155)
```
#3ac29f
```
#3ac29f rgb(58,194,159)
```
#30cca4
```
#30cca4 rgb(48,204,164)
```
#26d6a9
```
#26d6a9 rgb(38,214,169)
```
#1ddfae
```
#1ddfae rgb(29,223,174)
```
#13e9b2
```
#13e9b2 rgb(19,233,178)
```
#09f3b7
```
#09f3b7 rgb(9,243,183)
```

Tone Color Variation

Below, you can see how #4daf96 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

#8f8f8f Achromatopsia 0.005% of the population
#829590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa393 Protanopia 1% of men
#b29ea2 Deuteranopia 1% of men
#63aebb Tritanopia 0.001% of the population

Trichromacy

#88a794 Protanomaly 1% of men, 0.01% of women
#8da49e Deuteranomaly 6% of men, 0.4% of women
#5baead Tritanomaly 0.01% of the population

#4daf96 hex color

#4daf96 Color Information

#4daf96 Color Conversion

Color Schemes with #4daf96

Alternatives to #4daf96

#4daf96 Preview

Shades and Tints of #4daf96

Tones of #4daf96

Color Blindness Simulator