#5f8aa8 hex color

In a RGB color space, hex #5f8aa8 is composed of 37.3% red, 54.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 17.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 204.7 degrees, a saturation of 29.6% and a lightness of 51.6%. #5f8aa8 color hex could be obtained by blending #beffff with #001551. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 54
- B 66
RGB color chart
- C 43
- M 18
- Y 0
- K 34
CMYK color chart

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

The hexadecimal color #5f8aa8 has RGB values of R:95, G:138, B:168 and CMYK values of C:0.43, M:0.18, Y:0, K:0.34. Its decimal value is 6261416.

Hex triplet	5f8aa8	`#5f8aa8`
RGB Decimal	95, 138, 168	`rgb(95,138,168)`
RGB Percent	37.3, 54.1, 65.9	`rgb(37.3%,54.1%,65.9%)`
CMYK	43, 18, 0, 34
HSL	204.7°, 29.6, 51.6	`hsl(204.7,29.6%,51.6%)`
HSV (or HSB)	204.7°, 43.5, 65.9
Web Safe	669999	`#669999`

CIE-LAB	55.519, -6.604, -20.487
XYZ	20.874, 23.436, 40.467
xyY	0.246, 0.276, 23.436
CIE-LCH	55.519, 21.526, 252.133
CIE-LUV	55.519, -20.755, -29.74
Hunter-Lab	48.411, -7.752, -15.674
Binary	01011111, 10001010, 10101000

#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#a87d5f
```
#a87d5f rgb(168,125,95)
```

Complementary Color

#5fa8a2
```
#5fa8a2 rgb(95,168,162)
```
#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#5f66a8
```
#5f66a8 rgb(95,102,168)
```

Analogous Color

#a8a25f
```
#a8a25f rgb(168,162,95)
```
#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#a85f66
```
#a85f66 rgb(168,95,102)
```

Split Complementary Color

#8aa85f
```
#8aa85f rgb(138,168,95)
```
#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#a85f8a
```
#a85f8a rgb(168,95,138)
```

Triadic Color

#5fa87d
```
#5fa87d rgb(95,168,125)
```
#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#a85f8a
```
#a85f8a rgb(168,95,138)
```
#a87d5f
```
#a87d5f rgb(168,125,95)
```

Tetradic Color

#426279
```
#426279 rgb(66,98,121)
```
#4b7089
```
#4b7089 rgb(75,112,137)
```
#547d9a
```
#547d9a rgb(84,125,154)
```
#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#7096b1
```
#7096b1 rgb(112,150,177)
```
#80a2ba
```
#80a2ba rgb(128,162,186)
```
#91aec3
```
#91aec3 rgb(145,174,195)
```

Monochromatic Color

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

#5f9ca8
```
#5f9ca8 rgb(95,156,168)
```
#5f96a8
```
#5f96a8 rgb(95,150,168)
```
#5f90a8
```
#5f90a8 rgb(95,144,168)
```
#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#5f84a8
```
#5f84a8 rgb(95,132,168)
```
#5f7ea8
```
#5f7ea8 rgb(95,126,168)
```
#5f78a8
```
#5f78a8 rgb(95,120,168)
```

Similar Colors

Text with hexadecimal color #5f8aa8

This text has a font color of #5f8aa8.

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

#5f8aa8 background color

This paragraph has a background color of #5f8aa8.

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

#5f8aa8 border color

This element has a border color of #5f8aa8.

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

CSS codes

.text {color:#5f8aa8;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0f12
```
#0a0f12 rgb(10,15,18)
```
#11191f
```
#11191f rgb(17,25,31)
```
#18232b
```
#18232b rgb(24,35,43)
```
#1e2e38
```
#1e2e38 rgb(30,46,56)
```
#253845
```
#253845 rgb(37,56,69)
```
#2c4251
```
#2c4251 rgb(44,66,81)
```
#334c5e
```
#334c5e rgb(51,76,94)
```
#3a576b
```
#3a576b rgb(58,87,107)
```
#416178
```
#416178 rgb(65,97,120)
```
#486b84
```
#486b84 rgb(72,107,132)
```
#4f7691
```
#4f7691 rgb(79,118,145)
```
#56809e
```
#56809e rgb(86,128,158)
```

Shade Color Variation

#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#6c93af
```
#6c93af rgb(108,147,175)
```
#789db6
```
#789db6 rgb(120,157,182)
```
#85a6bd
```
#85a6bd rgb(133,166,189)
```
#92afc4
```
#92afc4 rgb(146,175,196)
```
#9fb8cb
```
#9fb8cb rgb(159,184,203)
```
#abc2d1
```
#abc2d1 rgb(171,194,209)
```
#b8cbd8
```
#b8cbd8 rgb(184,203,216)
```
#c5d4df
```
#c5d4df rgb(197,212,223)
```
#d1dee6
```
#d1dee6 rgb(209,222,230)
```
#dee7ed
```
#dee7ed rgb(222,231,237)
```
#ebf0f4
```
#ebf0f4 rgb(235,240,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#7c858c
```
#7c858c rgb(124,133,140)
```
#728795
```
#728795 rgb(114,135,149)
```
#69889f
```
#69889f rgb(105,136,159)
```
#5f8aa8
```
#5f8aa8 rgb(95,138,168)
```
#568cb2
```
#568cb2 rgb(86,140,178)
```
#4c8dbb
```
#4c8dbb rgb(76,141,187)
```
#438fc5
```
#438fc5 rgb(67,143,197)
```
#3991ce
```
#3991ce rgb(57,145,206)
```
#3092d8
```
#3092d8 rgb(48,146,216)
```
#2694e1
```
#2694e1 rgb(38,148,225)
```
#1d96eb
```
#1d96eb rgb(29,150,235)
```
#1398f4
```
#1398f4 rgb(19,152,244)
```
#0999fe
```
#0999fe rgb(9,153,254)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7a8389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838aa8 Protanopia 1% of men
#8489af Deuteranopia 1% of men
#62929d Tritanopia 0.001% of the population

Trichromacy

#768aa8 Protanomaly 1% of men, 0.01% of women
#7689ac Deuteranomaly 6% of men, 0.4% of women
#608fa1 Tritanomaly 0.01% of the population

#5f8aa8 hex color

#5f8aa8 Color Information

#5f8aa8 Color Conversion

Color Schemes with #5f8aa8

Alternatives to #5f8aa8

#5f8aa8 Preview

Shades and Tints of #5f8aa8

Tones of #5f8aa8

Color Blindness Simulator