#5fbf86 hex color

In a RGB color space, hex #5fbf86 is composed of 37.3% red, 74.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 0% magenta, 29.8% yellow and 25.1% black. It has a hue angle of 144.4 degrees, a saturation of 42.9% and a lightness of 56.1%. #5fbf86 color hex could be obtained by blending #beffff with #007f0d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 75
- B 53
RGB color chart
- C 50
- M 0
- Y 30
- K 25
CMYK color chart

● #5fbf86 color description : Moderate cyan - lime green.

The hexadecimal color #5fbf86 has RGB values of R:95, G:191, B:134 and CMYK values of C:0.5, M:0, Y:0.3, K:0.25. Its decimal value is 6274950.

Hex triplet	5fbf86	`#5fbf86`
RGB Decimal	95, 191, 134	`rgb(95,191,134)`
RGB Percent	37.3, 74.9, 52.5	`rgb(37.3%,74.9%,52.5%)`
CMYK	50, 0, 30, 25
HSL	144.4°, 42.9, 56.1	`hsl(144.4,42.9%,56.1%)`
HSV (or HSB)	144.4°, 50.3, 74.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.465, -41.387, 20.266
XYZ	27.652, 41.414, 29.089
xyY	0.282, 0.422, 41.414
CIE-LCH	70.465, 46.082, 153.911
CIE-LUV	70.465, -43.591, 34.805
Hunter-Lab	64.354, -35.921, 18.247
Binary	01011111, 10111111, 10000110

#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#bf5f98
```
#bf5f98 rgb(191,95,152)
```

Complementary Color

#68bf5f
```
#68bf5f rgb(104,191,95)
```
#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#5fbfb6
```
#5fbfb6 rgb(95,191,182)
```

Analogous Color

#bf5f68
```
#bf5f68 rgb(191,95,104)
```
#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#b65fbf
```
#b65fbf rgb(182,95,191)
```

Split Complementary Color

#bf865f
```
#bf865f rgb(191,134,95)
```
#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#865fbf
```
#865fbf rgb(134,95,191)
```

Triadic Color

#98bf5f
```
#98bf5f rgb(152,191,95)
```
#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#865fbf
```
#865fbf rgb(134,95,191)
```
#bf5f98
```
#bf5f98 rgb(191,95,152)
```

Tetradic Color

#3c9660
```
#3c9660 rgb(60,150,96)
```
#43a86c
```
#43a86c rgb(67,168,108)
```
#4db878
```
#4db878 rgb(77,184,120)
```
#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#71c694
```
#71c694 rgb(113,198,148)
```
#83cea2
```
#83cea2 rgb(131,206,162)
```
#96d5af
```
#96d5af rgb(150,213,175)
```

Monochromatic Color

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

#5fbf6e
```
#5fbf6e rgb(95,191,110)
```
#5fbf76
```
#5fbf76 rgb(95,191,118)
```
#5fbf7e
```
#5fbf7e rgb(95,191,126)
```
#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#5fbf8e
```
#5fbf8e rgb(95,191,142)
```
#5fbf96
```
#5fbf96 rgb(95,191,150)
```
#5fbf9e
```
#5fbf9e rgb(95,191,158)
```

Similar Colors

Text with hexadecimal color #5fbf86

This text has a font color of #5fbf86.

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

#5fbf86 background color

This paragraph has a background color of #5fbf86.

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

#5fbf86 border color

This element has a border color of #5fbf86.

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

CSS codes

.text {color:#5fbf86;}

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

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

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

#030805
```
#030805 rgb(3,8,5)
```
#09160e
```
#09160e rgb(9,22,14)
```
#0e2417
```
#0e2417 rgb(14,36,23)
```
#143220
```
#143220 rgb(20,50,32)
```
#1a4029
```
#1a4029 rgb(26,64,41)
```
#1f4e32
```
#1f4e32 rgb(31,78,50)
```
#255c3b
```
#255c3b rgb(37,92,59)
```
#2a6a44
```
#2a6a44 rgb(42,106,68)
```
#30784d
```
#30784d rgb(48,120,77)
```
#368656
```
#368656 rgb(54,134,86)
```
#3b945f
```
#3b945f rgb(59,148,95)
```
#41a268
```
#41a268 rgb(65,162,104)
```
#47b071
```
#47b071 rgb(71,176,113)
```

Shade Color Variation

#51b97b
```
#51b97b rgb(81,185,123)
```
#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#6dc591
```
#6dc591 rgb(109,197,145)
```
#7bca9b
```
#7bca9b rgb(123,202,155)
```
#89d0a6
```
#89d0a6 rgb(137,208,166)
```
#97d5b0
```
#97d5b0 rgb(151,213,176)
```
#a5dbbb
```
#a5dbbb rgb(165,219,187)
```
#b3e1c6
```
#b3e1c6 rgb(179,225,198)
```
#c1e6d0
```
#c1e6d0 rgb(193,230,208)
```
#cfecdb
```
#cfecdb rgb(207,236,219)
```
#ddf1e5
```
#ddf1e5 rgb(221,241,229)
```
#ebf7f0
```
#ebf7f0 rgb(235,247,240)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#8a948e
```
#8a948e rgb(138,148,142)
```
#819d8c
```
#819d8c rgb(129,157,140)
```
#79a58b
```
#79a58b rgb(121,165,139)
```
#70ae89
```
#70ae89 rgb(112,174,137)
```
#68b688
```
#68b688 rgb(104,182,136)
```
#5fbf86
```
#5fbf86 rgb(95,191,134)
```
#56c884
```
#56c884 rgb(86,200,132)
```
#4ed083
```
#4ed083 rgb(78,208,131)
```
#45d981
```
#45d981 rgb(69,217,129)
```
#3de180
```
#3de180 rgb(61,225,128)
```
#34ea7e
```
#34ea7e rgb(52,234,126)
```
#2bf37c
```
#2bf37c rgb(43,243,124)
```
#23fb7b
```
#23fb7b rgb(35,251,123)
```

Tone Color Variation

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

Dichromacy

#bdb084 Protanopia 1% of men
#cbaa94 Deuteranopia 1% of men
#7abac8 Tritanopia 0.001% of the population

Trichromacy

#9ab585 Protanomaly 1% of men, 0.01% of women
#a3b18f Deuteranomaly 6% of men, 0.4% of women
#70bcb0 Tritanomaly 0.01% of the population

#5fbf86 hex color

#5fbf86 Color Information

#5fbf86 Color Conversion

Color Schemes with #5fbf86

Alternatives to #5fbf86

#5fbf86 Preview

Shades and Tints of #5fbf86

Tones of #5fbf86

Color Blindness Simulator