#5f8981 hex color

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

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

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

The hexadecimal color #5f8981 has RGB values of R:95, G:137, B:129 and CMYK values of C:0.31, M:0, Y:0.06, K:0.46. Its decimal value is 6261121.

Hex triplet	5f8981	`#5f8981`
RGB Decimal	95, 137, 129	`rgb(95,137,129)`
RGB Percent	37.3, 53.7, 50.6	`rgb(37.3%,53.7%,50.6%)`
CMYK	31, 0, 6, 46
HSL	168.6°, 18.1, 45.5	`hsl(168.6,18.1%,45.5%)`
HSV (or HSB)	168.6°, 30.7, 53.7
Web Safe	669999	`#669999`

CIE-LAB	53.93, -16.29, -0.358
XYZ	17.626, 21.908, 24.068
xyY	0.277, 0.344, 21.908
CIE-LCH	53.93, 16.294, 181.259
CIE-LUV	53.93, -20.577, 2.007
Hunter-Lab	46.806, -14.692, 2.278
Binary	01011111, 10001001, 10000001

#5f8981
```
#5f8981 rgb(95,137,129)
```
#895f67
```
#895f67 rgb(137,95,103)
```

Complementary Color

#5f896c
```
#5f896c rgb(95,137,108)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#5f7c89
```
#5f7c89 rgb(95,124,137)
```

Analogous Color

#896c5f
```
#896c5f rgb(137,108,95)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#895f7c
```
#895f7c rgb(137,95,124)
```

Split Complementary Color

#89815f
```
#89815f rgb(137,129,95)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#815f89
```
#815f89 rgb(129,95,137)
```

Triadic Color

#67895f
```
#67895f rgb(103,137,95)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#815f89
```
#815f89 rgb(129,95,137)
```
#895f67
```
#895f67 rgb(137,95,103)
```

Tetradic Color

#405c56
```
#405c56 rgb(64,92,86)
```
#4a6b65
```
#4a6b65 rgb(74,107,101)
```
#557a73
```
#557a73 rgb(85,122,115)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#6a988f
```
#6a988f rgb(106,152,143)
```
#79a29a
```
#79a29a rgb(121,162,154)
```
#88aca6
```
#88aca6 rgb(136,172,166)
```

Monochromatic Color

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

#5f8977
```
#5f8977 rgb(95,137,119)
```
#5f897a
```
#5f897a rgb(95,137,122)
```
#5f897e
```
#5f897e rgb(95,137,126)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#5f8985
```
#5f8985 rgb(95,137,133)
```
#5f8988
```
#5f8988 rgb(95,137,136)
```
#5f8789
```
#5f8789 rgb(95,135,137)
```

Similar Colors

Text with hexadecimal color #5f8981

This text has a font color of #5f8981.

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

#5f8981 background color

This paragraph has a background color of #5f8981.

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

#5f8981 border color

This element has a border color of #5f8981.

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

CSS codes

.text {color:#5f8981;}

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

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

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 #fdfefd is the lightest one.

#070a09
```
#070a09 rgb(7,10,9)
```
#0f1514
```
#0f1514 rgb(15,21,20)
```
#17211f
```
#17211f rgb(23,33,31)
```
#1f2c2a
```
#1f2c2a rgb(31,44,42)
```
#273835
```
#273835 rgb(39,56,53)
```
#2f4440
```
#2f4440 rgb(47,68,64)
```
#374f4a
```
#374f4a rgb(55,79,74)
```
#3f5b55
```
#3f5b55 rgb(63,91,85)
```
#476660
```
#476660 rgb(71,102,96)
```
#4f726b
```
#4f726b rgb(79,114,107)
```
#577d76
```
#577d76 rgb(87,125,118)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#67958c
```
#67958c rgb(103,149,140)
```

Shade Color Variation

#729d95
```
#729d95 rgb(114,157,149)
```
#7ea59e
```
#7ea59e rgb(126,165,158)
```
#89ada6
```
#89ada6 rgb(137,173,166)
```
#95b5af
```
#95b5af rgb(149,181,175)
```
#a0bdb8
```
#a0bdb8 rgb(160,189,184)
```
#acc5c1
```
#acc5c1 rgb(172,197,193)
```
#b8cdc9
```
#b8cdc9 rgb(184,205,201)
```
#c3d5d2
```
#c3d5d2 rgb(195,213,210)
```
#cfdddb
```
#cfdddb rgb(207,221,219)
```
#dae6e3
```
#dae6e3 rgb(218,230,227)
```
#e6eeec
```
#e6eeec rgb(230,238,236)
```
#f1f6f5
```
#f1f6f5 rgb(241,246,245)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#717776
```
#717776 rgb(113,119,118)
```
#68807b
```
#68807b rgb(104,128,123)
```
#5f8981
```
#5f8981 rgb(95,137,129)
```
#569287
```
#569287 rgb(86,146,135)
```
#4d9b8c
```
#4d9b8c rgb(77,155,140)
```
#44a492
```
#44a492 rgb(68,164,146)
```
#3bad97
```
#3bad97 rgb(59,173,151)
```
#32b69d
```
#32b69d rgb(50,182,157)
```
#29bfa2
```
#29bfa2 rgb(41,191,162)
```
#21c7a8
```
#21c7a8 rgb(33,199,168)
```
#18d0ad
```
#18d0ad rgb(24,208,173)
```
#0fd9b3
```
#0fd9b3 rgb(15,217,179)
```
#06e2b8
```
#06e2b8 rgb(6,226,184)
```

Tone Color Variation

Below, you can see how #5f8981 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
#767f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8683 Protanopia 1% of men
#92838b Deuteranopia 1% of men
#6b8c96 Tritanopia 0.001% of the population

Trichromacy

#7a8782 Protanomaly 1% of men, 0.01% of women
#7f8587 Deuteranomaly 6% of men, 0.4% of women
#668b8e Tritanomaly 0.01% of the population

#5f8981 hex color

#5f8981 Color Information

#5f8981 Color Conversion

Color Schemes with #5f8981

Alternatives to #5f8981

#5f8981 Preview

Shades and Tints of #5f8981

Tones of #5f8981

Color Blindness Simulator