#5fbc80 hex color

In a RGB color space, hex #5fbc80 is composed of 37.3% red, 73.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 0% magenta, 31.9% yellow and 26.3% black. It has a hue angle of 141.3 degrees, a saturation of 41% and a lightness of 55.5%. #5fbc80 color hex could be obtained by blending #beffff with #007901. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 74
- B 50
RGB color chart
- C 49
- M 0
- Y 32
- K 26
CMYK color chart

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

The hexadecimal color #5fbc80 has RGB values of R:95, G:188, B:128 and CMYK values of C:0.49, M:0, Y:0.32, K:0.26. Its decimal value is 6274176.

Hex triplet	5fbc80	`#5fbc80`
RGB Decimal	95, 188, 128	`rgb(95,188,128)`
RGB Percent	37.3, 73.7, 50.2	`rgb(37.3%,73.7%,50.2%)`
CMYK	49, 0, 32, 26
HSL	141.3°, 41, 55.5	`hsl(141.3,41%,55.5%)`
HSV (or HSB)	141.3°, 49.5, 73.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.438, -41.227, 22.074
XYZ	26.597, 39.956, 26.732
xyY	0.285, 0.428, 39.956
CIE-LCH	69.438, 46.765, 151.834
CIE-LUV	69.438, -42.585, 36.941
Hunter-Lab	63.211, -35.511, 19.174
Binary	01011111, 10111100, 10000000

#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#bc5f9b
```
#bc5f9b rgb(188,95,155)
```

Complementary Color

#6dbc5f
```
#6dbc5f rgb(109,188,95)
```
#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#5fbcaf
```
#5fbcaf rgb(95,188,175)
```

Analogous Color

#bc5f6d
```
#bc5f6d rgb(188,95,109)
```
#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#af5fbc
```
#af5fbc rgb(175,95,188)
```

Split Complementary Color

#bc805f
```
#bc805f rgb(188,128,95)
```
#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#805fbc
```
#805fbc rgb(128,95,188)
```

Triadic Color

#9bbc5f
```
#9bbc5f rgb(155,188,95)
```
#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#805fbc
```
#805fbc rgb(128,95,188)
```
#bc5f9b
```
#bc5f9b rgb(188,95,155)
```

Tetradic Color

#3d925b
```
#3d925b rgb(61,146,91)
```
#44a466
```
#44a466 rgb(68,164,102)
```
#4db472
```
#4db472 rgb(77,180,114)
```
#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#71c48e
```
#71c48e rgb(113,196,142)
```
#83cb9d
```
#83cb9d rgb(131,203,157)
```
#95d3ab
```
#95d3ab rgb(149,211,171)
```

Monochromatic Color

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

#5fbc69
```
#5fbc69 rgb(95,188,105)
```
#5fbc71
```
#5fbc71 rgb(95,188,113)
```
#5fbc78
```
#5fbc78 rgb(95,188,120)
```
#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#5fbc88
```
#5fbc88 rgb(95,188,136)
```
#5fbc90
```
#5fbc90 rgb(95,188,144)
```
#5fbc97
```
#5fbc97 rgb(95,188,151)
```

Similar Colors

Text with hexadecimal color #5fbc80

This text has a font color of #5fbc80.

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

#5fbc80 background color

This paragraph has a background color of #5fbc80.

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

#5fbc80 border color

This element has a border color of #5fbc80.

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

CSS codes

.text {color:#5fbc80;}

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

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

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

#020604
```
#020604 rgb(2,6,4)
```
#08140c
```
#08140c rgb(8,20,12)
```
#0e2215
```
#0e2215 rgb(14,34,21)
```
#142f1e
```
#142f1e rgb(20,47,30)
```
#1a3d26
```
#1a3d26 rgb(26,61,38)
```
#1f4b2f
```
#1f4b2f rgb(31,75,47)
```
#255938
```
#255938 rgb(37,89,56)
```
#2b6740
```
#2b6740 rgb(43,103,64)
```
#317549
```
#317549 rgb(49,117,73)
```
#378251
```
#378251 rgb(55,130,81)
```
#3c905a
```
#3c905a rgb(60,144,90)
```
#429e63
```
#429e63 rgb(66,158,99)
```
#48ac6b
```
#48ac6b rgb(72,172,107)
```

Shade Color Variation

#51b675
```
#51b675 rgb(81,182,117)
```
#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#6dc28b
```
#6dc28b rgb(109,194,139)
```
#7bc896
```
#7bc896 rgb(123,200,150)
```
#88cda1
```
#88cda1 rgb(136,205,161)
```
#96d3ac
```
#96d3ac rgb(150,211,172)
```
#a4d9b7
```
#a4d9b7 rgb(164,217,183)
```
#b2dfc2
```
#b2dfc2 rgb(178,223,194)
```
#c0e5cd
```
#c0e5cd rgb(192,229,205)
```
#ceead8
```
#ceead8 rgb(206,234,216)
```
#dbf0e3
```
#dbf0e3 rgb(219,240,227)
```
#e9f6ee
```
#e9f6ee rgb(233,246,238)
```
#f7fcf9
```
#f7fcf9 rgb(247,252,249)
```

Tint Color Variation

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

#8b908d
```
#8b908d rgb(139,144,141)
```
#82998a
```
#82998a rgb(130,153,138)
```
#79a288
```
#79a288 rgb(121,162,136)
```
#70ab85
```
#70ab85 rgb(112,171,133)
```
#68b383
```
#68b383 rgb(104,179,131)
```
#5fbc80
```
#5fbc80 rgb(95,188,128)
```
#56c57d
```
#56c57d rgb(86,197,125)
```
#4ecd7b
```
#4ecd7b rgb(78,205,123)
```
#45d678
```
#45d678 rgb(69,214,120)
```
#3cdf76
```
#3cdf76 rgb(60,223,118)
```
#33e873
```
#33e873 rgb(51,232,115)
```
#2bf071
```
#2bf071 rgb(43,240,113)
```
#22f96e
```
#22f96e rgb(34,249,110)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8da094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baad7f Protanopia 1% of men
#c9a78e Deuteranopia 1% of men
#7ab7c4 Tritanopia 0.001% of the population

Trichromacy

#99b27f Protanomaly 1% of men, 0.01% of women
#a2af89 Deuteranomaly 6% of men, 0.4% of women
#70b9ab Tritanomaly 0.01% of the population

#5fbc80 hex color

#5fbc80 Color Information

#5fbc80 Color Conversion

Color Schemes with #5fbc80

Alternatives to #5fbc80

#5fbc80 Preview

Shades and Tints of #5fbc80

Tones of #5fbc80

Color Blindness Simulator