#5f8895 hex color

In a RGB color space, hex #5f8895 is composed of 37.3% red, 53.3% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 36.2% cyan, 8.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 194.4 degrees, a saturation of 22.1% and a lightness of 47.8%. #5f8895 color hex could be obtained by blending #beffff with #00112b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 53
- B 58
RGB color chart
- C 36
- M 9
- Y 0
- K 42
CMYK color chart

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

The hexadecimal color #5f8895 has RGB values of R:95, G:136, B:149 and CMYK values of C:0.36, M:0.09, Y:0, K:0.42. Its decimal value is 6260885.

Hex triplet	5f8895	`#5f8895`
RGB Decimal	95, 136, 149	`rgb(95,136,149)`
RGB Percent	37.3, 53.3, 58.4	`rgb(37.3%,53.3%,58.4%)`
CMYK	36, 9, 0, 42
HSL	194.4°, 22.1, 47.8	`hsl(194.4,22.1%,47.8%)`
HSV (or HSB)	194.4°, 36.2, 58.4
Web Safe	669999	`#669999`

CIE-LAB	54.249, -10.718, -11.464
XYZ	18.947, 22.21, 31.721
xyY	0.26, 0.305, 22.21
CIE-LCH	54.249, 15.694, 226.927
CIE-LUV	54.249, -20.023, -15.101
Hunter-Lab	47.128, -10.711, -6.917
Binary	01011111, 10001000, 10010101

#5f8895
```
#5f8895 rgb(95,136,149)
```
#956c5f
```
#956c5f rgb(149,108,95)
```

Complementary Color

#5f9587
```
#5f9587 rgb(95,149,135)
```
#5f8895
```
#5f8895 rgb(95,136,149)
```
#5f6d95
```
#5f6d95 rgb(95,109,149)
```

Analogous Color

#95875f
```
#95875f rgb(149,135,95)
```
#5f8895
```
#5f8895 rgb(95,136,149)
```
#955f6d
```
#955f6d rgb(149,95,109)
```

Split Complementary Color

#88955f
```
#88955f rgb(136,149,95)
```
#5f8895
```
#5f8895 rgb(95,136,149)
```
#955f88
```
#955f88 rgb(149,95,136)
```

Triadic Color

#5f956c
```
#5f956c rgb(95,149,108)
```
#5f8895
```
#5f8895 rgb(95,136,149)
```
#955f88
```
#955f88 rgb(149,95,136)
```
#956c5f
```
#956c5f rgb(149,108,95)
```

Tetradic Color

#415d66
```
#415d66 rgb(65,93,102)
```
#4b6c76
```
#4b6c76 rgb(75,108,118)
```
#557a85
```
#557a85 rgb(85,122,133)
```
#5f8895
```
#5f8895 rgb(95,136,149)
```
#6c95a1
```
#6c95a1 rgb(108,149,161)
```
#7ca0ab
```
#7ca0ab rgb(124,160,171)
```
#8babb5
```
#8babb5 rgb(139,171,181)
```

Monochromatic Color

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

#5f9595
```
#5f9595 rgb(95,149,149)
```
#5f9195
```
#5f9195 rgb(95,145,149)
```
#5f8d95
```
#5f8d95 rgb(95,141,149)
```
#5f8895
```
#5f8895 rgb(95,136,149)
```
#5f8495
```
#5f8495 rgb(95,132,149)
```
#5f7f95
```
#5f7f95 rgb(95,127,149)
```
#5f7b95
```
#5f7b95 rgb(95,123,149)
```

Similar Colors

Text with hexadecimal color #5f8895

This text has a font color of #5f8895.

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

#5f8895 background color

This paragraph has a background color of #5f8895.

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

#5f8895 border color

This element has a border color of #5f8895.

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

CSS codes

.text {color:#5f8895;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0b1011
```
#0b1011 rgb(11,16,17)
```
#131b1d
```
#131b1d rgb(19,27,29)
```
#1a2629
```
#1a2629 rgb(26,38,41)
```
#223135
```
#223135 rgb(34,49,53)
```
#2a3b41
```
#2a3b41 rgb(42,59,65)
```
#31464d
```
#31464d rgb(49,70,77)
```
#395159
```
#395159 rgb(57,81,89)
```
#405c65
```
#405c65 rgb(64,92,101)
```
#486771
```
#486771 rgb(72,103,113)
```
#50727d
```
#50727d rgb(80,114,125)
```
#577d89
```
#577d89 rgb(87,125,137)
```
#5f8895
```
#5f8895 rgb(95,136,149)
```

Shade Color Variation

#69929f
```
#69929f rgb(105,146,159)
```
#759ba7
```
#759ba7 rgb(117,155,167)
```
#81a3ae
```
#81a3ae rgb(129,163,174)
```
#8cacb6
```
#8cacb6 rgb(140,172,182)
```
#98b5be
```
#98b5be rgb(152,181,190)
```
#a4bdc5
```
#a4bdc5 rgb(164,189,197)
```
#b0c6cd
```
#b0c6cd rgb(176,198,205)
```
#bccfd5
```
#bccfd5 rgb(188,207,213)
```
#c8d7dc
```
#c8d7dc rgb(200,215,220)
```
#d4e0e4
```
#d4e0e4 rgb(212,224,228)
```
#e0e9eb
```
#e0e9eb rgb(224,233,235)
```
#ecf1f3
```
#ecf1f3 rgb(236,241,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727e82 is the less saturated color, while #01b9f3 is the most saturated one.

#727e82
```
#727e82 rgb(114,126,130)
```
#68838c
```
#68838c rgb(104,131,140)
```
#5f8895
```
#5f8895 rgb(95,136,149)
```
#568d9e
```
#568d9e rgb(86,141,158)
```
#4c92a8
```
#4c92a8 rgb(76,146,168)
```
#4397b1
```
#4397b1 rgb(67,151,177)
```
#399bbb
```
#399bbb rgb(57,155,187)
```
#30a0c4
```
#30a0c4 rgb(48,160,196)
```
#27a5cd
```
#27a5cd rgb(39,165,205)
```
#1daad7
```
#1daad7 rgb(29,170,215)
```
#14afe0
```
#14afe0 rgb(20,175,224)
```
#0bb4e9
```
#0bb4e9 rgb(11,180,233)
```
#01b9f3
```
#01b9f3 rgb(1,185,243)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#777f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868796 Protanopia 1% of men
#89859d Deuteranopia 1% of men
#668e98 Tritanopia 0.001% of the population

Trichromacy

#778795 Protanomaly 1% of men, 0.01% of women
#7a869a Deuteranomaly 6% of men, 0.4% of women
#638c97 Tritanomaly 0.01% of the population

#5f8895 hex color

#5f8895 Color Information

#5f8895 Color Conversion

Color Schemes with #5f8895

Alternatives to #5f8895

#5f8895 Preview

Shades and Tints of #5f8895

Tones of #5f8895

Color Blindness Simulator