#5fbb99 hex color

In a RGB color space, hex #5fbb99 is composed of 37.3% red, 73.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 0% magenta, 18.2% yellow and 26.7% black. It has a hue angle of 157.8 degrees, a saturation of 40.4% and a lightness of 55.3%. #5fbb99 color hex could be obtained by blending #beffff with #007733. Closest websafe color is: #66cc99.

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

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

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

Hex triplet	5fbb99	`#5fbb99`
RGB Decimal	95, 187, 153	`rgb(95,187,153)`
RGB Percent	37.3, 73.3, 60	`rgb(37.3%,73.3%,60%)`
CMYK	49, 0, 18, 27
HSL	157.8°, 40.4, 55.3	`hsl(157.8,40.4%,55.3%)`
HSV (or HSB)	157.8°, 49.2, 73.3
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.663, -35.604, 8.861
XYZ	28.237, 40.272, 36.42
xyY	0.269, 0.384, 40.272
CIE-LCH	69.663, 36.69, 166.024
CIE-LUV	69.663, -41.231, 18.488
Hunter-Lab	63.46, -31.628, 10.395
Binary	01011111, 10111011, 10011001

#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#bb5f81
```
#bb5f81 rgb(187,95,129)
```

Complementary Color

#5fbb6b
```
#5fbb6b rgb(95,187,107)
```
#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#5fafbb
```
#5fafbb rgb(95,175,187)
```

Analogous Color

#bb6b5f
```
#bb6b5f rgb(187,107,95)
```
#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#bb5faf
```
#bb5faf rgb(187,95,175)
```

Split Complementary Color

#bb995f
```
#bb995f rgb(187,153,95)
```
#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#995fbb
```
#995fbb rgb(153,95,187)
```

Triadic Color

#81bb5f
```
#81bb5f rgb(129,187,95)
```
#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#995fbb
```
#995fbb rgb(153,95,187)
```
#bb5f81
```
#bb5f81 rgb(187,95,129)
```

Tetradic Color

#3d9072
```
#3d9072 rgb(61,144,114)
```
#45a280
```
#45a280 rgb(69,162,128)
```
#4db38e
```
#4db38e rgb(77,179,142)
```
#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#71c3a4
```
#71c3a4 rgb(113,195,164)
```
#83cab0
```
#83cab0 rgb(131,202,176)
```
#95d2bb
```
#95d2bb rgb(149,210,187)
```

Monochromatic Color

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

#5fbb82
```
#5fbb82 rgb(95,187,130)
```
#5fbb8a
```
#5fbb8a rgb(95,187,138)
```
#5fbb91
```
#5fbb91 rgb(95,187,145)
```
#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#5fbba1
```
#5fbba1 rgb(95,187,161)
```
#5fbba8
```
#5fbba8 rgb(95,187,168)
```
#5fbbb0
```
#5fbbb0 rgb(95,187,176)
```

Similar Colors

Text with hexadecimal color #5fbb99

This text has a font color of #5fbb99.

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

#5fbb99 background color

This paragraph has a background color of #5fbb99.

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

#5fbb99 border color

This element has a border color of #5fbb99.

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

CSS codes

.text {color:#5fbb99;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#08130f
```
#08130f rgb(8,19,15)
```
#0e211a
```
#0e211a rgb(14,33,26)
```
#142e25
```
#142e25 rgb(20,46,37)
```
#1a3c2f
```
#1a3c2f rgb(26,60,47)
```
#1f4a3a
```
#1f4a3a rgb(31,74,58)
```
#255845
```
#255845 rgb(37,88,69)
```
#2b6650
```
#2b6650 rgb(43,102,80)
```
#31735b
```
#31735b rgb(49,115,91)
```
#378166
```
#378166 rgb(55,129,102)
```
#3d8f70
```
#3d8f70 rgb(61,143,112)
```
#439d7b
```
#439d7b rgb(67,157,123)
```
#48aa86
```
#48aa86 rgb(72,170,134)
```

Shade Color Variation

#51b590
```
#51b590 rgb(81,181,144)
```
#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#6dc1a2
```
#6dc1a2 rgb(109,193,162)
```
#7bc7ab
```
#7bc7ab rgb(123,199,171)
```
#88cdb3
```
#88cdb3 rgb(136,205,179)
```
#96d2bc
```
#96d2bc rgb(150,210,188)
```
#a4d8c5
```
#a4d8c5 rgb(164,216,197)
```
#b2dece
```
#b2dece rgb(178,222,206)
```
#bfe4d6
```
#bfe4d6 rgb(191,228,214)
```
#cdeadf
```
#cdeadf rgb(205,234,223)
```
#dbf0e8
```
#dbf0e8 rgb(219,240,232)
```
#e9f6f1
```
#e9f6f1 rgb(233,246,241)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#8b8f8e
```
#8b8f8e rgb(139,143,142)
```
#829890
```
#829890 rgb(130,152,144)
```
#79a192
```
#79a192 rgb(121,161,146)
```
#71a994
```
#71a994 rgb(113,169,148)
```
#68b297
```
#68b297 rgb(104,178,151)
```
#5fbb99
```
#5fbb99 rgb(95,187,153)
```
#56c49b
```
#56c49b rgb(86,196,155)
```
#4dcd9e
```
#4dcd9e rgb(77,205,158)
```
#45d5a0
```
#45d5a0 rgb(69,213,160)
```
#3cdea2
```
#3cdea2 rgb(60,222,162)
```
#33e7a4
```
#33e7a4 rgb(51,231,164)
```
#2af0a7
```
#2af0a7 rgb(42,240,167)
```
#22f8a9
```
#22f8a9 rgb(34,248,169)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#90a29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ae96 Protanopia 1% of men
#c2a9a5 Deuteranopia 1% of men
#75b8c6 Tritanopia 0.001% of the population

Trichromacy

#97b297 Protanomaly 1% of men, 0.01% of women
#9eafa1 Deuteranomaly 6% of men, 0.4% of women
#6db9b5 Tritanomaly 0.01% of the population

#5fbb99 hex color

#5fbb99 Color Information

#5fbb99 Color Conversion

Color Schemes with #5fbb99

Alternatives to #5fbb99

#5fbb99 Preview

Shades and Tints of #5fbb99

Tones of #5fbb99

Color Blindness Simulator