#5f8c8a hex color

In a RGB color space, hex #5f8c8a is composed of 37.3% red, 54.9% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 0% magenta, 1.4% yellow and 45.1% black. It has a hue angle of 177.3 degrees, a saturation of 19.1% and a lightness of 46.1%. #5f8c8a color hex could be obtained by blending #beffff with #001915. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 55
- B 54
RGB color chart
- C 32
- M 0
- Y 1
- K 45
CMYK color chart

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

The hexadecimal color #5f8c8a has RGB values of R:95, G:140, B:138 and CMYK values of C:0.32, M:0, Y:0.01, K:0.45. Its decimal value is 6261898.

Hex triplet	5f8c8a	`#5f8c8a`
RGB Decimal	95, 140, 138	`rgb(95,140,138)`
RGB Percent	37.3, 54.9, 54.1	`rgb(37.3%,54.9%,54.1%)`
CMYK	32, 0, 1, 45
HSL	177.3°, 19.1, 46.1	`hsl(177.3,19.1%,46.1%)`
HSV (or HSB)	177.3°, 32.1, 54.9
Web Safe	669999	`#669999`

CIE-LAB	55.096, -15.727, -3.846
XYZ	18.684, 23.023, 27.503
xyY	0.27, 0.333, 23.023
CIE-LCH	55.096, 16.191, 193.742
CIE-LUV	55.096, -21.829, -3.083
Hunter-Lab	47.983, -14.464, -0.396
Binary	01011111, 10001100, 10001010

#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#8c5f61
```
#8c5f61 rgb(140,95,97)
```

Complementary Color

#5f8c74
```
#5f8c74 rgb(95,140,116)
```
#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#5f788c
```
#5f788c rgb(95,120,140)
```

Analogous Color

#8c745f
```
#8c745f rgb(140,116,95)
```
#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#8c5f78
```
#8c5f78 rgb(140,95,120)
```

Split Complementary Color

#8c8a5f
```
#8c8a5f rgb(140,138,95)
```
#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#8a5f8c
```
#8a5f8c rgb(138,95,140)
```

Triadic Color

#618c5f
```
#618c5f rgb(97,140,95)
```
#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#8a5f8c
```
#8a5f8c rgb(138,95,140)
```
#8c5f61
```
#8c5f61 rgb(140,95,97)
```

Tetradic Color

#405e5d
```
#405e5d rgb(64,94,93)
```
#4a6e6c
```
#4a6e6c rgb(74,110,108)
```
#557d7b
```
#557d7b rgb(85,125,123)
```
#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#6a9a98
```
#6a9a98 rgb(106,154,152)
```
#7aa4a3
```
#7aa4a3 rgb(122,164,163)
```
#89afad
```
#89afad rgb(137,175,173)
```

Monochromatic Color

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

#5f8c7f
```
#5f8c7f rgb(95,140,127)
```
#5f8c83
```
#5f8c83 rgb(95,140,131)
```
#5f8c86
```
#5f8c86 rgb(95,140,134)
```
#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#5f8a8c
```
#5f8a8c rgb(95,138,140)
```
#5f878c
```
#5f878c rgb(95,135,140)
```
#5f838c
```
#5f838c rgb(95,131,140)
```

Similar Colors

Text with hexadecimal color #5f8c8a

This text has a font color of #5f8c8a.

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

#5f8c8a background color

This paragraph has a background color of #5f8c8a.

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

#5f8c8a border color

This element has a border color of #5f8c8a.

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

CSS codes

.text {color:#5f8c8a;}

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

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

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, #080b0b is the darkest color, while #ffffff is the lightest one.

#080b0b
```
#080b0b rgb(8,11,11)
```
#101717
```
#101717 rgb(16,23,23)
```
#182322
```
#182322 rgb(24,35,34)
```
#202f2e
```
#202f2e rgb(32,47,46)
```
#273a39
```
#273a39 rgb(39,58,57)
```
#2f4645
```
#2f4645 rgb(47,70,69)
```
#375250
```
#375250 rgb(55,82,80)
```
#3f5d5c
```
#3f5d5c rgb(63,93,92)
```
#476967
```
#476967 rgb(71,105,103)
```
#4f7573
```
#4f7573 rgb(79,117,115)
```
#57807e
```
#57807e rgb(87,128,126)
```
#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#679896
```
#679896 rgb(103,152,150)
```

Shade Color Variation

#73a09e
```
#73a09e rgb(115,160,158)
```
#7ea8a6
```
#7ea8a6 rgb(126,168,166)
```
#8ab0ae
```
#8ab0ae rgb(138,176,174)
```
#96b7b6
```
#96b7b6 rgb(150,183,182)
```
#a1bfbe
```
#a1bfbe rgb(161,191,190)
```
#adc7c6
```
#adc7c6 rgb(173,199,198)
```
#b9cfce
```
#b9cfce rgb(185,207,206)
```
#c4d7d6
```
#c4d7d6 rgb(196,215,214)
```
#d0dfde
```
#d0dfde rgb(208,223,222)
```
#dce7e7
```
#dce7e7 rgb(220,231,231)
```
#e7efef
```
#e7efef rgb(231,239,239)
```
#f3f7f7
```
#f3f7f7 rgb(243,247,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717a7a is the less saturated color, while #05e6dc is the most saturated one.

#717a7a
```
#717a7a rgb(113,122,122)
```
#688382
```
#688382 rgb(104,131,130)
```
#5f8c8a
```
#5f8c8a rgb(95,140,138)
```
#569592
```
#569592 rgb(86,149,146)
```
#4d9e9a
```
#4d9e9a rgb(77,158,154)
```
#44a7a3
```
#44a7a3 rgb(68,167,163)
```
#3bb0ab
```
#3bb0ab rgb(59,176,171)
```
#32b9b3
```
#32b9b3 rgb(50,185,179)
```
#29c2bb
```
#29c2bb rgb(41,194,187)
```
#20cbc4
```
#20cbc4 rgb(32,203,196)
```
#17d4cc
```
#17d4cc rgb(23,212,204)
```
#0eddd4
```
#0eddd4 rgb(14,221,212)
```
#05e6dc
```
#05e6dc rgb(5,230,220)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#788180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c898b Protanopia 1% of men
#928694 Deuteranopia 1% of men
#6a909a Tritanopia 0.001% of the population

Trichromacy

#7b8a8a Protanomaly 1% of men, 0.01% of women
#7f8890 Deuteranomaly 6% of men, 0.4% of women
#668e94 Tritanomaly 0.01% of the population

#5f8c8a hex color

#5f8c8a Color Information

#5f8c8a Color Conversion

Color Schemes with #5f8c8a

Alternatives to #5f8c8a

#5f8c8a Preview

Shades and Tints of #5f8c8a

Tones of #5f8c8a

Color Blindness Simulator