#5f8a9b hex color

In a RGB color space, hex #5f8a9b is composed of 37.3% red, 54.1% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 38.7% cyan, 11% magenta, 0% yellow and 39.2% black. It has a hue angle of 197 degrees, a saturation of 24% and a lightness of 49%. #5f8a9b color hex could be obtained by blending #beffff with #001537. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 54
- B 61
RGB color chart
- C 39
- M 11
- Y 0
- K 39
CMYK color chart

● #5f8a9b color description : Mostly desaturated dark blue.

The hexadecimal color #5f8a9b has RGB values of R:95, G:138, B:155 and CMYK values of C:0.39, M:0.11, Y:0, K:0.39. Its decimal value is 6261403.

Hex triplet	5f8a9b	`#5f8a9b`
RGB Decimal	95, 138, 155	`rgb(95,138,155)`
RGB Percent	37.3, 54.1, 60.8	`rgb(37.3%,54.1%,60.8%)`
CMYK	39, 11, 0, 39
HSL	197°, 24, 49	`hsl(197,24%,49%)`
HSV (or HSB)	197°, 38.7, 60.8
Web Safe	669999	`#669999`

CIE-LAB	55.047, -10.223, -13.727
XYZ	19.723, 22.976, 34.404
xyY	0.256, 0.298, 22.976
CIE-LCH	55.047, 17.115, 233.323
CIE-LUV	55.047, -20.834, -18.671
Hunter-Lab	47.933, -10.436, -9.003
Binary	01011111, 10001010, 10011011

#5f8a9b
```
#5f8a9b rgb(95,138,155)
```
#9b705f
```
#9b705f rgb(155,112,95)
```

Complementary Color

#5f9b8e
```
#5f9b8e rgb(95,155,142)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```
#5f6c9b
```
#5f6c9b rgb(95,108,155)
```

Analogous Color

#9b8e5f
```
#9b8e5f rgb(155,142,95)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```
#9b5f6c
```
#9b5f6c rgb(155,95,108)
```

Split Complementary Color

#8a9b5f
```
#8a9b5f rgb(138,155,95)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```
#9b5f8a
```
#9b5f8a rgb(155,95,138)
```

Triadic Color

#5f9b70
```
#5f9b70 rgb(95,155,112)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```
#9b5f8a
```
#9b5f8a rgb(155,95,138)
```
#9b705f
```
#9b705f rgb(155,112,95)
```

Tetradic Color

#42606c
```
#42606c rgb(66,96,108)
```
#4c6e7b
```
#4c6e7b rgb(76,110,123)
```
#557c8b
```
#557c8b rgb(85,124,139)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```
#6e96a6
```
#6e96a6 rgb(110,150,166)
```
#7da1b0
```
#7da1b0 rgb(125,161,176)
```
#8dadb9
```
#8dadb9 rgb(141,173,185)
```

Monochromatic Color

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

#5f999b
```
#5f999b rgb(95,153,155)
```
#5f949b
```
#5f949b rgb(95,148,155)
```
#5f8f9b
```
#5f8f9b rgb(95,143,155)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```
#5f859b
```
#5f859b rgb(95,133,155)
```
#5f809b
```
#5f809b rgb(95,128,155)
```
#5f7b9b
```
#5f7b9b rgb(95,123,155)
```

Similar Colors

Text with hexadecimal color #5f8a9b

This text has a font color of #5f8a9b.

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

#5f8a9b background color

This paragraph has a background color of #5f8a9b.

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

#5f8a9b border color

This element has a border color of #5f8a9b.

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

CSS codes

.text {color:#5f8a9b;}

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

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1315
```
#0d1315 rgb(13,19,21)
```
#141e21
```
#141e21 rgb(20,30,33)
```
#1c292e
```
#1c292e rgb(28,41,46)
```
#23333a
```
#23333a rgb(35,51,58)
```
#2b3e46
```
#2b3e46 rgb(43,62,70)
```
#324952
```
#324952 rgb(50,73,82)
```
#3a545e
```
#3a545e rgb(58,84,94)
```
#415f6a
```
#415f6a rgb(65,95,106)
```
#496a77
```
#496a77 rgb(73,106,119)
```
#507483
```
#507483 rgb(80,116,131)
```
#587f8f
```
#587f8f rgb(88,127,143)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```

Shade Color Variation

#6a93a4
```
#6a93a4 rgb(106,147,164)
```
#769cab
```
#769cab rgb(118,156,171)
```
#82a5b3
```
#82a5b3 rgb(130,165,179)
```
#8eaeba
```
#8eaeba rgb(142,174,186)
```
#9bb6c1
```
#9bb6c1 rgb(155,182,193)
```
#a7bfc9
```
#a7bfc9 rgb(167,191,201)
```
#b3c8d0
```
#b3c8d0 rgb(179,200,208)
```
#bfd1d8
```
#bfd1d8 rgb(191,209,216)
```
#cbdadf
```
#cbdadf rgb(203,218,223)
```
#d7e2e7
```
#d7e2e7 rgb(215,226,231)
```
#e4ebee
```
#e4ebee rgb(228,235,238)
```
#f0f4f6
```
#f0f4f6 rgb(240,244,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e7e is the less saturated color, while #08b0f2 is the most saturated one.

#7c7e7e
```
#7c7e7e rgb(124,126,126)
```
#728288
```
#728288 rgb(114,130,136)
```
#698691
```
#698691 rgb(105,134,145)
```
#5f8a9b
```
#5f8a9b rgb(95,138,155)
```
#558ea5
```
#558ea5 rgb(85,142,165)
```
#4c92ae
```
#4c92ae rgb(76,146,174)
```
#4297b8
```
#4297b8 rgb(66,151,184)
```
#399bc1
```
#399bc1 rgb(57,155,193)
```
#2f9fcb
```
#2f9fcb rgb(47,159,203)
```
#25a3d5
```
#25a3d5 rgb(37,163,213)
```
#1ca7de
```
#1ca7de rgb(28,167,222)
```
#12abe8
```
#12abe8 rgb(18,171,232)
```
#08b0f2
```
#08b0f2 rgb(8,176,242)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#798185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86899c Protanopia 1% of men
#8987a3 Deuteranopia 1% of men
#65909b Tritanopia 0.001% of the population

Trichromacy

#78899b Protanomaly 1% of men, 0.01% of women
#7a88a0 Deuteranomaly 6% of men, 0.4% of women
#638e9b Tritanomaly 0.01% of the population

#5f8a9b hex color

#5f8a9b Color Information

#5f8a9b Color Conversion

Color Schemes with #5f8a9b

Alternatives to #5f8a9b

#5f8a9b Preview

Shades and Tints of #5f8a9b

Tones of #5f8a9b

Color Blindness Simulator