colorhexa.com

#5fba80 hex color

In a RGB color space, hex #5fba80 is composed of 37.3% red, 72.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 0% magenta, 31.2% yellow and 27.1% black. It has a hue angle of 141.8 degrees, a saturation of 39.7% and a lightness of 55.1%. #5fba80 color hex could be obtained by blending #beffff with #007501. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #5fba80 has RGB values of R:95, G:186, B:128 and CMYK values of C:0.49, M:0, Y:0.31, K:0.27. Its decimal value is 6273664.

Hex triplet	5fba80	`#5fba80`
RGB Decimal	95, 186, 128	`rgb(95,186,128)`
RGB Percent	37.3, 72.9, 50.2	`rgb(37.3%,72.9%,50.2%)`
CMYK	49, 0, 31, 27
HSL	141.8°, 39.7, 55.1	`hsl(141.8,39.7%,55.1%)`
HSV (or HSB)	141.8°, 48.9, 72.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.829, -40.349, 21.245
XYZ	26.173, 39.107, 26.59
xyY	0.285, 0.426, 39.107
CIE-LCH	68.829, 45.601, 152.232
CIE-LUV	68.829, -41.761, 35.683
Hunter-Lab	62.536, -34.731, 18.565
Binary	01011111, 10111010, 10000000

#5fba80
```
#5fba80 rgb(95,186,128)
```
#ba5f99
```
#ba5f99 rgb(186,95,153)
```

Complementary Color

#6cba5f
```
#6cba5f rgb(108,186,95)
```
#5fba80
```
#5fba80 rgb(95,186,128)
```
#5fbaae
```
#5fbaae rgb(95,186,174)
```

Analogous Color

#ba5f6c
```
#ba5f6c rgb(186,95,108)
```
#5fba80
```
#5fba80 rgb(95,186,128)
```
#ae5fba
```
#ae5fba rgb(174,95,186)
```

Split Complementary Color

#ba805f
```
#ba805f rgb(186,128,95)
```
#5fba80
```
#5fba80 rgb(95,186,128)
```
#805fba
```
#805fba rgb(128,95,186)
```

Triadic Color

#99ba5f
```
#99ba5f rgb(153,186,95)
```
#5fba80
```
#5fba80 rgb(95,186,128)
```
#805fba
```
#805fba rgb(128,95,186)
```
#ba5f99
```
#ba5f99 rgb(186,95,153)
```

Tetradic Color

#3e8f5b
```
#3e8f5b rgb(62,143,91)
```
#45a166
```
#45a166 rgb(69,161,102)
```
#4db272
```
#4db272 rgb(77,178,114)
```
#5fba80
```
#5fba80 rgb(95,186,128)
```
#71c28e
```
#71c28e rgb(113,194,142)
```
#83c99c
```
#83c99c rgb(131,201,156)
```
#94d1aa
```
#94d1aa rgb(148,209,170)
```

Monochromatic Color

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

#5fba69
```
#5fba69 rgb(95,186,105)
```
#5fba71
```
#5fba71 rgb(95,186,113)
```
#5fba78
```
#5fba78 rgb(95,186,120)
```
#5fba80
```
#5fba80 rgb(95,186,128)
```
#5fba88
```
#5fba88 rgb(95,186,136)
```
#5fba8f
```
#5fba8f rgb(95,186,143)
```
#5fba97
```
#5fba97 rgb(95,186,151)
```

Similar Colors

Text with hexadecimal color #5fba80

This text has a font color of #5fba80.

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

#5fba80 background color

This paragraph has a background color of #5fba80.

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

#5fba80 border color

This element has a border color of #5fba80.

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

CSS codes

.text {color:#5fba80;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#08120c
```
#08120c rgb(8,18,12)
```
#0e2014
```
#0e2014 rgb(14,32,20)
```
#142e1d
```
#142e1d rgb(20,46,29)
```
#1a3b26
```
#1a3b26 rgb(26,59,38)
```
#1f492f
```
#1f492f rgb(31,73,47)
```
#255737
```
#255737 rgb(37,87,55)
```
#2b6440
```
#2b6440 rgb(43,100,64)
```
#317249
```
#317249 rgb(49,114,73)
```
#378051
```
#378051 rgb(55,128,81)
```
#3d8e5a
```
#3d8e5a rgb(61,142,90)
```
#439b63
```
#439b63 rgb(67,155,99)
```
#49a96c
```
#49a96c rgb(73,169,108)
```

Shade Color Variation

#51b475
```
#51b475 rgb(81,180,117)
```
#5fba80
```
#5fba80 rgb(95,186,128)
```
#6dc08b
```
#6dc08b rgb(109,192,139)
```
#7ac696
```
#7ac696 rgb(122,198,150)
```
#88cca1
```
#88cca1 rgb(136,204,161)
```
#96d2ac
```
#96d2ac rgb(150,210,172)
```
#a4d8b6
```
#a4d8b6 rgb(164,216,182)
```
#b1ddc1
```
#b1ddc1 rgb(177,221,193)
```
#bfe3cc
```
#bfe3cc rgb(191,227,204)
```
#cde9d7
```
#cde9d7 rgb(205,233,215)
```
#daefe2
```
#daefe2 rgb(218,239,226)
```
#e8f5ed
```
#e8f5ed rgb(232,245,237)
```
#f6fbf8
```
#f6fbf8 rgb(246,251,248)
```

Tint Color Variation

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

#8b8e8c
```
#8b8e8c rgb(139,142,140)
```
#82978a
```
#82978a rgb(130,151,138)
```
#79a087
```
#79a087 rgb(121,160,135)
```
#71a885
```
#71a885 rgb(113,168,133)
```
#68b182
```
#68b182 rgb(104,177,130)
```
#5fba80
```
#5fba80 rgb(95,186,128)
```
#56c37e
```
#56c37e rgb(86,195,126)
```
#4dcc7b
```
#4dcc7b rgb(77,204,123)
```
#45d479
```
#45d479 rgb(69,212,121)
```
#3cdd76
```
#3cdd76 rgb(60,221,118)
```
#33e674
```
#33e674 rgb(51,230,116)
```
#2aef71
```
#2aef71 rgb(42,239,113)
```
#21f86f
```
#21f86f rgb(33,248,111)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8d9f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ac7f Protanopia 1% of men
#c7a68e Deuteranopia 1% of men
#79b5c2 Tritanopia 0.001% of the population

Trichromacy

#98b17f Protanomaly 1% of men, 0.01% of women
#a1ad89 Deuteranomaly 6% of men, 0.4% of women
#6fb7aa Tritanomaly 0.01% of the population