#5f8180 hex color

In a RGB color space, hex #5f8180 is composed of 37.3% red, 50.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 0% magenta, 0.8% yellow and 49.4% black. It has a hue angle of 178.2 degrees, a saturation of 15.2% and a lightness of 43.9%. #5f8180 color hex could be obtained by blending #beffff with #000301. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 51
- B 50
RGB color chart
- C 26
- M 0
- Y 1
- K 49
CMYK color chart

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

The hexadecimal color #5f8180 has RGB values of R:95, G:129, B:128 and CMYK values of C:0.26, M:0, Y:0.01, K:0.49. Its decimal value is 6259072.

Hex triplet	5f8180	`#5f8180`
RGB Decimal	95, 129, 128	`rgb(95,129,128)`
RGB Percent	37.3, 50.6, 50.2	`rgb(37.3%,50.6%,50.2%)`
CMYK	26, 0, 1, 49
HSL	178.2°, 15.2, 43.9	`hsl(178.2,15.2%,43.9%)`
HSV (or HSB)	178.2°, 26.4, 50.6
Web Safe	669999	`#669999`

CIE-LAB	51.486, -12.164, -3.364
XYZ	16.465, 19.691, 23.354
xyY	0.277, 0.331, 19.691
CIE-LCH	51.486, 12.621, 195.457
CIE-LUV	51.486, -16.992, -2.865
Hunter-Lab	44.375, -11.425, -0.141
Binary	01011111, 10000001, 10000000

#5f8180
```
#5f8180 rgb(95,129,128)
```
#815f60
```
#815f60 rgb(129,95,96)
```

Complementary Color

#5f816f
```
#5f816f rgb(95,129,111)
```
#5f8180
```
#5f8180 rgb(95,129,128)
```
#5f7181
```
#5f7181 rgb(95,113,129)
```

Analogous Color

#816f5f
```
#816f5f rgb(129,111,95)
```
#5f8180
```
#5f8180 rgb(95,129,128)
```
#815f71
```
#815f71 rgb(129,95,113)
```

Split Complementary Color

#81805f
```
#81805f rgb(129,128,95)
```
#5f8180
```
#5f8180 rgb(95,129,128)
```
#805f81
```
#805f81 rgb(128,95,129)
```

Triadic Color

#60815f
```
#60815f rgb(96,129,95)
```
#5f8180
```
#5f8180 rgb(95,129,128)
```
#805f81
```
#805f81 rgb(128,95,129)
```
#815f60
```
#815f60 rgb(129,95,96)
```

Tetradic Color

#3f5554
```
#3f5554 rgb(63,85,84)
```
#496463
```
#496463 rgb(73,100,99)
```
#547271
```
#547271 rgb(84,114,113)
```
#5f8180
```
#5f8180 rgb(95,129,128)
```
#6a908f
```
#6a908f rgb(106,144,143)
```
#789b9a
```
#789b9a rgb(120,155,154)
```
#86a6a5
```
#86a6a5 rgb(134,166,165)
```

Monochromatic Color

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

#5f8178
```
#5f8178 rgb(95,129,120)
```
#5f817a
```
#5f817a rgb(95,129,122)
```
#5f817d
```
#5f817d rgb(95,129,125)
```
#5f8180
```
#5f8180 rgb(95,129,128)
```
#5f7f81
```
#5f7f81 rgb(95,127,129)
```
#5f7c81
```
#5f7c81 rgb(95,124,129)
```
#5f7a81
```
#5f7a81 rgb(95,122,129)
```

Similar Colors

Text with hexadecimal color #5f8180

This text has a font color of #5f8180.

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

#5f8180 background color

This paragraph has a background color of #5f8180.

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

#5f8180 border color

This element has a border color of #5f8180.

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

CSS codes

.text {color:#5f8180;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0c1010
```
#0c1010 rgb(12,16,16)
```
#141b1b
```
#141b1b rgb(20,27,27)
```
#1c2726
```
#1c2726 rgb(28,39,38)
```
#253232
```
#253232 rgb(37,50,50)
```
#2d3d3d
```
#2d3d3d rgb(45,61,61)
```
#354948
```
#354948 rgb(53,73,72)
```
#3e5453
```
#3e5453 rgb(62,84,83)
```
#465f5e
```
#465f5e rgb(70,95,94)
```
#4e6a6a
```
#4e6a6a rgb(78,106,106)
```
#577675
```
#577675 rgb(87,118,117)
```
#5f8180
```
#5f8180 rgb(95,129,128)
```
#678c8b
```
#678c8b rgb(103,140,139)
```

Shade Color Variation

#719695
```
#719695 rgb(113,150,149)
```
#7c9f9e
```
#7c9f9e rgb(124,159,158)
```
#87a7a6
```
#87a7a6 rgb(135,167,166)
```
#93afae
```
#93afae rgb(147,175,174)
```
#9eb8b7
```
#9eb8b7 rgb(158,184,183)
```
#a9c0bf
```
#a9c0bf rgb(169,192,191)
```
#b5c8c8
```
#b5c8c8 rgb(181,200,200)
```
#c0d1d0
```
#c0d1d0 rgb(192,209,208)
```
#cbd9d8
```
#cbd9d8 rgb(203,217,216)
```
#d7e1e1
```
#d7e1e1 rgb(215,225,225)
```
#e2eae9
```
#e2eae9 rgb(226,234,233)
```
#edf2f2
```
#edf2f2 rgb(237,242,242)
```
#f8fafa
```
#f8fafa rgb(248,250,250)
```

Tint Color Variation

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

#687878
```
#687878 rgb(104,120,120)
```
#5f8180
```
#5f8180 rgb(95,129,128)
```
#568a88
```
#568a88 rgb(86,138,136)
```
#4e9290
```
#4e9290 rgb(78,146,144)
```
#459b98
```
#459b98 rgb(69,155,152)
```
#3da3a0
```
#3da3a0 rgb(61,163,160)
```
#34aca9
```
#34aca9 rgb(52,172,169)
```
#2bb5b1
```
#2bb5b1 rgb(43,181,177)
```
#23bdb9
```
#23bdb9 rgb(35,189,185)
```
#1ac6c1
```
#1ac6c1 rgb(26,198,193)
```
#11cfc9
```
#11cfc9 rgb(17,207,201)
```
#09d7d1
```
#09d7d1 rgb(9,215,209)
```
#00e0d9
```
#00e0d9 rgb(0,224,217)
```

Tone Color Variation

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

Dichromacy

#838083 Protanopia 1% of men
#897e89 Deuteranopia 1% of men
#69868f Tritanopia 0.001% of the population

Trichromacy

#768081 Protanomaly 1% of men, 0.01% of women
#7a7f86 Deuteranomaly 6% of men, 0.4% of women
#65848a Tritanomaly 0.01% of the population

#5f8180 hex color

#5f8180 Color Information

#5f8180 Color Conversion

Color Schemes with #5f8180

Alternatives to #5f8180

#5f8180 Preview

Shades and Tints of #5f8180

Tones of #5f8180

Color Blindness Simulator