#5fbb60 hex color

In a RGB color space, hex #5fbb60 is composed of 37.3% red, 73.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 0% magenta, 48.7% yellow and 26.7% black. It has a hue angle of 120.7 degrees, a saturation of 40.4% and a lightness of 55.3%. #5fbb60 color hex could be obtained by blending #beffc0 with #007700. Closest websafe color is: #66cc66.

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

● #5fbb60 color description : Slightly desaturated lime green.

The hexadecimal color #5fbb60 has RGB values of R:95, G:187, B:96 and CMYK values of C:0.49, M:0, Y:0.49, K:0.27. Its decimal value is 6273888.

Hex triplet	5fbb60	`#5fbb60`
RGB Decimal	95, 187, 96	`rgb(95,187,96)`
RGB Percent	37.3, 73.3, 37.6	`rgb(37.3%,73.3%,37.6%)`
CMYK	49, 0, 49, 27
HSL	120.7°, 40.4, 55.3	`hsl(120.7,40.4%,55.3%)`
HSV (or HSB)	120.7°, 49.2, 73.3
Web Safe	66cc66	`#66cc66`

CIE-LAB	68.618, -46.093, 37.649
XYZ	24.6, 38.816, 17.262
xyY	0.305, 0.481, 38.816
CIE-LCH	68.618, 59.515, 140.758
CIE-LUV	68.618, -43.211, 55.376
Hunter-Lab	62.303, -38.551, 27.185
Binary	01011111, 10111011, 01100000

#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#bb5fba
```
#bb5fba rgb(187,95,186)
```

Complementary Color

#8cbb5f
```
#8cbb5f rgb(140,187,95)
```
#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#5fbb8e
```
#5fbb8e rgb(95,187,142)
```

Analogous Color

#bb5f8c
```
#bb5f8c rgb(187,95,140)
```
#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#8e5fbb
```
#8e5fbb rgb(142,95,187)
```

Split Complementary Color

#bb605f
```
#bb605f rgb(187,96,95)
```
#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#605fbb
```
#605fbb rgb(96,95,187)
```

Triadic Color

#babb5f
```
#babb5f rgb(186,187,95)
```
#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#605fbb
```
#605fbb rgb(96,95,187)
```
#bb5fba
```
#bb5fba rgb(187,95,186)
```

Tetradic Color

#3d903e
```
#3d903e rgb(61,144,62)
```
#45a246
```
#45a246 rgb(69,162,70)
```
#4db34e
```
#4db34e rgb(77,179,78)
```
#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#71c372
```
#71c372 rgb(113,195,114)
```
#83ca84
```
#83ca84 rgb(131,202,132)
```
#95d295
```
#95d295 rgb(149,210,149)
```

Monochromatic Color

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

#75bb5f
```
#75bb5f rgb(117,187,95)
```
#6dbb5f
```
#6dbb5f rgb(109,187,95)
```
#66bb5f
```
#66bb5f rgb(102,187,95)
```
#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#5fbb68
```
#5fbb68 rgb(95,187,104)
```
#5fbb6f
```
#5fbb6f rgb(95,187,111)
```
#5fbb77
```
#5fbb77 rgb(95,187,119)
```

Similar Colors

Text with hexadecimal color #5fbb60

This text has a font color of #5fbb60.

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

#5fbb60 background color

This paragraph has a background color of #5fbb60.

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

#5fbb60 border color

This element has a border color of #5fbb60.

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

CSS codes

.text {color:#5fbb60;}

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

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

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

#020502
```
#020502 rgb(2,5,2)
```
#081308
```
#081308 rgb(8,19,8)
```
#0e210e
```
#0e210e rgb(14,33,14)
```
#142e14
```
#142e14 rgb(20,46,20)
```
#1a3c1a
```
#1a3c1a rgb(26,60,26)
```
#1f4a20
```
#1f4a20 rgb(31,74,32)
```
#255826
```
#255826 rgb(37,88,38)
```
#2b662c
```
#2b662c rgb(43,102,44)
```
#317332
```
#317332 rgb(49,115,50)
```
#378138
```
#378138 rgb(55,129,56)
```
#3d8f3e
```
#3d8f3e rgb(61,143,62)
```
#439d44
```
#439d44 rgb(67,157,68)
```
#48aa49
```
#48aa49 rgb(72,170,73)
```

Shade Color Variation

#51b552
```
#51b552 rgb(81,181,82)
```
#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#6dc16e
```
#6dc16e rgb(109,193,110)
```
#7bc77b
```
#7bc77b rgb(123,199,123)
```
#88cd89
```
#88cd89 rgb(136,205,137)
```
#96d297
```
#96d297 rgb(150,210,151)
```
#a4d8a4
```
#a4d8a4 rgb(164,216,164)
```
#b2deb2
```
#b2deb2 rgb(178,222,178)
```
#bfe4c0
```
#bfe4c0 rgb(191,228,192)
```
#cdeacd
```
#cdeacd rgb(205,234,205)
```
#dbf0db
```
#dbf0db rgb(219,240,219)
```
#e9f6e9
```
#e9f6e9 rgb(233,246,233)
```
#f6fbf6
```
#f6fbf6 rgb(246,251,246)
```

Tint Color Variation

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

#8b8f8b
```
#8b8f8b rgb(139,143,139)
```
#829882
```
#829882 rgb(130,152,130)
```
#79a17a
```
#79a17a rgb(121,161,122)
```
#71a971
```
#71a971 rgb(113,169,113)
```
#68b269
```
#68b269 rgb(104,178,105)
```
#5fbb60
```
#5fbb60 rgb(95,187,96)
```
#56c457
```
#56c457 rgb(86,196,87)
```
#4dcd4f
```
#4dcd4f rgb(77,205,79)
```
#45d546
```
#45d546 rgb(69,213,70)
```
#3cde3e
```
#3cde3e rgb(60,222,62)
```
#33e735
```
#33e735 rgb(51,231,53)
```
#2af02d
```
#2af02d rgb(42,240,45)
```
#22f824
```
#22f824 rgb(34,248,36)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8a9d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcab61 Protanopia 1% of men
#cda471 Deuteranopia 1% of men
#7eb4c1 Tritanopia 0.001% of the population

Trichromacy

#9ab161 Protanomaly 1% of men, 0.01% of women
#a5ac6a Deuteranomaly 6% of men, 0.4% of women
#72b69e Tritanomaly 0.01% of the population

#5fbb60 hex color

#5fbb60 Color Information

#5fbb60 Color Conversion

Color Schemes with #5fbb60

Alternatives to #5fbb60

#5fbb60 Preview

Shades and Tints of #5fbb60

Tones of #5fbb60

Color Blindness Simulator