#5fbb9f hex color

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

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

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

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

Hex triplet	5fbb9f	`#5fbb9f`
RGB Decimal	95, 187, 159	`rgb(95,187,159)`
RGB Percent	37.3, 73.3, 62.4	`rgb(37.3%,73.3%,62.4%)`
CMYK	49, 0, 15, 27
HSL	161.7°, 40.4, 55.3	`hsl(161.7,40.4%,55.3%)`
HSV (or HSB)	161.7°, 49.2, 73.3
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.806, -34.235, 5.789
XYZ	28.746, 40.475, 39.097
xyY	0.265, 0.374, 40.475
CIE-LCH	69.806, 34.721, 170.402
CIE-LUV	69.806, -40.993, 13.907
Hunter-Lab	63.62, -30.682, 8.098
Binary	01011111, 10111011, 10011111

#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#bb5f7b
```
#bb5f7b rgb(187,95,123)
```

Complementary Color

#5fbb71
```
#5fbb71 rgb(95,187,113)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#5fa9bb
```
#5fa9bb rgb(95,169,187)
```

Analogous Color

#bb715f
```
#bb715f rgb(187,113,95)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#bb5fa9
```
#bb5fa9 rgb(187,95,169)
```

Split Complementary Color

#bb9f5f
```
#bb9f5f rgb(187,159,95)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#9f5fbb
```
#9f5fbb rgb(159,95,187)
```

Triadic Color

#7bbb5f
```
#7bbb5f rgb(123,187,95)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#9f5fbb
```
#9f5fbb rgb(159,95,187)
```
#bb5f7b
```
#bb5f7b rgb(187,95,123)
```

Tetradic Color

#3d9077
```
#3d9077 rgb(61,144,119)
```
#45a286
```
#45a286 rgb(69,162,134)
```
#4db394
```
#4db394 rgb(77,179,148)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#71c3aa
```
#71c3aa rgb(113,195,170)
```
#83cab4
```
#83cab4 rgb(131,202,180)
```
#95d2bf
```
#95d2bf rgb(149,210,191)
```

Monochromatic Color

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

#5fbb88
```
#5fbb88 rgb(95,187,136)
```
#5fbb90
```
#5fbb90 rgb(95,187,144)
```
#5fbb97
```
#5fbb97 rgb(95,187,151)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#5fbba7
```
#5fbba7 rgb(95,187,167)
```
#5fbbae
```
#5fbbae rgb(95,187,174)
```
#5fbbb6
```
#5fbbb6 rgb(95,187,182)
```

Similar Colors

Text with hexadecimal color #5fbb9f

This text has a font color of #5fbb9f.

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

#5fbb9f background color

This paragraph has a background color of #5fbb9f.

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

#5fbb9f border color

This element has a border color of #5fbb9f.

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

CSS codes

.text {color:#5fbb9f;}

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

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

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)
```
#081310
```
#081310 rgb(8,19,16)
```
#0e211b
```
#0e211b rgb(14,33,27)
```
#142e26
```
#142e26 rgb(20,46,38)
```
#1a3c32
```
#1a3c32 rgb(26,60,50)
```
#1f4a3d
```
#1f4a3d rgb(31,74,61)
```
#255848
```
#255848 rgb(37,88,72)
```
#2b6654
```
#2b6654 rgb(43,102,84)
```
#31735f
```
#31735f rgb(49,115,95)
```
#37816a
```
#37816a rgb(55,129,106)
```
#3d8f76
```
#3d8f76 rgb(61,143,118)
```
#439d81
```
#439d81 rgb(67,157,129)
```
#48aa8d
```
#48aa8d rgb(72,170,141)
```

Shade Color Variation

#51b597
```
#51b597 rgb(81,181,151)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#6dc1a7
```
#6dc1a7 rgb(109,193,167)
```
#7bc7b0
```
#7bc7b0 rgb(123,199,176)
```
#88cdb8
```
#88cdb8 rgb(136,205,184)
```
#96d2c0
```
#96d2c0 rgb(150,210,192)
```
#a4d8c8
```
#a4d8c8 rgb(164,216,200)
```
#b2ded1
```
#b2ded1 rgb(178,222,209)
```
#bfe4d9
```
#bfe4d9 rgb(191,228,217)
```
#cdeae1
```
#cdeae1 rgb(205,234,225)
```
#dbf0e9
```
#dbf0e9 rgb(219,240,233)
```
#e9f6f2
```
#e9f6f2 rgb(233,246,242)
```
#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 #22f8b7 is the most saturated one.

#8b8f8e
```
#8b8f8e rgb(139,143,142)
```
#829891
```
#829891 rgb(130,152,145)
```
#79a195
```
#79a195 rgb(121,161,149)
```
#71a998
```
#71a998 rgb(113,169,152)
```
#68b29c
```
#68b29c rgb(104,178,156)
```
#5fbb9f
```
#5fbb9f rgb(95,187,159)
```
#56c4a2
```
#56c4a2 rgb(86,196,162)
```
#4dcda6
```
#4dcda6 rgb(77,205,166)
```
#45d5a9
```
#45d5a9 rgb(69,213,169)
```
#3cdead
```
#3cdead rgb(60,222,173)
```
#33e7b0
```
#33e7b0 rgb(51,231,176)
```
#2af0b4
```
#2af0b4 rgb(42,240,180)
```
#22f8b7
```
#22f8b7 rgb(34,248,183)
```

Tone Color Variation

Below, you can see how #5fbb9f 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
#90a29d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6ae9c Protanopia 1% of men
#c0a9ab Deuteranopia 1% of men
#73b9c6 Tritanopia 0.001% of the population

Trichromacy

#96b29d Protanomaly 1% of men, 0.01% of women
#9dafa6 Deuteranomaly 6% of men, 0.4% of women
#6cbab8 Tritanomaly 0.01% of the population

#5fbb9f hex color

#5fbb9f Color Information

#5fbb9f Color Conversion

Color Schemes with #5fbb9f

Alternatives to #5fbb9f

#5fbb9f Preview

Shades and Tints of #5fbb9f

Tones of #5fbb9f

Color Blindness Simulator