#5f8780 hex color

In a RGB color space, hex #5f8780 is composed of 37.3% red, 52.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 0% magenta, 5.2% yellow and 47.1% black. It has a hue angle of 169.5 degrees, a saturation of 17.4% and a lightness of 45.1%. #5f8780 color hex could be obtained by blending #beffff with #000f01. Closest websafe color is: #669999.

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

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

The hexadecimal color #5f8780 has RGB values of R:95, G:135, B:128 and CMYK values of C:0.3, M:0, Y:0.05, K:0.47. Its decimal value is 6260608.

Hex triplet	5f8780	`#5f8780`
RGB Decimal	95, 135, 128	`rgb(95,135,128)`
RGB Percent	37.3, 52.9, 50.2	`rgb(37.3%,52.9%,50.2%)`
CMYK	30, 0, 5, 47
HSL	169.5°, 17.4, 45.1	`hsl(169.5,17.4%,45.1%)`
HSV (or HSB)	169.5°, 29.6, 52.9
Web Safe	669999	`#669999`

CIE-LAB	53.297, -15.448, -0.704
XYZ	17.279, 21.319, 23.625
xyY	0.278, 0.343, 21.319
CIE-LCH	53.297, 15.465, 182.611
CIE-LUV	53.297, -19.688, 1.388
Hunter-Lab	46.172, -14.003, 1.983
Binary	01011111, 10000111, 10000000

#5f8780
```
#5f8780 rgb(95,135,128)
```
#875f66
```
#875f66 rgb(135,95,102)
```

Complementary Color

#5f876c
```
#5f876c rgb(95,135,108)
```
#5f8780
```
#5f8780 rgb(95,135,128)
```
#5f7a87
```
#5f7a87 rgb(95,122,135)
```

Analogous Color

#876c5f
```
#876c5f rgb(135,108,95)
```
#5f8780
```
#5f8780 rgb(95,135,128)
```
#875f7a
```
#875f7a rgb(135,95,122)
```

Split Complementary Color

#87805f
```
#87805f rgb(135,128,95)
```
#5f8780
```
#5f8780 rgb(95,135,128)
```
#805f87
```
#805f87 rgb(128,95,135)
```

Triadic Color

#66875f
```
#66875f rgb(102,135,95)
```
#5f8780
```
#5f8780 rgb(95,135,128)
```
#805f87
```
#805f87 rgb(128,95,135)
```
#875f66
```
#875f66 rgb(135,95,102)
```

Tetradic Color

#3f5a55
```
#3f5a55 rgb(63,90,85)
```
#4a6964
```
#4a6964 rgb(74,105,100)
```
#547872
```
#547872 rgb(84,120,114)
```
#5f8780
```
#5f8780 rgb(95,135,128)
```
#6a968e
```
#6a968e rgb(106,150,142)
```
#79a099
```
#79a099 rgb(121,160,153)
```
#88aba5
```
#88aba5 rgb(136,171,165)
```

Monochromatic Color

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

#5f8776
```
#5f8776 rgb(95,135,118)
```
#5f8779
```
#5f8779 rgb(95,135,121)
```
#5f877d
```
#5f877d rgb(95,135,125)
```
#5f8780
```
#5f8780 rgb(95,135,128)
```
#5f8783
```
#5f8783 rgb(95,135,131)
```
#5f8787
```
#5f8787 rgb(95,135,135)
```
#5f8487
```
#5f8487 rgb(95,132,135)
```

Similar Colors

Text with hexadecimal color #5f8780

This text has a font color of #5f8780.

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

#5f8780 background color

This paragraph has a background color of #5f8780.

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

#5f8780 border color

This element has a border color of #5f8780.

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

CSS codes

.text {color:#5f8780;}

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

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

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

#060808
```
#060808 rgb(6,8,8)
```
#0e1413
```
#0e1413 rgb(14,20,19)
```
#161f1e
```
#161f1e rgb(22,31,30)
```
#1e2b29
```
#1e2b29 rgb(30,43,41)
```
#263634
```
#263634 rgb(38,54,52)
```
#2e423f
```
#2e423f rgb(46,66,63)
```
#364d49
```
#364d49 rgb(54,77,73)
```
#3f5954
```
#3f5954 rgb(63,89,84)
```
#47645f
```
#47645f rgb(71,100,95)
```
#4f706a
```
#4f706a rgb(79,112,106)
```
#577b75
```
#577b75 rgb(87,123,117)
```
#5f8780
```
#5f8780 rgb(95,135,128)
```
#67938b
```
#67938b rgb(103,147,139)
```

Shade Color Variation

#729c94
```
#729c94 rgb(114,156,148)
```
#7da49d
```
#7da49d rgb(125,164,157)
```
#89aca6
```
#89aca6 rgb(137,172,166)
```
#94b4ae
```
#94b4ae rgb(148,180,174)
```
#a0bcb7
```
#a0bcb7 rgb(160,188,183)
```
#abc4c0
```
#abc4c0 rgb(171,196,192)
```
#b7ccc8
```
#b7ccc8 rgb(183,204,200)
```
#c2d4d1
```
#c2d4d1 rgb(194,212,209)
```
#cedcda
```
#cedcda rgb(206,220,218)
```
#d9e4e3
```
#d9e4e3 rgb(217,228,227)
```
#e5edeb
```
#e5edeb rgb(229,237,235)
```
#f0f5f4
```
#f0f5f4 rgb(240,245,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#717575
```
#717575 rgb(113,117,117)
```
#687e7a
```
#687e7a rgb(104,126,122)
```
#5f8780
```
#5f8780 rgb(95,135,128)
```
#569086
```
#569086 rgb(86,144,134)
```
#4d998c
```
#4d998c rgb(77,153,140)
```
#44a291
```
#44a291 rgb(68,162,145)
```
#3caa97
```
#3caa97 rgb(60,170,151)
```
#33b39d
```
#33b39d rgb(51,179,157)
```
#2abca3
```
#2abca3 rgb(42,188,163)
```
#21c5a8
```
#21c5a8 rgb(33,197,168)
```
#18ceae
```
#18ceae rgb(24,206,174)
```
#0fd7b4
```
#0fd7b4 rgb(15,215,180)
```
#07dfba
```
#07dfba rgb(7,223,186)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#757d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#888582 Protanopia 1% of men
#90828a Deuteranopia 1% of men
#6b8b95 Tritanopia 0.001% of the population

Trichromacy

#798581 Protanomaly 1% of men, 0.01% of women
#7e8386 Deuteranomaly 6% of men, 0.4% of women
#66898d Tritanomaly 0.01% of the population

#5f8780 hex color

#5f8780 Color Information

#5f8780 Color Conversion

Color Schemes with #5f8780

Alternatives to #5f8780

#5f8780 Preview

Shades and Tints of #5f8780

Tones of #5f8780

Color Blindness Simulator