#5fbc84 hex color

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

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

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

The hexadecimal color #5fbc84 has RGB values of R:95, G:188, B:132 and CMYK values of C:0.49, M:0, Y:0.3, K:0.26. Its decimal value is 6274180.

Hex triplet	5fbc84	`#5fbc84`
RGB Decimal	95, 188, 132	`rgb(95,188,132)`
RGB Percent	37.3, 73.7, 51.8	`rgb(37.3%,73.7%,51.8%)`
CMYK	49, 0, 30, 26
HSL	143.9°, 41, 55.5	`hsl(143.9,41%,55.5%)`
HSV (or HSB)	143.9°, 49.5, 73.7
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.515, -40.46, 20.036
XYZ	26.866, 40.063, 28.146
xyY	0.283, 0.421, 40.063
CIE-LCH	69.515, 45.149, 153.655
CIE-LUV	69.515, -42.44, 34.252
Hunter-Lab	63.296, -35.003, 17.942
Binary	01011111, 10111100, 10000100

#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#bc5f97
```
#bc5f97 rgb(188,95,151)
```

Complementary Color

#69bc5f
```
#69bc5f rgb(105,188,95)
```
#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#5fbcb3
```
#5fbcb3 rgb(95,188,179)
```

Analogous Color

#bc5f69
```
#bc5f69 rgb(188,95,105)
```
#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#b35fbc
```
#b35fbc rgb(179,95,188)
```

Split Complementary Color

#bc845f
```
#bc845f rgb(188,132,95)
```
#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#845fbc
```
#845fbc rgb(132,95,188)
```

Triadic Color

#97bc5f
```
#97bc5f rgb(151,188,95)
```
#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#845fbc
```
#845fbc rgb(132,95,188)
```
#bc5f97
```
#bc5f97 rgb(188,95,151)
```

Tetradic Color

#3d925f
```
#3d925f rgb(61,146,95)
```
#44a46a
```
#44a46a rgb(68,164,106)
```
#4db476
```
#4db476 rgb(77,180,118)
```
#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#71c492
```
#71c492 rgb(113,196,146)
```
#83cba0
```
#83cba0 rgb(131,203,160)
```
#95d3ad
```
#95d3ad rgb(149,211,173)
```

Monochromatic Color

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

#5fbc6d
```
#5fbc6d rgb(95,188,109)
```
#5fbc75
```
#5fbc75 rgb(95,188,117)
```
#5fbc7c
```
#5fbc7c rgb(95,188,124)
```
#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#5fbc8c
```
#5fbc8c rgb(95,188,140)
```
#5fbc94
```
#5fbc94 rgb(95,188,148)
```
#5fbc9b
```
#5fbc9b rgb(95,188,155)
```

Similar Colors

Text with hexadecimal color #5fbc84

This text has a font color of #5fbc84.

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

#5fbc84 background color

This paragraph has a background color of #5fbc84.

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

#5fbc84 border color

This element has a border color of #5fbc84.

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

CSS codes

.text {color:#5fbc84;}

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

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

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)
```
#08140d
```
#08140d rgb(8,20,13)
```
#0e2216
```
#0e2216 rgb(14,34,22)
```
#142f1f
```
#142f1f rgb(20,47,31)
```
#1a3d28
```
#1a3d28 rgb(26,61,40)
```
#1f4b31
```
#1f4b31 rgb(31,75,49)
```
#25593a
```
#25593a rgb(37,89,58)
```
#2b6743
```
#2b6743 rgb(43,103,67)
```
#31754c
```
#31754c rgb(49,117,76)
```
#378255
```
#378255 rgb(55,130,85)
```
#3c905e
```
#3c905e rgb(60,144,94)
```
#429e67
```
#429e67 rgb(66,158,103)
```
#48ac70
```
#48ac70 rgb(72,172,112)
```

Shade Color Variation

#51b679
```
#51b679 rgb(81,182,121)
```
#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#6dc28f
```
#6dc28f rgb(109,194,143)
```
#7bc899
```
#7bc899 rgb(123,200,153)
```
#88cda4
```
#88cda4 rgb(136,205,164)
```
#96d3af
```
#96d3af rgb(150,211,175)
```
#a4d9b9
```
#a4d9b9 rgb(164,217,185)
```
#b2dfc4
```
#b2dfc4 rgb(178,223,196)
```
#c0e5ce
```
#c0e5ce rgb(192,229,206)
```
#ceead9
```
#ceead9 rgb(206,234,217)
```
#dbf0e4
```
#dbf0e4 rgb(219,240,228)
```
#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 #22f978 is the most saturated one.

#8b908d
```
#8b908d rgb(139,144,141)
```
#82998b
```
#82998b rgb(130,153,139)
```
#79a289
```
#79a289 rgb(121,162,137)
```
#70ab88
```
#70ab88 rgb(112,171,136)
```
#68b386
```
#68b386 rgb(104,179,134)
```
#5fbc84
```
#5fbc84 rgb(95,188,132)
```
#56c582
```
#56c582 rgb(86,197,130)
```
#4ecd80
```
#4ecd80 rgb(78,205,128)
```
#45d67f
```
#45d67f rgb(69,214,127)
```
#3cdf7d
```
#3cdf7d rgb(60,223,125)
```
#33e87b
```
#33e87b rgb(51,232,123)
```
#2bf079
```
#2bf079 rgb(43,240,121)
```
#22f978
```
#22f978 rgb(34,249,120)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8ea196 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baad83 Protanopia 1% of men
#c8a792 Deuteranopia 1% of men
#79b7c5 Tritanopia 0.001% of the population

Trichromacy

#99b383 Protanomaly 1% of men, 0.01% of women
#a2af8d Deuteranomaly 6% of men, 0.4% of women
#6fb9ad Tritanomaly 0.01% of the population

#5fbc84 hex color

#5fbc84 Color Information

#5fbc84 Color Conversion

Color Schemes with #5fbc84

Alternatives to #5fbc84

#5fbc84 Preview

Shades and Tints of #5fbc84

Tones of #5fbc84

Color Blindness Simulator