#5f8580 hex color

In a RGB color space, hex #5f8580 is composed of 37.3% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 28.6% cyan, 0% magenta, 3.8% yellow and 47.8% black. It has a hue angle of 172.1 degrees, a saturation of 16.7% and a lightness of 44.7%. #5f8580 color hex could be obtained by blending #beffff with #000b01. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 52
- B 50
RGB color chart
- C 29
- M 0
- Y 4
- K 48
CMYK color chart

● #5f8580 color description : Mostly desaturated dark cyan.

The hexadecimal color #5f8580 has RGB values of R:95, G:133, B:128 and CMYK values of C:0.29, M:0, Y:0.04, K:0.48. Its decimal value is 6260096.

Hex triplet	5f8580	`#5f8580`
RGB Decimal	95, 133, 128	`rgb(95,133,128)`
RGB Percent	37.3, 52.2, 50.2	`rgb(37.3%,52.2%,50.2%)`
CMYK	29, 0, 4, 48
HSL	172.1°, 16.7, 44.7	`hsl(172.1,16.7%,44.7%)`
HSV (or HSB)	172.1°, 28.6, 52.2
Web Safe	669999	`#669999`

CIE-LAB	52.692, -14.362, -1.59
XYZ	17.002, 20.766, 23.533
xyY	0.277, 0.339, 20.766
CIE-LCH	52.692, 14.45, 186.316
CIE-LUV	52.692, -18.79, -0.027
Hunter-Lab	45.57, -13.148, 1.28
Binary	01011111, 10000101, 10000000

#5f8580
```
#5f8580 rgb(95,133,128)
```
#855f64
```
#855f64 rgb(133,95,100)
```

Complementary Color

#5f856d
```
#5f856d rgb(95,133,109)
```
#5f8580
```
#5f8580 rgb(95,133,128)
```
#5f7785
```
#5f7785 rgb(95,119,133)
```

Analogous Color

#856d5f
```
#856d5f rgb(133,109,95)
```
#5f8580
```
#5f8580 rgb(95,133,128)
```
#855f77
```
#855f77 rgb(133,95,119)
```

Split Complementary Color

#85805f
```
#85805f rgb(133,128,95)
```
#5f8580
```
#5f8580 rgb(95,133,128)
```
#805f85
```
#805f85 rgb(128,95,133)
```

Triadic Color

#64855f
```
#64855f rgb(100,133,95)
```
#5f8580
```
#5f8580 rgb(95,133,128)
```
#805f85
```
#805f85 rgb(128,95,133)
```
#855f64
```
#855f64 rgb(133,95,100)
```

Tetradic Color

#3f5855
```
#3f5855 rgb(63,88,85)
```
#4a6763
```
#4a6763 rgb(74,103,99)
```
#547672
```
#547672 rgb(84,118,114)
```
#5f8580
```
#5f8580 rgb(95,133,128)
```
#6a948e
```
#6a948e rgb(106,148,142)
```
#789f9a
```
#789f9a rgb(120,159,154)
```
#87a9a5
```
#87a9a5 rgb(135,169,165)
```

Monochromatic Color

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

#5f8577
```
#5f8577 rgb(95,133,119)
```
#5f857a
```
#5f857a rgb(95,133,122)
```
#5f857d
```
#5f857d rgb(95,133,125)
```
#5f8580
```
#5f8580 rgb(95,133,128)
```
#5f8583
```
#5f8583 rgb(95,133,131)
```
#5f8485
```
#5f8485 rgb(95,132,133)
```
#5f8185
```
#5f8185 rgb(95,129,133)
```

Similar Colors

Text with hexadecimal color #5f8580

This text has a font color of #5f8580.

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

#5f8580 background color

This paragraph has a background color of #5f8580.

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

#5f8580 border color

This element has a border color of #5f8580.

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

CSS codes

.text {color:#5f8580;}

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

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

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

#050707
```
#050707 rgb(5,7,7)
```
#0d1312
```
#0d1312 rgb(13,19,18)
```
#151e1d
```
#151e1d rgb(21,30,29)
```
#1e2928
```
#1e2928 rgb(30,41,40)
```
#263533
```
#263533 rgb(38,53,51)
```
#2e403e
```
#2e403e rgb(46,64,62)
```
#364c49
```
#364c49 rgb(54,76,73)
```
#3e5754
```
#3e5754 rgb(62,87,84)
```
#46635f
```
#46635f rgb(70,99,95)
```
#4f6e6a
```
#4f6e6a rgb(79,110,106)
```
#577a75
```
#577a75 rgb(87,122,117)
```
#5f8580
```
#5f8580 rgb(95,133,128)
```
#67908b
```
#67908b rgb(103,144,139)
```

Shade Color Variation

#719a95
```
#719a95 rgb(113,154,149)
```
#7da29d
```
#7da29d rgb(125,162,157)
```
#88aaa6
```
#88aaa6 rgb(136,170,166)
```
#94b2ae
```
#94b2ae rgb(148,178,174)
```
#9fbbb7
```
#9fbbb7 rgb(159,187,183)
```
#abc3c0
```
#abc3c0 rgb(171,195,192)
```
#b6cbc8
```
#b6cbc8 rgb(182,203,200)
```
#c1d3d1
```
#c1d3d1 rgb(193,211,209)
```
#cddbd9
```
#cddbd9 rgb(205,219,217)
```
#d8e3e2
```
#d8e3e2 rgb(216,227,226)
```
#e4eceb
```
#e4eceb rgb(228,236,235)
```
#eff4f3
```
#eff4f3 rgb(239,244,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#717373
```
#717373 rgb(113,115,115)
```
#687c7a
```
#687c7a rgb(104,124,122)
```
#5f8580
```
#5f8580 rgb(95,133,128)
```
#568e86
```
#568e86 rgb(86,142,134)
```
#4d978d
```
#4d978d rgb(77,151,141)
```
#459f93
```
#459f93 rgb(69,159,147)
```
#3ca89a
```
#3ca89a rgb(60,168,154)
```
#33b1a0
```
#33b1a0 rgb(51,177,160)
```
#2abaa7
```
#2abaa7 rgb(42,186,167)
```
#22c2ad
```
#22c2ad rgb(34,194,173)
```
#19cbb4
```
#19cbb4 rgb(25,203,180)
```
#10d4ba
```
#10d4ba rgb(16,212,186)
```
#07ddc1
```
#07ddc1 rgb(7,221,193)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#747b7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#878382 Protanopia 1% of men
#8e808a Deuteranopia 1% of men
#6a8993 Tritanopia 0.001% of the population

Trichromacy

#788481 Protanomaly 1% of men, 0.01% of women
#7c8286 Deuteranomaly 6% of men, 0.4% of women
#66878c Tritanomaly 0.01% of the population

#5f8580 hex color

#5f8580 Color Information

#5f8580 Color Conversion

Color Schemes with #5f8580

Alternatives to #5f8580

#5f8580 Preview

Shades and Tints of #5f8580

Tones of #5f8580

Color Blindness Simulator