#5f8984 hex color

In a RGB color space, hex #5f8984 is composed of 37.3% red, 53.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 0% magenta, 3.6% yellow and 46.3% black. It has a hue angle of 172.9 degrees, a saturation of 18.1% and a lightness of 45.5%. #5f8984 color hex could be obtained by blending #beffff with #001309. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 54
- B 52
RGB color chart
- C 31
- M 0
- Y 4
- K 46
CMYK color chart

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

The hexadecimal color #5f8984 has RGB values of R:95, G:137, B:132 and CMYK values of C:0.31, M:0, Y:0.04, K:0.46. Its decimal value is 6261124.

Hex triplet	5f8984	`#5f8984`
RGB Decimal	95, 137, 132	`rgb(95,137,132)`
RGB Percent	37.3, 53.7, 51.8	`rgb(37.3%,53.7%,51.8%)`
CMYK	31, 0, 4, 46
HSL	172.9°, 18.1, 45.5	`hsl(172.9,18.1%,45.5%)`
HSV (or HSB)	172.9°, 30.7, 53.7
Web Safe	669999	`#669999`

CIE-LAB	54.016, -15.574, -1.969
XYZ	17.829, 21.989, 25.133
xyY	0.274, 0.339, 21.989
CIE-LCH	54.016, 15.698, 187.205
CIE-LUV	54.016, -20.557, -0.389
Hunter-Lab	46.893, -14.197, 1.047
Binary	01011111, 10001001, 10000100

#5f8984
```
#5f8984 rgb(95,137,132)
```
#895f64
```
#895f64 rgb(137,95,100)
```

Complementary Color

#5f896f
```
#5f896f rgb(95,137,111)
```
#5f8984
```
#5f8984 rgb(95,137,132)
```
#5f7989
```
#5f7989 rgb(95,121,137)
```

Analogous Color

#896f5f
```
#896f5f rgb(137,111,95)
```
#5f8984
```
#5f8984 rgb(95,137,132)
```
#895f79
```
#895f79 rgb(137,95,121)
```

Split Complementary Color

#89845f
```
#89845f rgb(137,132,95)
```
#5f8984
```
#5f8984 rgb(95,137,132)
```
#845f89
```
#845f89 rgb(132,95,137)
```

Triadic Color

#64895f
```
#64895f rgb(100,137,95)
```
#5f8984
```
#5f8984 rgb(95,137,132)
```
#845f89
```
#845f89 rgb(132,95,137)
```
#895f64
```
#895f64 rgb(137,95,100)
```

Tetradic Color

#405c58
```
#405c58 rgb(64,92,88)
```
#4a6b67
```
#4a6b67 rgb(74,107,103)
```
#557a75
```
#557a75 rgb(85,122,117)
```
#5f8984
```
#5f8984 rgb(95,137,132)
```
#6a9892
```
#6a9892 rgb(106,152,146)
```
#79a29d
```
#79a29d rgb(121,162,157)
```
#88aca8
```
#88aca8 rgb(136,172,168)
```

Monochromatic Color

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

#5f897a
```
#5f897a rgb(95,137,122)
```
#5f897d
```
#5f897d rgb(95,137,125)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#5f8984
```
#5f8984 rgb(95,137,132)
```
#5f8988
```
#5f8988 rgb(95,137,136)
```
#5f8789
```
#5f8789 rgb(95,135,137)
```
#5f8489
```
#5f8489 rgb(95,132,137)
```

Similar Colors

Text with hexadecimal color #5f8984

This text has a font color of #5f8984.

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

#5f8984 background color

This paragraph has a background color of #5f8984.

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

#5f8984 border color

This element has a border color of #5f8984.

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

CSS codes

.text {color:#5f8984;}

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

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

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, #070a09 is the darkest color, while #fdfefe is the lightest one.

#070a09
```
#070a09 rgb(7,10,9)
```
#0f1514
```
#0f1514 rgb(15,21,20)
```
#172120
```
#172120 rgb(23,33,32)
```
#1f2c2b
```
#1f2c2b rgb(31,44,43)
```
#273836
```
#273836 rgb(39,56,54)
```
#2f4441
```
#2f4441 rgb(47,68,65)
```
#374f4c
```
#374f4c rgb(55,79,76)
```
#3f5b57
```
#3f5b57 rgb(63,91,87)
```
#476663
```
#476663 rgb(71,102,99)
```
#4f726e
```
#4f726e rgb(79,114,110)
```
#577d79
```
#577d79 rgb(87,125,121)
```
#5f8984
```
#5f8984 rgb(95,137,132)
```
#67958f
```
#67958f rgb(103,149,143)
```

Shade Color Variation

#729d98
```
#729d98 rgb(114,157,152)
```
#7ea5a1
```
#7ea5a1 rgb(126,165,161)
```
#89ada9
```
#89ada9 rgb(137,173,169)
```
#95b5b1
```
#95b5b1 rgb(149,181,177)
```
#a0bdba
```
#a0bdba rgb(160,189,186)
```
#acc5c2
```
#acc5c2 rgb(172,197,194)
```
#b8cdcb
```
#b8cdcb rgb(184,205,203)
```
#c3d5d3
```
#c3d5d3 rgb(195,213,211)
```
#cfdddc
```
#cfdddc rgb(207,221,220)
```
#dae6e4
```
#dae6e4 rgb(218,230,228)
```
#e6eeed
```
#e6eeed rgb(230,238,237)
```
#f1f6f5
```
#f1f6f5 rgb(241,246,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#717776
```
#717776 rgb(113,119,118)
```
#68807d
```
#68807d rgb(104,128,125)
```
#5f8984
```
#5f8984 rgb(95,137,132)
```
#56928b
```
#56928b rgb(86,146,139)
```
#4d9b92
```
#4d9b92 rgb(77,155,146)
```
#44a498
```
#44a498 rgb(68,164,152)
```
#3bad9f
```
#3bad9f rgb(59,173,159)
```
#32b6a6
```
#32b6a6 rgb(50,182,166)
```
#29bfad
```
#29bfad rgb(41,191,173)
```
#21c7b4
```
#21c7b4 rgb(33,199,180)
```
#18d0ba
```
#18d0ba rgb(24,208,186)
```
#0fd9c1
```
#0fd9c1 rgb(15,217,193)
```
#06e2c8
```
#06e2c8 rgb(6,226,200)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#767f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8786 Protanopia 1% of men
#91838e Deuteranopia 1% of men
#6a8d97 Tritanopia 0.001% of the population

Trichromacy

#7a8785 Protanomaly 1% of men, 0.01% of women
#7e858a Deuteranomaly 6% of men, 0.4% of women
#668b90 Tritanomaly 0.01% of the population

#5f8984 hex color

#5f8984 Color Information

#5f8984 Color Conversion

Color Schemes with #5f8984

Alternatives to #5f8984

#5f8984 Preview

Shades and Tints of #5f8984

Tones of #5f8984

Color Blindness Simulator