#5fac96 hex color

In a RGB color space, hex #5fac96 is composed of 37.3% red, 67.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 0% magenta, 12.8% yellow and 32.5% black. It has a hue angle of 162.9 degrees, a saturation of 31.7% and a lightness of 52.4%. #5fac96 color hex could be obtained by blending #beffff with #00592d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 67
- B 59
RGB color chart
- C 45
- M 0
- Y 13
- K 33
CMYK color chart

● #5fac96 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #5fac96 has RGB values of R:95, G:172, B:150 and CMYK values of C:0.45, M:0, Y:0.13, K:0.33. Its decimal value is 6270102.

Hex triplet	5fac96	`#5fac96`
RGB Decimal	95, 172, 150	`rgb(95,172,150)`
RGB Percent	37.3, 67.5, 58.8	`rgb(37.3%,67.5%,58.8%)`
CMYK	45, 0, 13, 33
HSL	162.9°, 31.7, 52.4	`hsl(162.9,31.7%,52.4%)`
HSV (or HSB)	162.9°, 44.8, 67.5
Web Safe	669999	`#669999`

CIE-LAB	65.072, -29.196, 3.926
XYZ	24.975, 34.138, 34.126
xyY	0.268, 0.366, 34.138
CIE-LCH	65.072, 29.459, 172.341
CIE-LUV	65.072, -35.196, 10.29
Hunter-Lab	58.428, -25.949, 6.27
Binary	01011111, 10101100, 10010110

#5fac96
```
#5fac96 rgb(95,172,150)
```
#ac5f75
```
#ac5f75 rgb(172,95,117)
```

Complementary Color

#5fac70
```
#5fac70 rgb(95,172,112)
```
#5fac96
```
#5fac96 rgb(95,172,150)
```
#5f9cac
```
#5f9cac rgb(95,156,172)
```

Analogous Color

#ac705f
```
#ac705f rgb(172,112,95)
```
#5fac96
```
#5fac96 rgb(95,172,150)
```
#ac5f9c
```
#ac5f9c rgb(172,95,156)
```

Split Complementary Color

#ac965f
```
#ac965f rgb(172,150,95)
```
#5fac96
```
#5fac96 rgb(95,172,150)
```
#965fac
```
#965fac rgb(150,95,172)
```

Triadic Color

#75ac5f
```
#75ac5f rgb(117,172,95)
```
#5fac96
```
#5fac96 rgb(95,172,150)
```
#965fac
```
#965fac rgb(150,95,172)
```
#ac5f75
```
#ac5f75 rgb(172,95,117)
```

Tetradic Color

#417d6c
```
#417d6c rgb(65,125,108)
```
#4a8e7b
```
#4a8e7b rgb(74,142,123)
```
#529f89
```
#529f89 rgb(82,159,137)
```
#5fac96
```
#5fac96 rgb(95,172,150)
```
#70b5a1
```
#70b5a1 rgb(112,181,161)
```
#81bdac
```
#81bdac rgb(129,189,172)
```
#91c6b7
```
#91c6b7 rgb(145,198,183)
```

Monochromatic Color

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

#5fac83
```
#5fac83 rgb(95,172,131)
```
#5fac89
```
#5fac89 rgb(95,172,137)
```
#5fac90
```
#5fac90 rgb(95,172,144)
```
#5fac96
```
#5fac96 rgb(95,172,150)
```
#5fac9c
```
#5fac9c rgb(95,172,156)
```
#5faca3
```
#5faca3 rgb(95,172,163)
```
#5faca9
```
#5faca9 rgb(95,172,169)
```

Similar Colors

Text with hexadecimal color #5fac96

This text has a font color of #5fac96.

<span style="color:#5fac96;">Text here</span>

#5fac96 background color

This paragraph has a background color of #5fac96.

<p style="background-color:#5fac96;">Content here</p>

#5fac96 border color

This element has a border color of #5fac96.

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

CSS codes

.text {color:#5fac96;}

.background {background-color:#5fac96;}

.border {border:1px solid #5fac96;}

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, #040807 is the darkest color, while #fafcfc is the lightest one.

#040807
```
#040807 rgb(4,8,7)
```
#0b1512
```
#0b1512 rgb(11,21,18)
```
#11221d
```
#11221d rgb(17,34,29)
```
#182f28
```
#182f28 rgb(24,47,40)
```
#1f3c33
```
#1f3c33 rgb(31,60,51)
```
#26483f
```
#26483f rgb(38,72,63)
```
#2c554a
```
#2c554a rgb(44,85,74)
```
#336255
```
#336255 rgb(51,98,85)
```
#3a6f60
```
#3a6f60 rgb(58,111,96)
```
#407c6b
```
#407c6b rgb(64,124,107)
```
#478976
```
#478976 rgb(71,137,118)
```
#4e9681
```
#4e9681 rgb(78,150,129)
```
#54a38c
```
#54a38c rgb(84,163,140)
```

Shade Color Variation

#5fac96
```
#5fac96 rgb(95,172,150)
```
#6cb39e
```
#6cb39e rgb(108,179,158)
```
#79b9a7
```
#79b9a7 rgb(121,185,167)
```
#86c0af
```
#86c0af rgb(134,192,175)
```
#93c7b8
```
#93c7b8 rgb(147,199,184)
```
#a0cdc0
```
#a0cdc0 rgb(160,205,192)
```
#acd4c9
```
#acd4c9 rgb(172,212,201)
```
#b9dbd1
```
#b9dbd1 rgb(185,219,209)
```
#c6e2da
```
#c6e2da rgb(198,226,218)
```
#d3e8e2
```
#d3e8e2 rgb(211,232,226)
```
#e0efeb
```
#e0efeb rgb(224,239,235)
```
#edf6f3
```
#edf6f3 rgb(237,246,243)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848786 is the less saturated color, while #14f7b6 is the most saturated one.

#848786
```
#848786 rgb(132,135,134)
```
#7b908a
```
#7b908a rgb(123,144,138)
```
#72998e
```
#72998e rgb(114,153,142)
```
#68a392
```
#68a392 rgb(104,163,146)
```
#5fac96
```
#5fac96 rgb(95,172,150)
```
#56b59a
```
#56b59a rgb(86,181,154)
```
#4cbf9e
```
#4cbf9e rgb(76,191,158)
```
#43c8a2
```
#43c8a2 rgb(67,200,162)
```
#3ad1a6
```
#3ad1a6 rgb(58,209,166)
```
#30dbaa
```
#30dbaa rgb(48,219,170)
```
#27e4ae
```
#27e4ae rgb(39,228,174)
```
#1eedb2
```
#1eedb2 rgb(30,237,178)
```
#14f7b6
```
#14f7b6 rgb(20,247,182)
```

Tone Color Variation

Below, you can see how #5fac96 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

#929292 Achromatopsia 0.005% of the population
#889793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a294 Protanopia 1% of men
#b29ea1 Deuteranopia 1% of men
#70acb8 Tritanopia 0.001% of the population

Trichromacy

#8ea595 Protanomaly 1% of men, 0.01% of women
#94a39d Deuteranomaly 6% of men, 0.4% of women
#6aacab Tritanomaly 0.01% of the population

#5fac96 hex color

#5fac96 Color Information

#5fac96 Color Conversion

Color Schemes with #5fac96

Alternatives to #5fac96

#5fac96 Preview

Shades and Tints of #5fac96

Tones of #5fac96

Color Blindness Simulator