#5fb97f hex color

In a RGB color space, hex #5fb97f is composed of 37.3% red, 72.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 31.4% yellow and 27.5% black. It has a hue angle of 141.3 degrees, a saturation of 39.1% and a lightness of 54.9%. #5fb97f color hex could be obtained by blending #befffe with #007300. Closest websafe color is: #66cc66.

♥
- f
- t
- g
- R 37
- G 73
- B 50
RGB color chart
- C 49
- M 0
- Y 31
- K 27
CMYK color chart

● #5fb97f color description : Slightly desaturated cyan - lime green.

The hexadecimal color #5fb97f has RGB values of R:95, G:185, B:127 and CMYK values of C:0.49, M:0, Y:0.31, K:0.27. Its decimal value is 6273407.

Hex triplet	5fb97f	`#5fb97f`
RGB Decimal	95, 185, 127	`rgb(95,185,127)`
RGB Percent	37.3, 72.5, 49.8	`rgb(37.3%,72.5%,49.8%)`
CMYK	49, 0, 31, 27
HSL	141.3°, 39.1, 54.9	`hsl(141.3,39.1%,54.9%)`
HSV (or HSB)	141.3°, 48.6, 72.5
Web Safe	66cc66	`#66cc66`

CIE-LAB	68.505, -40.099, 21.341
XYZ	25.898, 38.661, 26.175
xyY	0.285, 0.426, 38.661
CIE-LCH	68.505, 45.424, 151.978
CIE-LUV	68.505, -41.383, 35.721
Hunter-Lab	62.178, -34.466, 18.565
Binary	01011111, 10111001, 01111111

#5fb97f
```
#5fb97f rgb(95,185,127)
```
#b95f99
```
#b95f99 rgb(185,95,153)
```

Complementary Color

#6cb95f
```
#6cb95f rgb(108,185,95)
```
#5fb97f
```
#5fb97f rgb(95,185,127)
```
#5fb9ac
```
#5fb9ac rgb(95,185,172)
```

Analogous Color

#b95f6c
```
#b95f6c rgb(185,95,108)
```
#5fb97f
```
#5fb97f rgb(95,185,127)
```
#ac5fb9
```
#ac5fb9 rgb(172,95,185)
```

Split Complementary Color

#b97f5f
```
#b97f5f rgb(185,127,95)
```
#5fb97f
```
#5fb97f rgb(95,185,127)
```
#7f5fb9
```
#7f5fb9 rgb(127,95,185)
```

Triadic Color

#99b95f
```
#99b95f rgb(153,185,95)
```
#5fb97f
```
#5fb97f rgb(95,185,127)
```
#7f5fb9
```
#7f5fb9 rgb(127,95,185)
```
#b95f99
```
#b95f99 rgb(185,95,153)
```

Tetradic Color

#3e8e5a
```
#3e8e5a rgb(62,142,90)
```
#469f66
```
#469f66 rgb(70,159,102)
```
#4db171
```
#4db171 rgb(77,177,113)
```
#5fb97f
```
#5fb97f rgb(95,185,127)
```
#71c18d
```
#71c18d rgb(113,193,141)
```
#82c99b
```
#82c99b rgb(130,201,155)
```
#94d0aa
```
#94d0aa rgb(148,208,170)
```

Monochromatic Color

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

#5fb969
```
#5fb969 rgb(95,185,105)
```
#5fb970
```
#5fb970 rgb(95,185,112)
```
#5fb978
```
#5fb978 rgb(95,185,120)
```
#5fb97f
```
#5fb97f rgb(95,185,127)
```
#5fb987
```
#5fb987 rgb(95,185,135)
```
#5fb98e
```
#5fb98e rgb(95,185,142)
```
#5fb996
```
#5fb996 rgb(95,185,150)
```

Similar Colors

Text with hexadecimal color #5fb97f

This text has a font color of #5fb97f.

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

#5fb97f background color

This paragraph has a background color of #5fb97f.

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

#5fb97f border color

This element has a border color of #5fb97f.

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

CSS codes

.text {color:#5fb97f;}

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

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

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

#020402
```
#020402 rgb(2,4,2)
```
#08110b
```
#08110b rgb(8,17,11)
```
#0e1f14
```
#0e1f14 rgb(14,31,20)
```
#142d1c
```
#142d1c rgb(20,45,28)
```
#1a3a25
```
#1a3a25 rgb(26,58,37)
```
#1f482e
```
#1f482e rgb(31,72,46)
```
#255637
```
#255637 rgb(37,86,55)
```
#2b633f
```
#2b633f rgb(43,99,63)
```
#317148
```
#317148 rgb(49,113,72)
```
#377f51
```
#377f51 rgb(55,127,81)
```
#3d8c59
```
#3d8c59 rgb(61,140,89)
```
#439a62
```
#439a62 rgb(67,154,98)
```
#49a76b
```
#49a76b rgb(73,167,107)
```

Shade Color Variation

#51b374
```
#51b374 rgb(81,179,116)
```
#5fb97f
```
#5fb97f rgb(95,185,127)
```
#6dbf8a
```
#6dbf8a rgb(109,191,138)
```
#7ac595
```
#7ac595 rgb(122,197,149)
```
#88cba0
```
#88cba0 rgb(136,203,160)
```
#96d1ab
```
#96d1ab rgb(150,209,171)
```
#a3d7b6
```
#a3d7b6 rgb(163,215,182)
```
#b1ddc0
```
#b1ddc0 rgb(177,221,192)
```
#bfe3cb
```
#bfe3cb rgb(191,227,203)
```
#cce9d6
```
#cce9d6 rgb(204,233,214)
```
#daefe1
```
#daefe1 rgb(218,239,225)
```
#e7f5ec
```
#e7f5ec rgb(231,245,236)
```
#f5fbf7
```
#f5fbf7 rgb(245,251,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d8c is the less saturated color, while #21f76d is the most saturated one.

#8b8d8c
```
#8b8d8c rgb(139,141,140)
```
#829689
```
#829689 rgb(130,150,137)
```
#7a9e87
```
#7a9e87 rgb(122,158,135)
```
#71a784
```
#71a784 rgb(113,167,132)
```
#68b082
```
#68b082 rgb(104,176,130)
```
#5fb97f
```
#5fb97f rgb(95,185,127)
```
#56c27c
```
#56c27c rgb(86,194,124)
```
#4dcb7a
```
#4dcb7a rgb(77,203,122)
```
#44d477
```
#44d477 rgb(68,212,119)
```
#3cdc75
```
#3cdc75 rgb(60,220,117)
```
#33e572
```
#33e572 rgb(51,229,114)
```
#2aee70
```
#2aee70 rgb(42,238,112)
```
#21f76d
```
#21f76d rgb(33,247,109)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8c9e92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ab7e Protanopia 1% of men
#c6a58d Deuteranopia 1% of men
#79b4c1 Tritanopia 0.001% of the population

Trichromacy

#97b07e Protanomaly 1% of men, 0.01% of women
#a0ac88 Deuteranomaly 6% of men, 0.4% of women
#6fb6a9 Tritanomaly 0.01% of the population

#5fb97f hex color

#5fb97f Color Information

#5fb97f Color Conversion

Color Schemes with #5fb97f

Alternatives to #5fb97f

#5fb97f Preview

Shades and Tints of #5fb97f

Tones of #5fb97f

Color Blindness Simulator