#5f8084 hex color

In a RGB color space, hex #5f8084 is composed of 37.3% red, 50.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 3% magenta, 0% yellow and 48.2% black. It has a hue angle of 186.5 degrees, a saturation of 16.3% and a lightness of 44.5%. #5f8084 color hex could be obtained by blending #beffff with #000109. Closest websafe color is: #669999.

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

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

The hexadecimal color #5f8084 has RGB values of R:95, G:128, B:132 and CMYK values of C:0.28, M:0.03, Y:0, K:0.48. Its decimal value is 6258820.

Hex triplet	5f8084	`#5f8084`
RGB Decimal	95, 128, 132	`rgb(95,128,132)`
RGB Percent	37.3, 50.2, 51.8	`rgb(37.3%,50.2%,51.8%)`
CMYK	28, 3, 0, 48
HSL	186.5°, 16.3, 44.5	`hsl(186.5,16.3%,44.5%)`
HSV (or HSB)	186.5°, 28, 51.8
Web Safe	669999	`#669999`

CIE-LAB	51.309, -10.627, -5.967
XYZ	16.602, 19.537, 24.725
xyY	0.273, 0.321, 19.537
CIE-LCH	51.309, 12.187, 209.313
CIE-LUV	51.309, -16.555, -6.83
Hunter-Lab	44.2, -10.303, -2.225
Binary	01011111, 10000000, 10000100

#5f8084
```
#5f8084 rgb(95,128,132)
```
#84635f
```
#84635f rgb(132,99,95)
```

Complementary Color

#5f8476
```
#5f8476 rgb(95,132,118)
```
#5f8084
```
#5f8084 rgb(95,128,132)
```
#5f6e84
```
#5f6e84 rgb(95,110,132)
```

Analogous Color

#84765f
```
#84765f rgb(132,118,95)
```
#5f8084
```
#5f8084 rgb(95,128,132)
```
#845f6e
```
#845f6e rgb(132,95,110)
```

Split Complementary Color

#80845f
```
#80845f rgb(128,132,95)
```
#5f8084
```
#5f8084 rgb(95,128,132)
```
#845f80
```
#845f80 rgb(132,95,128)
```

Triadic Color

#5f8463
```
#5f8463 rgb(95,132,99)
```
#5f8084
```
#5f8084 rgb(95,128,132)
```
#845f80
```
#845f80 rgb(132,95,128)
```
#84635f
```
#84635f rgb(132,99,95)
```

Tetradic Color

#3f5558
```
#3f5558 rgb(63,85,88)
```
#4a6366
```
#4a6366 rgb(74,99,102)
```
#547275
```
#547275 rgb(84,114,117)
```
#5f8084
```
#5f8084 rgb(95,128,132)
```
#6a8e93
```
#6a8e93 rgb(106,142,147)
```
#789a9e
```
#789a9e rgb(120,154,158)
```
#87a5a9
```
#87a5a9 rgb(135,165,169)
```

Monochromatic Color

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

#5f847f
```
#5f847f rgb(95,132,127)
```
#5f8482
```
#5f8482 rgb(95,132,130)
```
#5f8384
```
#5f8384 rgb(95,131,132)
```
#5f8084
```
#5f8084 rgb(95,128,132)
```
#5f7d84
```
#5f7d84 rgb(95,125,132)
```
#5f7a84
```
#5f7a84 rgb(95,122,132)
```
#5f7784
```
#5f7784 rgb(95,119,132)
```

Similar Colors

Text with hexadecimal color #5f8084

This text has a font color of #5f8084.

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

#5f8084 background color

This paragraph has a background color of #5f8084.

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

#5f8084 border color

This element has a border color of #5f8084.

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

CSS codes

.text {color:#5f8084;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0d1112
```
#0d1112 rgb(13,17,18)
```
#151c1d
```
#151c1d rgb(21,28,29)
```
#1d2829
```
#1d2829 rgb(29,40,41)
```
#263334
```
#263334 rgb(38,51,52)
```
#2e3e40
```
#2e3e40 rgb(46,62,64)
```
#36494b
```
#36494b rgb(54,73,75)
```
#3e5456
```
#3e5456 rgb(62,84,86)
```
#465f62
```
#465f62 rgb(70,95,98)
```
#4f6a6d
```
#4f6a6d rgb(79,106,109)
```
#577579
```
#577579 rgb(87,117,121)
```
#5f8084
```
#5f8084 rgb(95,128,132)
```
#678b8f
```
#678b8f rgb(103,139,143)
```

Shade Color Variation

#719599
```
#719599 rgb(113,149,153)
```
#7d9da1
```
#7d9da1 rgb(125,157,161)
```
#88a6a9
```
#88a6a9 rgb(136,166,169)
```
#93aeb2
```
#93aeb2 rgb(147,174,178)
```
#9fb7ba
```
#9fb7ba rgb(159,183,186)
```
#aabfc2
```
#aabfc2 rgb(170,191,194)
```
#b6c8ca
```
#b6c8ca rgb(182,200,202)
```
#c1d1d2
```
#c1d1d2 rgb(193,209,210)
```
#ccd9db
```
#ccd9db rgb(204,217,219)
```
#d8e2e3
```
#d8e2e3 rgb(216,226,227)
```
#e3eaeb
```
#e3eaeb rgb(227,234,235)
```
#eff3f3
```
#eff3f3 rgb(239,243,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#707273
```
#707273 rgb(112,114,115)
```
#68797b
```
#68797b rgb(104,121,123)
```
#5f8084
```
#5f8084 rgb(95,128,132)
```
#56878d
```
#56878d rgb(86,135,141)
```
#4e8e95
```
#4e8e95 rgb(78,142,149)
```
#45959e
```
#45959e rgb(69,149,158)
```
#3c9ba7
```
#3c9ba7 rgb(60,155,167)
```
#33a2b0
```
#33a2b0 rgb(51,162,176)
```
#2ba9b8
```
#2ba9b8 rgb(43,169,184)
```
#22b0c1
```
#22b0c1 rgb(34,176,193)
```
#19b7ca
```
#19b7ca rgb(25,183,202)
```
#10bed3
```
#10bed3 rgb(16,190,211)
```
#08c4db
```
#08c4db rgb(8,196,219)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#72797a Atypical Achromatopsia 0.001% of the population

Dichromacy

#818086 Protanopia 1% of men
#877d8d Deuteranopia 1% of men
#68858f Tritanopia 0.001% of the population

Trichromacy

#748085 Protanomaly 1% of men, 0.01% of women
#787e89 Deuteranomaly 6% of men, 0.4% of women
#65838b Tritanomaly 0.01% of the population

#5f8084 hex color

#5f8084 Color Information

#5f8084 Color Conversion

Color Schemes with #5f8084

Alternatives to #5f8084

#5f8084 Preview

Shades and Tints of #5f8084

Tones of #5f8084

Color Blindness Simulator