#9fa8b3 hex color

In a RGB color space, hex #9fa8b3 is composed of 62.4% red, 65.9% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 6.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 213 degrees, a saturation of 11.6% and a lightness of 66.3%. #9fa8b3 color hex could be obtained by blending #ffffff with #3f5167. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 66
- B 70
RGB color chart
- C 11
- M 6
- Y 0
- K 30
CMYK color chart

● #9fa8b3 color description : Grayish blue.

The hexadecimal color #9fa8b3 has RGB values of R:159, G:168, B:179 and CMYK values of C:0.11, M:0.06, Y:0, K:0.3. Its decimal value is 10463411.

Hex triplet	9fa8b3	`#9fa8b3`
RGB Decimal	159, 168, 179	`rgb(159,168,179)`
RGB Percent	62.4, 65.9, 70.2	`rgb(62.4%,65.9%,70.2%)`
CMYK	11, 6, 0, 30
HSL	213°, 11.6, 66.3	`hsl(213,11.6%,66.3%)`
HSV (or HSB)	213°, 11.2, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.483, -0.933, -6.747
XYZ	36.436, 38.631, 48.182
xyY	0.296, 0.313, 38.631
CIE-LCH	68.483, 6.811, 262.131
CIE-LUV	68.483, -5.505, -9.913
Hunter-Lab	62.153, -4.128, -2.455
Binary	10011111, 10101000, 10110011

#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#b3aa9f
```
#b3aa9f rgb(179,170,159)
```

Complementary Color

#9fb2b3
```
#9fb2b3 rgb(159,178,179)
```
#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#a09fb3
```
#a09fb3 rgb(160,159,179)
```

Analogous Color

#b2b39f
```
#b2b39f rgb(178,179,159)
```
#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#b3a09f
```
#b3a09f rgb(179,160,159)
```

Split Complementary Color

#a8b39f
```
#a8b39f rgb(168,179,159)
```
#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#b39fa8
```
#b39fa8 rgb(179,159,168)
```

Triadic Color

#9fb3aa
```
#9fb3aa rgb(159,179,170)
```
#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#b39fa8
```
#b39fa8 rgb(179,159,168)
```
#b3aa9f
```
#b3aa9f rgb(179,170,159)
```

Tetradic Color

#748191
```
#748191 rgb(116,129,145)
```
#838e9c
```
#838e9c rgb(131,142,156)
```
#919ba8
```
#919ba8 rgb(145,155,168)
```
#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#adb5be
```
#adb5be rgb(173,181,190)
```
#bbc2ca
```
#bbc2ca rgb(187,194,202)
```
#cacfd5
```
#cacfd5 rgb(202,207,213)
```

Monochromatic Color

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

#9fadb3
```
#9fadb3 rgb(159,173,179)
```
#9fabb3
```
#9fabb3 rgb(159,171,179)
```
#9faab3
```
#9faab3 rgb(159,170,179)
```
#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#9fa6b3
```
#9fa6b3 rgb(159,166,179)
```
#9fa5b3
```
#9fa5b3 rgb(159,165,179)
```
#9fa3b3
```
#9fa3b3 rgb(159,163,179)
```

Similar Colors

Text with hexadecimal color #9fa8b3

This text has a font color of #9fa8b3.

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

#9fa8b3 background color

This paragraph has a background color of #9fa8b3.

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

#9fa8b3 border color

This element has a border color of #9fa8b3.

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

CSS codes

.text {color:#9fa8b3;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0c0d
```
#0b0c0d rgb(11,12,13)
```
#131618
```
#131618 rgb(19,22,24)
```
#1c1f23
```
#1c1f23 rgb(28,31,35)
```
#25292e
```
#25292e rgb(37,41,46)
```
#2d3339
```
#2d3339 rgb(45,51,57)
```
#363c44
```
#363c44 rgb(54,60,68)
```
#3f464f
```
#3f464f rgb(63,70,79)
```
#47505a
```
#47505a rgb(71,80,90)
```
#505965
```
#505965 rgb(80,89,101)
```
#596370
```
#596370 rgb(89,99,112)
```
#616d7b
```
#616d7b rgb(97,109,123)
```
#6a7786
```
#6a7786 rgb(106,119,134)
```

Shade Color Variation

#738090
```
#738090 rgb(115,128,144)
```
#7e8a99
```
#7e8a99 rgb(126,138,153)
```
#8994a2
```
#8994a2 rgb(137,148,162)
```
#949eaa
```
#949eaa rgb(148,158,170)
```
#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#aab2bc
```
#aab2bc rgb(170,178,188)
```
#b5bcc4
```
#b5bcc4 rgb(181,188,196)
```
#c0c6cd
```
#c0c6cd rgb(192,198,205)
```
#cbd0d6
```
#cbd0d6 rgb(203,208,214)
```
#d6dade
```
#d6dade rgb(214,218,222)
```
#e1e4e7
```
#e1e4e7 rgb(225,228,231)
```
#ecedf0
```
#ecedf0 rgb(236,237,240)
```
#f7f7f8
```
#f7f7f8 rgb(247,247,248)
```

Tint Color Variation

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

#a6a9ac
```
#a6a9ac rgb(166,169,172)
```
#9fa8b3
```
#9fa8b3 rgb(159,168,179)
```
#98a7ba
```
#98a7ba rgb(152,167,186)
```
#92a7c0
```
#92a7c0 rgb(146,167,192)
```
#8ba6c7
```
#8ba6c7 rgb(139,166,199)
```
#85a5cd
```
#85a5cd rgb(133,165,205)
```
#7ea5d4
```
#7ea5d4 rgb(126,165,212)
```
#77a4db
```
#77a4db rgb(119,164,219)
```
#71a3e1
```
#71a3e1 rgb(113,163,225)
```
#6aa3e8
```
#6aa3e8 rgb(106,163,232)
```
#63a2ef
```
#63a2ef rgb(99,162,239)
```
#5da1f5
```
#5da1f5 rgb(93,161,245)
```
#56a1fc
```
#56a1fc rgb(86,161,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a5a7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abaab5 Protanopia 1% of men
#b5a7b8 Deuteranopia 1% of men
#a4acb8 Tritanopia 0.001% of the population

Trichromacy

#a6a9b4 Protanomaly 1% of men, 0.01% of women
#ada7b6 Deuteranomaly 6% of men, 0.4% of women
#a2aab6 Tritanomaly 0.01% of the population

#9fa8b3 hex color

#9fa8b3 Color Information

#9fa8b3 Color Conversion

Color Schemes with #9fa8b3

Alternatives to #9fa8b3

#9fa8b3 Preview

Shades and Tints of #9fa8b3

Tones of #9fa8b3

Color Blindness Simulator