#5f8fa9 hex color

In a RGB color space, hex #5f8fa9 is composed of 37.3% red, 56.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 15.4% magenta, 0% yellow and 33.7% black. It has a hue angle of 201.1 degrees, a saturation of 30.1% and a lightness of 51.8%. #5f8fa9 color hex could be obtained by blending #beffff with #001f53. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 56
- B 66
RGB color chart
- C 44
- M 15
- Y 0
- K 34
CMYK color chart

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

The hexadecimal color #5f8fa9 has RGB values of R:95, G:143, B:169 and CMYK values of C:0.44, M:0.15, Y:0, K:0.34. Its decimal value is 6262697.

Hex triplet	5f8fa9	`#5f8fa9`
RGB Decimal	95, 143, 169	`rgb(95,143,169)`
RGB Percent	37.3, 56.1, 66.3	`rgb(37.3%,56.1%,66.3%)`
CMYK	44, 15, 0, 34
HSL	201.1°, 30.1, 51.8	`hsl(201.1,30.1%,51.8%)`
HSV (or HSB)	201.1°, 43.8, 66.3
Web Safe	669999	`#669999`

CIE-LAB	57.018, -9.133, -18.77
XYZ	21.701, 24.941, 41.205
xyY	0.247, 0.284, 24.941
CIE-LCH	57.018, 20.874, 244.053
CIE-LUV	57.018, -22.774, -26.825
Hunter-Lab	49.941, -9.832, -13.959
Binary	01011111, 10001111, 10101001

#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#a9795f
```
#a9795f rgb(169,121,95)
```

Complementary Color

#5fa99e
```
#5fa99e rgb(95,169,158)
```
#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#5f6aa9
```
#5f6aa9 rgb(95,106,169)
```

Analogous Color

#a99e5f
```
#a99e5f rgb(169,158,95)
```
#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#a95f6a
```
#a95f6a rgb(169,95,106)
```

Split Complementary Color

#8fa95f
```
#8fa95f rgb(143,169,95)
```
#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#a95f8f
```
#a95f8f rgb(169,95,143)
```

Triadic Color

#5fa979
```
#5fa979 rgb(95,169,121)
```
#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#a95f8f
```
#a95f8f rgb(169,95,143)
```
#a9795f
```
#a9795f rgb(169,121,95)
```

Tetradic Color

#42667a
```
#42667a rgb(66,102,122)
```
#4a748b
```
#4a748b rgb(74,116,139)
```
#53829b
```
#53829b rgb(83,130,155)
```
#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#709bb2
```
#709bb2 rgb(112,155,178)
```
#80a6bb
```
#80a6bb rgb(128,166,187)
```
#91b2c4
```
#91b2c4 rgb(145,178,196)
```

Monochromatic Color

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

#5fa2a9
```
#5fa2a9 rgb(95,162,169)
```
#5f9ba9
```
#5f9ba9 rgb(95,155,169)
```
#5f95a9
```
#5f95a9 rgb(95,149,169)
```
#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#5f89a9
```
#5f89a9 rgb(95,137,169)
```
#5f83a9
```
#5f83a9 rgb(95,131,169)
```
#5f7da9
```
#5f7da9 rgb(95,125,169)
```

Similar Colors

Text with hexadecimal color #5f8fa9

This text has a font color of #5f8fa9.

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

#5f8fa9 background color

This paragraph has a background color of #5f8fa9.

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

#5f8fa9 border color

This element has a border color of #5f8fa9.

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

CSS codes

.text {color:#5f8fa9;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1013
```
#0a1013 rgb(10,16,19)
```
#111a1f
```
#111a1f rgb(17,26,31)
```
#18252c
```
#18252c rgb(24,37,44)
```
#1f3039
```
#1f3039 rgb(31,48,57)
```
#253a46
```
#253a46 rgb(37,58,70)
```
#2c4552
```
#2c4552 rgb(44,69,82)
```
#33505f
```
#33505f rgb(51,80,95)
```
#3a5a6c
```
#3a5a6c rgb(58,90,108)
```
#416579
```
#416579 rgb(65,101,121)
```
#487085
```
#487085 rgb(72,112,133)
```
#4f7a92
```
#4f7a92 rgb(79,122,146)
```
#55859f
```
#55859f rgb(85,133,159)
```

Shade Color Variation

#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#6c98b0
```
#6c98b0 rgb(108,152,176)
```
#79a1b7
```
#79a1b7 rgb(121,161,183)
```
#85aabe
```
#85aabe rgb(133,170,190)
```
#92b3c4
```
#92b3c4 rgb(146,179,196)
```
#9fbccb
```
#9fbccb rgb(159,188,203)
```
#acc5d2
```
#acc5d2 rgb(172,197,210)
```
#b8ced9
```
#b8ced9 rgb(184,206,217)
```
#c5d6e0
```
#c5d6e0 rgb(197,214,224)
```
#d2dfe7
```
#d2dfe7 rgb(210,223,231)
```
#dfe8ee
```
#dfe8ee rgb(223,232,238)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#7b878d
```
#7b878d rgb(123,135,141)
```
#728996
```
#728996 rgb(114,137,150)
```
#688ca0
```
#688ca0 rgb(104,140,160)
```
#5f8fa9
```
#5f8fa9 rgb(95,143,169)
```
#5692b2
```
#5692b2 rgb(86,146,178)
```
#4c95bc
```
#4c95bc rgb(76,149,188)
```
#4397c5
```
#4397c5 rgb(67,151,197)
```
#399acf
```
#399acf rgb(57,154,207)
```
#309dd8
```
#309dd8 rgb(48,157,216)
```
#26a0e2
```
#26a0e2 rgb(38,160,226)
```
#1da3eb
```
#1da3eb rgb(29,163,235)
```
#13a6f5
```
#13a6f5 rgb(19,166,245)
```
#0aa8fe
```
#0aa8fe rgb(10,168,254)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7d868b Atypical Achromatopsia 0.001% of the population

Dichromacy

#888da9 Protanopia 1% of men
#898cb0 Deuteranopia 1% of men
#6396a1 Tritanopia 0.001% of the population

Trichromacy

#798ea9 Protanomaly 1% of men, 0.01% of women
#7a8dad Deuteranomaly 6% of men, 0.4% of women
#6194a4 Tritanomaly 0.01% of the population

#5f8fa9 hex color

#5f8fa9 Color Information

#5f8fa9 Color Conversion

Color Schemes with #5f8fa9

Alternatives to #5f8fa9

#5f8fa9 Preview

Shades and Tints of #5f8fa9

Tones of #5f8fa9

Color Blindness Simulator