#5f8784 hex color

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

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

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

The hexadecimal color #5f8784 has RGB values of R:95, G:135, B:132 and CMYK values of C:0.3, M:0, Y:0.02, K:0.47. Its decimal value is 6260612.

Hex triplet	5f8784	`#5f8784`
RGB Decimal	95, 135, 132	`rgb(95,135,132)`
RGB Percent	37.3, 52.9, 51.8	`rgb(37.3%,52.9%,51.8%)`
CMYK	30, 0, 2, 47
HSL	175.5°, 17.4, 45.1	`hsl(175.5,17.4%,45.1%)`
HSV (or HSB)	175.5°, 29.6, 52.9
Web Safe	669999	`#669999`

CIE-LAB	53.413, -14.49, -2.856
XYZ	17.547, 21.426, 25.04
xyY	0.274, 0.335, 21.426
CIE-LCH	53.413, 14.768, 191.15
CIE-LUV	53.413, -19.669, -1.817
Hunter-Lab	46.288, -13.338, 0.329
Binary	01011111, 10000111, 10000100

#5f8784
```
#5f8784 rgb(95,135,132)
```
#875f62
```
#875f62 rgb(135,95,98)
```

Complementary Color

#5f8770
```
#5f8770 rgb(95,135,112)
```
#5f8784
```
#5f8784 rgb(95,135,132)
```
#5f7687
```
#5f7687 rgb(95,118,135)
```

Analogous Color

#87705f
```
#87705f rgb(135,112,95)
```
#5f8784
```
#5f8784 rgb(95,135,132)
```
#875f76
```
#875f76 rgb(135,95,118)
```

Split Complementary Color

#87845f
```
#87845f rgb(135,132,95)
```
#5f8784
```
#5f8784 rgb(95,135,132)
```
#845f87
```
#845f87 rgb(132,95,135)
```

Triadic Color

#62875f
```
#62875f rgb(98,135,95)
```
#5f8784
```
#5f8784 rgb(95,135,132)
```
#845f87
```
#845f87 rgb(132,95,135)
```
#875f62
```
#875f62 rgb(135,95,98)
```

Tetradic Color

#3f5a58
```
#3f5a58 rgb(63,90,88)
```
#4a6967
```
#4a6967 rgb(74,105,103)
```
#547875
```
#547875 rgb(84,120,117)
```
#5f8784
```
#5f8784 rgb(95,135,132)
```
#6a9693
```
#6a9693 rgb(106,150,147)
```
#79a09d
```
#79a09d rgb(121,160,157)
```
#88aba8
```
#88aba8 rgb(136,171,168)
```

Monochromatic Color

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

#5f877a
```
#5f877a rgb(95,135,122)
```
#5f877d
```
#5f877d rgb(95,135,125)
```
#5f8781
```
#5f8781 rgb(95,135,129)
```
#5f8784
```
#5f8784 rgb(95,135,132)
```
#5f8787
```
#5f8787 rgb(95,135,135)
```
#5f8387
```
#5f8387 rgb(95,131,135)
```
#5f8087
```
#5f8087 rgb(95,128,135)
```

Similar Colors

Text with hexadecimal color #5f8784

This text has a font color of #5f8784.

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

#5f8784 background color

This paragraph has a background color of #5f8784.

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

#5f8784 border color

This element has a border color of #5f8784.

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

CSS codes

.text {color:#5f8784;}

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

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

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)
```
#161f1f
```
#161f1f rgb(22,31,31)
```
#1e2b2a
```
#1e2b2a rgb(30,43,42)
```
#263635
```
#263635 rgb(38,54,53)
```
#2e4240
```
#2e4240 rgb(46,66,64)
```
#364d4c
```
#364d4c rgb(54,77,76)
```
#3f5957
```
#3f5957 rgb(63,89,87)
```
#476462
```
#476462 rgb(71,100,98)
```
#4f706d
```
#4f706d rgb(79,112,109)
```
#577b79
```
#577b79 rgb(87,123,121)
```
#5f8784
```
#5f8784 rgb(95,135,132)
```
#67938f
```
#67938f rgb(103,147,143)
```

Shade Color Variation

#729c98
```
#729c98 rgb(114,156,152)
```
#7da4a1
```
#7da4a1 rgb(125,164,161)
```
#89aca9
```
#89aca9 rgb(137,172,169)
```
#94b4b1
```
#94b4b1 rgb(148,180,177)
```
#a0bcba
```
#a0bcba rgb(160,188,186)
```
#abc4c2
```
#abc4c2 rgb(171,196,194)
```
#b7cccb
```
#b7cccb rgb(183,204,203)
```
#c2d4d3
```
#c2d4d3 rgb(194,212,211)
```
#cedcdb
```
#cedcdb rgb(206,220,219)
```
#d9e4e4
```
#d9e4e4 rgb(217,228,228)
```
#e5edec
```
#e5edec rgb(229,237,236)
```
#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 #07dfcf is the most saturated one.

#717575
```
#717575 rgb(113,117,117)
```
#687e7c
```
#687e7c rgb(104,126,124)
```
#5f8784
```
#5f8784 rgb(95,135,132)
```
#56908c
```
#56908c rgb(86,144,140)
```
#4d9993
```
#4d9993 rgb(77,153,147)
```
#44a29b
```
#44a29b rgb(68,162,155)
```
#3caaa2
```
#3caaa2 rgb(60,170,162)
```
#33b3aa
```
#33b3aa rgb(51,179,170)
```
#2abcb1
```
#2abcb1 rgb(42,188,177)
```
#21c5b9
```
#21c5b9 rgb(33,197,185)
```
#18cec0
```
#18cec0 rgb(24,206,192)
```
#0fd7c8
```
#0fd7c8 rgb(15,215,200)
```
#07dfcf
```
#07dfcf rgb(7,223,207)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#757d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#888586 Protanopia 1% of men
#8e828e Deuteranopia 1% of men
#6a8b95 Tritanopia 0.001% of the population

Trichromacy

#798685 Protanomaly 1% of men, 0.01% of women
#7d848a Deuteranomaly 6% of men, 0.4% of women
#66898f Tritanomaly 0.01% of the population

#5f8784 hex color

#5f8784 Color Information

#5f8784 Color Conversion

Color Schemes with #5f8784

Alternatives to #5f8784

#5f8784 Preview

Shades and Tints of #5f8784

Tones of #5f8784

Color Blindness Simulator