#5fbe96 hex color

In a RGB color space, hex #5fbe96 is composed of 37.3% red, 74.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 21.1% yellow and 25.5% black. It has a hue angle of 154.7 degrees, a saturation of 42.2% and a lightness of 55.9%. #5fbe96 color hex could be obtained by blending #beffff with #007d2d. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #5fbe96 has RGB values of R:95, G:190, B:150 and CMYK values of C:0.5, M:0, Y:0.21, K:0.25. Its decimal value is 6274710.

Hex triplet	5fbe96	`#5fbe96`
RGB Decimal	95, 190, 150	`rgb(95,190,150)`
RGB Percent	37.3, 74.5, 58.8	`rgb(37.3%,74.5%,58.8%)`
CMYK	50, 0, 21, 25
HSL	154.7°, 42.2, 55.9	`hsl(154.7,42.2%,55.9%)`
HSV (or HSB)	154.7°, 50, 74.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.497, -37.639, 11.679
XYZ	28.636, 41.46, 35.346
xyY	0.272, 0.393, 41.46
CIE-LCH	70.497, 39.409, 162.762
CIE-LUV	70.497, -42.562, 22.784
Hunter-Lab	64.389, -33.297, 12.526
Binary	01011111, 10111110, 10010110

#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#be5f87
```
#be5f87 rgb(190,95,135)
```

Complementary Color

#5fbe67
```
#5fbe67 rgb(95,190,103)
```
#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#5fb7be
```
#5fb7be rgb(95,183,190)
```

Analogous Color

#be675f
```
#be675f rgb(190,103,95)
```
#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#be5fb7
```
#be5fb7 rgb(190,95,183)
```

Split Complementary Color

#be965f
```
#be965f rgb(190,150,95)
```
#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#965fbe
```
#965fbe rgb(150,95,190)
```

Triadic Color

#87be5f
```
#87be5f rgb(135,190,95)
```
#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#965fbe
```
#965fbe rgb(150,95,190)
```
#be5f87
```
#be5f87 rgb(190,95,135)
```

Tetradic Color

#3c946f
```
#3c946f rgb(60,148,111)
```
#44a67d
```
#44a67d rgb(68,166,125)
```
#4db78a
```
#4db78a rgb(77,183,138)
```
#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#71c5a2
```
#71c5a2 rgb(113,197,162)
```
#83cdae
```
#83cdae rgb(131,205,174)
```
#95d4ba
```
#95d4ba rgb(149,212,186)
```

Monochromatic Color

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

#5fbe7e
```
#5fbe7e rgb(95,190,126)
```
#5fbe86
```
#5fbe86 rgb(95,190,134)
```
#5fbe8e
```
#5fbe8e rgb(95,190,142)
```
#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#5fbe9e
```
#5fbe9e rgb(95,190,158)
```
#5fbea6
```
#5fbea6 rgb(95,190,166)
```
#5fbeae
```
#5fbeae rgb(95,190,174)
```

Similar Colors

Text with hexadecimal color #5fbe96

This text has a font color of #5fbe96.

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

#5fbe96 background color

This paragraph has a background color of #5fbe96.

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

#5fbe96 border color

This element has a border color of #5fbe96.

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

CSS codes

.text {color:#5fbe96;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#091510
```
#091510 rgb(9,21,16)
```
#0e231a
```
#0e231a rgb(14,35,26)
```
#143125
```
#143125 rgb(20,49,37)
```
#1a3f2f
```
#1a3f2f rgb(26,63,47)
```
#1f4d3a
```
#1f4d3a rgb(31,77,58)
```
#255b44
```
#255b44 rgb(37,91,68)
```
#2b694f
```
#2b694f rgb(43,105,79)
```
#307759
```
#307759 rgb(48,119,89)
```
#368564
```
#368564 rgb(54,133,100)
```
#3c936e
```
#3c936e rgb(60,147,110)
```
#41a179
```
#41a179 rgb(65,161,121)
```
#47af83
```
#47af83 rgb(71,175,131)
```

Shade Color Variation

#51b88d
```
#51b88d rgb(81,184,141)
```
#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#6dc49f
```
#6dc49f rgb(109,196,159)
```
#7bc9a8
```
#7bc9a8 rgb(123,201,168)
```
#89cfb1
```
#89cfb1 rgb(137,207,177)
```
#97d5bb
```
#97d5bb rgb(151,213,187)
```
#a5dac4
```
#a5dac4 rgb(165,218,196)
```
#b3e0cd
```
#b3e0cd rgb(179,224,205)
```
#c1e6d6
```
#c1e6d6 rgb(193,230,214)
```
#cfebdf
```
#cfebdf rgb(207,235,223)
```
#ddf1e8
```
#ddf1e8 rgb(221,241,232)
```
#eaf7f2
```
#eaf7f2 rgb(234,247,242)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#8a938f
```
#8a938f rgb(138,147,143)
```
#829b91
```
#829b91 rgb(130,155,145)
```
#79a492
```
#79a492 rgb(121,164,146)
```
#70ad93
```
#70ad93 rgb(112,173,147)
```
#68b595
```
#68b595 rgb(104,181,149)
```
#5fbe96
```
#5fbe96 rgb(95,190,150)
```
#56c797
```
#56c797 rgb(86,199,151)
```
#4ecf99
```
#4ecf99 rgb(78,207,153)
```
#45d89a
```
#45d89a rgb(69,216,154)
```
#3ce19b
```
#3ce19b rgb(60,225,155)
```
#34e99d
```
#34e99d rgb(52,233,157)
```
#2bf29e
```
#2bf29e rgb(43,242,158)
```
#22fba0
```
#22fba0 rgb(34,251,160)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#91a49c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab093 Protanopia 1% of men
#c6aaa3 Deuteranopia 1% of men
#76bbc8 Tritanopia 0.001% of the population

Trichromacy

#99b594 Protanomaly 1% of men, 0.01% of women
#a0b19e Deuteranomaly 6% of men, 0.4% of women
#6ebcb6 Tritanomaly 0.01% of the population

#5fbe96 hex color

#5fbe96 Color Information

#5fbe96 Color Conversion

Color Schemes with #5fbe96

Alternatives to #5fbe96

#5fbe96 Preview

Shades and Tints of #5fbe96

Tones of #5fbe96

Color Blindness Simulator