#9fa1bb hex color

In a RGB color space, hex #9fa1bb is composed of 62.4% red, 63.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 13.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 235.7 degrees, a saturation of 17.1% and a lightness of 67.8%. #9fa1bb color hex could be obtained by blending #ffffff with #3f4377. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 63
- B 73
RGB color chart
- C 15
- M 14
- Y 0
- K 27
CMYK color chart

● #9fa1bb color description : Grayish blue.

The hexadecimal color #9fa1bb has RGB values of R:159, G:161, B:187 and CMYK values of C:0.15, M:0.14, Y:0, K:0.27. Its decimal value is 10461627.

Hex triplet	9fa1bb	`#9fa1bb`
RGB Decimal	159, 161, 187	`rgb(159,161,187)`
RGB Percent	62.4, 63.1, 73.3	`rgb(62.4%,63.1%,73.3%)`
CMYK	15, 14, 0, 27
HSL	235.7°, 17.1, 67.8	`hsl(235.7,17.1%,67.8%)`
HSV (or HSB)	235.7°, 15, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.861, 4.64, -13.616
XYZ	36.011, 36.448, 52.149
xyY	0.289, 0.293, 36.448
CIE-LCH	66.861, 14.385, 288.819
CIE-LUV	66.861, -2.582, -21.344
Hunter-Lab	60.372, 0.82, -8.953
Binary	10011111, 10100001, 10111011

#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#bbb99f
```
#bbb99f rgb(187,185,159)
```

Complementary Color

#9fafbb
```
#9fafbb rgb(159,175,187)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#ab9fbb
```
#ab9fbb rgb(171,159,187)
```

Analogous Color

#afbb9f
```
#afbb9f rgb(175,187,159)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#bbab9f
```
#bbab9f rgb(187,171,159)
```

Split Complementary Color

#a1bb9f
```
#a1bb9f rgb(161,187,159)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#bb9fa1
```
#bb9fa1 rgb(187,159,161)
```

Triadic Color

#9fbbb9
```
#9fbbb9 rgb(159,187,185)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#bb9fa1
```
#bb9fa1 rgb(187,159,161)
```
#bbb99f
```
#bbb99f rgb(187,185,159)
```

Tetradic Color

#72759b
```
#72759b rgb(114,117,155)
```
#8184a6
```
#8184a6 rgb(129,132,166)
```
#9092b0
```
#9092b0 rgb(144,146,176)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#aeb0c6
```
#aeb0c6 rgb(174,176,198)
```
#bdbed0
```
#bdbed0 rgb(189,190,208)
```
#cccddb
```
#cccddb rgb(204,205,219)
```

Monochromatic Color

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

#9fa8bb
```
#9fa8bb rgb(159,168,187)
```
#9fa6bb
```
#9fa6bb rgb(159,166,187)
```
#9fa3bb
```
#9fa3bb rgb(159,163,187)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#9f9fbb
```
#9f9fbb rgb(159,159,187)
```
#a29fbb
```
#a29fbb rgb(162,159,187)
```
#a49fbb
```
#a49fbb rgb(164,159,187)
```

Similar Colors

Text with hexadecimal color #9fa1bb

This text has a font color of #9fa1bb.

<span style="color:#9fa1bb;">Text here</span>

#9fa1bb background color

This paragraph has a background color of #9fa1bb.

<p style="background-color:#9fa1bb;">Content here</p>

#9fa1bb border color

This element has a border color of #9fa1bb.

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

CSS codes

.text {color:#9fa1bb;}

.background {background-color:#9fa1bb;}

.border {border:1px solid #9fa1bb;}

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

#050507
```
#050507 rgb(5,5,7)
```
#0d0e13
```
#0d0e13 rgb(13,14,19)
```
#15161e
```
#15161e rgb(21,22,30)
```
#1e1e2a
```
#1e1e2a rgb(30,30,42)
```
#262735
```
#262735 rgb(38,39,53)
```
#2e2f41
```
#2e2f41 rgb(46,47,65)
```
#36384c
```
#36384c rgb(54,56,76)
```
#3e4058
```
#3e4058 rgb(62,64,88)
```
#464863
```
#464863 rgb(70,72,99)
```
#4e516f
```
#4e516f rgb(78,81,111)
```
#57597a
```
#57597a rgb(87,89,122)
```
#5f6186
```
#5f6186 rgb(95,97,134)
```
#676a91
```
#676a91 rgb(103,106,145)
```

Shade Color Variation

#71749a
```
#71749a rgb(113,116,154)
```
#7d7fa3
```
#7d7fa3 rgb(125,127,163)
```
#888bab
```
#888bab rgb(136,139,171)
```
#9496b3
```
#9496b3 rgb(148,150,179)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#aaacc3
```
#aaacc3 rgb(170,172,195)
```
#b6b7cb
```
#b6b7cb rgb(182,183,203)
```
#c1c3d3
```
#c1c3d3 rgb(193,195,211)
```
#cdcedc
```
#cdcedc rgb(205,206,220)
```
#d8d9e4
```
#d8d9e4 rgb(216,217,228)
```
#e4e4ec
```
#e4e4ec rgb(228,228,236)
```
#eff0f4
```
#eff0f4 rgb(239,240,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#acacae
```
#acacae rgb(172,172,174)
```
#a5a6b5
```
#a5a6b5 rgb(165,166,181)
```
#9fa1bb
```
#9fa1bb rgb(159,161,187)
```
#999cc1
```
#999cc1 rgb(153,156,193)
```
#9296c8
```
#9296c8 rgb(146,150,200)
```
#8c91ce
```
#8c91ce rgb(140,145,206)
```
#868bd4
```
#868bd4 rgb(134,139,212)
```
#7f86db
```
#7f86db rgb(127,134,219)
```
#7981e1
```
#7981e1 rgb(121,129,225)
```
#737be7
```
#737be7 rgb(115,123,231)
```
#6d76ed
```
#6d76ed rgb(109,118,237)
```
#6670f4
```
#6670f4 rgb(102,112,244)
```
#606bfa
```
#606bfa rgb(96,107,250)
```

Tone Color Variation

Below, you can see how #9fa1bb 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

#a3a3a3 Achromatopsia 0.005% of the population
#a2a3a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a6be Protanopia 1% of men
#aba3bf Deuteranopia 1% of men
#a1a7b3 Tritanopia 0.001% of the population

Trichromacy

#a1a4bd Protanomaly 1% of men, 0.01% of women
#a6a2bd Deuteranomaly 6% of men, 0.4% of women
#a0a5b6 Tritanomaly 0.01% of the population

#9fa1bb hex color

#9fa1bb Color Information

#9fa1bb Color Conversion

Color Schemes with #9fa1bb

Alternatives to #9fa1bb

#9fa1bb Preview

Shades and Tints of #9fa1bb

Tones of #9fa1bb

Color Blindness Simulator