#5fc894 hex color

In a RGB color space, hex #5fc894 is composed of 37.3% red, 78.4% green and 58% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 0% magenta, 26% yellow and 21.6% black. It has a hue angle of 150.3 degrees, a saturation of 48.8% and a lightness of 57.8%. #5fc894 color hex could be obtained by blending #beffff with #009129. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 37
- G 78
- B 58
RGB color chart
- C 53
- M 0
- Y 26
- K 22
CMYK color chart

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

The hexadecimal color #5fc894 has RGB values of R:95, G:200, B:148 and CMYK values of C:0.53, M:0, Y:0.26, K:0.22. Its decimal value is 6277268.

Hex triplet	5fc894	`#5fc894`
RGB Decimal	95, 200, 148	`rgb(95,200,148)`
RGB Percent	37.3, 78.4, 58	`rgb(37.3%,78.4%,58%)`
CMYK	53, 0, 26, 22
HSL	150.3°, 48.8, 57.8	`hsl(150.3,48.8%,57.8%)`
HSV (or HSB)	150.3°, 52.5, 78.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	73.466, -42.506, 16.92
XYZ	30.717, 45.877, 35.252
xyY	0.275, 0.41, 45.877
CIE-LCH	73.466, 45.75, 158.295
CIE-LUV	73.466, -46.648, 30.912
Hunter-Lab	67.733, -37.583, 16.555
Binary	01011111, 11001000, 10010100

#5fc894
```
#5fc894 rgb(95,200,148)
```
#c85f93
```
#c85f93 rgb(200,95,147)
```

Complementary Color

#5fc860
```
#5fc860 rgb(95,200,96)
```
#5fc894
```
#5fc894 rgb(95,200,148)
```
#5fc8c8
```
#5fc8c8 rgb(95,200,200)
```

Analogous Color

#c8605f
```
#c8605f rgb(200,96,95)
```
#5fc894
```
#5fc894 rgb(95,200,148)
```
#c85fc8
```
#c85fc8 rgb(200,95,200)
```

Split Complementary Color

#c8945f
```
#c8945f rgb(200,148,95)
```
#5fc894
```
#5fc894 rgb(95,200,148)
```
#945fc8
```
#945fc8 rgb(148,95,200)
```

Triadic Color

#93c85f
```
#93c85f rgb(147,200,95)
```
#5fc894
```
#5fc894 rgb(95,200,148)
```
#945fc8
```
#945fc8 rgb(148,95,200)
```
#c85f93
```
#c85f93 rgb(200,95,147)
```

Tetradic Color

#38a36e
```
#38a36e rgb(56,163,110)
```
#3eb67b
```
#3eb67b rgb(62,182,123)
```
#4cc187
```
#4cc187 rgb(76,193,135)
```
#5fc894
```
#5fc894 rgb(95,200,148)
```
#72cfa1
```
#72cfa1 rgb(114,207,161)
```
#85d5ad
```
#85d5ad rgb(133,213,173)
```
#98dcba
```
#98dcba rgb(152,220,186)
```

Monochromatic Color

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

#5fc87a
```
#5fc87a rgb(95,200,122)
```
#5fc883
```
#5fc883 rgb(95,200,131)
```
#5fc88b
```
#5fc88b rgb(95,200,139)
```
#5fc894
```
#5fc894 rgb(95,200,148)
```
#5fc89d
```
#5fc89d rgb(95,200,157)
```
#5fc8a6
```
#5fc8a6 rgb(95,200,166)
```
#5fc8ae
```
#5fc8ae rgb(95,200,174)
```

Similar Colors

Text with hexadecimal color #5fc894

This text has a font color of #5fc894.

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

#5fc894 background color

This paragraph has a background color of #5fc894.

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

#5fc894 border color

This element has a border color of #5fc894.

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

CSS codes

.text {color:#5fc894;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#050f0a
```
#050f0a rgb(5,15,10)
```
#0a1e14
```
#0a1e14 rgb(10,30,20)
```
#0f2c1e
```
#0f2c1e rgb(15,44,30)
```
#143b28
```
#143b28 rgb(20,59,40)
```
#194a32
```
#194a32 rgb(25,74,50)
```
#1e583c
```
#1e583c rgb(30,88,60)
```
#236745
```
#236745 rgb(35,103,69)
```
#28754f
```
#28754f rgb(40,117,79)
```
#2d8459
```
#2d8459 rgb(45,132,89)
```
#329363
```
#329363 rgb(50,147,99)
```
#37a16d
```
#37a16d rgb(55,161,109)
```
#3cb077
```
#3cb077 rgb(60,176,119)
```

Shade Color Variation

#42be80
```
#42be80 rgb(66,190,128)
```
#50c38a
```
#50c38a rgb(80,195,138)
```
#5fc894
```
#5fc894 rgb(95,200,148)
```
#6ecd9e
```
#6ecd9e rgb(110,205,158)
```
#7cd2a8
```
#7cd2a8 rgb(124,210,168)
```
#8bd7b1
```
#8bd7b1 rgb(139,215,177)
```
#99dcbb
```
#99dcbb rgb(153,220,187)
```
#a8e1c5
```
#a8e1c5 rgb(168,225,197)
```
#b7e6cf
```
#b7e6cf rgb(183,230,207)
```
#c5ebd8
```
#c5ebd8 rgb(197,235,216)
```
#d4f0e2
```
#d4f0e2 rgb(212,240,226)
```
#e2f5ec
```
#e2f5ec rgb(226,245,236)
```
#f1faf6
```
#f1faf6 rgb(241,250,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919694 is the less saturated color, while #2dfa94 is the most saturated one.

#919694
```
#919694 rgb(145,150,148)
```
#889f94
```
#889f94 rgb(136,159,148)
```
#80a794
```
#80a794 rgb(128,167,148)
```
#78af94
```
#78af94 rgb(120,175,148)
```
#70b794
```
#70b794 rgb(112,183,148)
```
#67c094
```
#67c094 rgb(103,192,148)
```
#5fc894
```
#5fc894 rgb(95,200,148)
```
#57d094
```
#57d094 rgb(87,208,148)
```
#4ed994
```
#4ed994 rgb(78,217,148)
```
#46e194
```
#46e194 rgb(70,225,148)
```
#3ee994
```
#3ee994 rgb(62,233,148)
```
#36f194
```
#36f194 rgb(54,241,148)
```
#2dfa94
```
#2dfa94 rgb(45,250,148)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#95aaa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b791 Protanopia 1% of men
#d1b1a2 Deuteranopia 1% of men
#7ac3d1 Tritanopia 0.001% of the population

Trichromacy

#9fbd92 Protanomaly 1% of men, 0.01% of women
#a7b99c Deuteranomaly 6% of men, 0.4% of women
#70c5bb Tritanomaly 0.01% of the population

#5fc894 hex color

#5fc894 Color Information

#5fc894 Color Conversion

Color Schemes with #5fc894

Alternatives to #5fc894

#5fc894 Preview

Shades and Tints of #5fc894

Tones of #5fc894

Color Blindness Simulator