#9fa2b8 hex color

In a RGB color space, hex #9fa2b8 is composed of 62.4% red, 63.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 12% magenta, 0% yellow and 27.8% black. It has a hue angle of 232.8 degrees, a saturation of 15% and a lightness of 67.3%. #9fa2b8 color hex could be obtained by blending #ffffff with #3f4571. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 64
- B 72
RGB color chart
- C 14
- M 12
- Y 0
- K 28
CMYK color chart

● #9fa2b8 color description : Grayish blue.

The hexadecimal color #9fa2b8 has RGB values of R:159, G:162, B:184 and CMYK values of C:0.14, M:0.12, Y:0, K:0.28. Its decimal value is 10461880.

Hex triplet	9fa2b8	`#9fa2b8`
RGB Decimal	159, 162, 184	`rgb(159,162,184)`
RGB Percent	62.4, 63.5, 72.2	`rgb(62.4%,63.5%,72.2%)`
CMYK	14, 12, 0, 28
HSL	232.8°, 15, 67.3	`hsl(232.8,15%,67.3%)`
HSV (or HSB)	232.8°, 13.6, 72.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.03, 3.433, -11.692
XYZ	35.868, 36.672, 50.533
xyY	0.291, 0.298, 36.672
CIE-LCH	67.03, 12.185, 286.366
CIE-LUV	67.03, -2.886, -18.163
Hunter-Lab	60.557, -0.249, -7.086
Binary	10011111, 10100010, 10111000

#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#b8b59f
```
#b8b59f rgb(184,181,159)
```

Complementary Color

#9fafb8
```
#9fafb8 rgb(159,175,184)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#a99fb8
```
#a99fb8 rgb(169,159,184)
```

Analogous Color

#afb89f
```
#afb89f rgb(175,184,159)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#b8a99f
```
#b8a99f rgb(184,169,159)
```

Split Complementary Color

#a2b89f
```
#a2b89f rgb(162,184,159)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#b89fa2
```
#b89fa2 rgb(184,159,162)
```

Triadic Color

#9fb8b5
```
#9fb8b5 rgb(159,184,181)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#b89fa2
```
#b89fa2 rgb(184,159,162)
```
#b8b59f
```
#b8b59f rgb(184,181,159)
```

Tetradic Color

#737797
```
#737797 rgb(115,119,151)
```
#8286a2
```
#8286a2 rgb(130,134,162)
```
#9094ad
```
#9094ad rgb(144,148,173)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#aeb0c3
```
#aeb0c3 rgb(174,176,195)
```
#bcbece
```
#bcbece rgb(188,190,206)
```
#cbcdd9
```
#cbcdd9 rgb(203,205,217)
```

Monochromatic Color

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

#9fa8b8
```
#9fa8b8 rgb(159,168,184)
```
#9fa6b8
```
#9fa6b8 rgb(159,166,184)
```
#9fa4b8
```
#9fa4b8 rgb(159,164,184)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#9fa0b8
```
#9fa0b8 rgb(159,160,184)
```
#a09fb8
```
#a09fb8 rgb(160,159,184)
```
#a29fb8
```
#a29fb8 rgb(162,159,184)
```

Similar Colors

Text with hexadecimal color #9fa2b8

This text has a font color of #9fa2b8.

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

#9fa2b8 background color

This paragraph has a background color of #9fa2b8.

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

#9fa2b8 border color

This element has a border color of #9fa2b8.

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

CSS codes

.text {color:#9fa2b8;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0d11
```
#0c0d11 rgb(12,13,17)
```
#15161c
```
#15161c rgb(21,22,28)
```
#1d1e27
```
#1d1e27 rgb(29,30,39)
```
#252733
```
#252733 rgb(37,39,51)
```
#2e303e
```
#2e303e rgb(46,48,62)
```
#363849
```
#363849 rgb(54,56,73)
```
#3e4154
```
#3e4154 rgb(62,65,84)
```
#474a60
```
#474a60 rgb(71,74,96)
```
#4f526b
```
#4f526b rgb(79,82,107)
```
#575b76
```
#575b76 rgb(87,91,118)
```
#606482
```
#606482 rgb(96,100,130)
```
#686d8d
```
#686d8d rgb(104,109,141)
```

Shade Color Variation

#727697
```
#727697 rgb(114,118,151)
```
#7d819f
```
#7d819f rgb(125,129,159)
```
#888ca7
```
#888ca7 rgb(136,140,167)
```
#9497b0
```
#9497b0 rgb(148,151,176)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#aaadc0
```
#aaadc0 rgb(170,173,192)
```
#b6b8c9
```
#b6b8c9 rgb(182,184,201)
```
#c1c3d1
```
#c1c3d1 rgb(193,195,209)
```
#ccced9
```
#ccced9 rgb(204,206,217)
```
#d7d9e2
```
#d7d9e2 rgb(215,217,226)
```
#e3e4ea
```
#e3e4ea rgb(227,228,234)
```
#eeeef2
```
#eeeef2 rgb(238,238,242)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#a5a7b2
```
#a5a7b2 rgb(165,167,178)
```
#9fa2b8
```
#9fa2b8 rgb(159,162,184)
```
#999dbe
```
#999dbe rgb(153,157,190)
```
#9298c5
```
#9298c5 rgb(146,152,197)
```
#8c93cb
```
#8c93cb rgb(140,147,203)
```
#858ed2
```
#858ed2 rgb(133,142,210)
```
#7f8ad8
```
#7f8ad8 rgb(127,138,216)
```
#7885df
```
#7885df rgb(120,133,223)
```
#7280e5
```
#7280e5 rgb(114,128,229)
```
#6c7beb
```
#6c7beb rgb(108,123,235)
```
#6576f2
```
#6576f2 rgb(101,118,242)
```
#5f71f8
```
#5f71f8 rgb(95,113,248)
```
#586cff
```
#586cff rgb(88,108,255)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a3a4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a6bb Protanopia 1% of men
#ada3bc Deuteranopia 1% of men
#a2a8b4 Tritanopia 0.001% of the population

Trichromacy

#a2a4ba Protanomaly 1% of men, 0.01% of women
#a8a3ba Deuteranomaly 6% of men, 0.4% of women
#a1a5b5 Tritanomaly 0.01% of the population

#9fa2b8 hex color

#9fa2b8 Color Information

#9fa2b8 Color Conversion

Color Schemes with #9fa2b8

Alternatives to #9fa2b8

#9fa2b8 Preview

Shades and Tints of #9fa2b8

Tones of #9fa2b8

Color Blindness Simulator