#9fa9b0 hex color

In a RGB color space, hex #9fa9b0 is composed of 62.4% red, 66.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 4% magenta, 0% yellow and 31% black. It has a hue angle of 204.7 degrees, a saturation of 9.7% and a lightness of 65.7%. #9fa9b0 color hex could be obtained by blending #ffffff with #3f5361. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 62
- G 66
- B 69
RGB color chart
- C 10
- M 4
- Y 0
- K 31
CMYK color chart

● #9fa9b0 color description : Dark grayish blue.

The hexadecimal color #9fa9b0 has RGB values of R:159, G:169, B:176 and CMYK values of C:0.1, M:0.04, Y:0, K:0.31. Its decimal value is 10463664.

Hex triplet	9fa9b0	`#9fa9b0`
RGB Decimal	159, 169, 176	`rgb(159,169,176)`
RGB Percent	62.4, 66.3, 69	`rgb(62.4%,66.3%,69%)`
CMYK	10, 4, 0, 31
HSL	204.7°, 9.7, 65.7	`hsl(204.7,9.7%,65.7%)`
HSV (or HSB)	204.7°, 9.7, 69
Web Safe	999999	`#999999`

CIE-LAB	68.665, -2.1, -4.814
XYZ	36.321, 38.881, 46.663
xyY	0.298, 0.319, 38.881
CIE-LCH	68.665, 5.252, 246.431
CIE-LUV	68.665, -5.854, -6.798
Hunter-Lab	62.355, -5.146, -0.721
Binary	10011111, 10101001, 10110000

#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#b0a69f
```
#b0a69f rgb(176,166,159)
```

Complementary Color

#9fb0af
```
#9fb0af rgb(159,176,175)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#9fa1b0
```
#9fa1b0 rgb(159,161,176)
```

Analogous Color

#b0af9f
```
#b0af9f rgb(176,175,159)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#b09fa1
```
#b09fa1 rgb(176,159,161)
```

Split Complementary Color

#a9b09f
```
#a9b09f rgb(169,176,159)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#b09fa9
```
#b09fa9 rgb(176,159,169)
```

Triadic Color

#9fb0a6
```
#9fb0a6 rgb(159,176,166)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#b09fa9
```
#b09fa9 rgb(176,159,169)
```
#b0a69f
```
#b0a69f rgb(176,166,159)
```

Tetradic Color

#75838d
```
#75838d rgb(117,131,141)
```
#839099
```
#839099 rgb(131,144,153)
```
#919ca4
```
#919ca4 rgb(145,156,164)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#adb6bc
```
#adb6bc rgb(173,182,188)
```
#bbc2c7
```
#bbc2c7 rgb(187,194,199)
```
#c9cfd3
```
#c9cfd3 rgb(201,207,211)
```

Monochromatic Color

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

#9fadb0
```
#9fadb0 rgb(159,173,176)
```
#9facb0
```
#9facb0 rgb(159,172,176)
```
#9faab0
```
#9faab0 rgb(159,170,176)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#9fa8b0
```
#9fa8b0 rgb(159,168,176)
```
#9fa6b0
```
#9fa6b0 rgb(159,166,176)
```
#9fa5b0
```
#9fa5b0 rgb(159,165,176)
```

Similar Colors

Text with hexadecimal color #9fa9b0

This text has a font color of #9fa9b0.

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

#9fa9b0 background color

This paragraph has a background color of #9fa9b0.

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

#9fa9b0 border color

This element has a border color of #9fa9b0.

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

CSS codes

.text {color:#9fa9b0;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0c
```
#0a0b0c rgb(10,11,12)
```
#121516
```
#121516 rgb(18,21,22)
```
#1b1f21
```
#1b1f21 rgb(27,31,33)
```
#24292c
```
#24292c rgb(36,41,44)
```
#2d3337
```
#2d3337 rgb(45,51,55)
```
#363d41
```
#363d41 rgb(54,61,65)
```
#3f474c
```
#3f474c rgb(63,71,76)
```
#485157
```
#485157 rgb(72,81,87)
```
#505b62
```
#505b62 rgb(80,91,98)
```
#59656c
```
#59656c rgb(89,101,108)
```
#626f77
```
#626f77 rgb(98,111,119)
```
#6b7882
```
#6b7882 rgb(107,120,130)
```

Shade Color Variation

#74828d
```
#74828d rgb(116,130,141)
```
#7f8c95
```
#7f8c95 rgb(127,140,149)
```
#89969e
```
#89969e rgb(137,150,158)
```
#949fa7
```
#949fa7 rgb(148,159,167)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#aab3b9
```
#aab3b9 rgb(170,179,185)
```
#b5bcc2
```
#b5bcc2 rgb(181,188,194)
```
#bfc6cb
```
#bfc6cb rgb(191,198,203)
```
#cad0d3
```
#cad0d3 rgb(202,208,211)
```
#d5d9dc
```
#d5d9dc rgb(213,217,220)
```
#e0e3e5
```
#e0e3e5 rgb(224,227,229)
```
#eaecee
```
#eaecee rgb(234,236,238)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

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

#a6a8a9
```
#a6a8a9 rgb(166,168,169)
```
#9fa9b0
```
#9fa9b0 rgb(159,169,176)
```
#98aab7
```
#98aab7 rgb(152,170,183)
```
#92abbd
```
#92abbd rgb(146,171,189)
```
#8badc4
```
#8badc4 rgb(139,173,196)
```
#84aecb
```
#84aecb rgb(132,174,203)
```
#7dafd2
```
#7dafd2 rgb(125,175,210)
```
#77b0d8
```
#77b0d8 rgb(119,176,216)
```
#70b1df
```
#70b1df rgb(112,177,223)
```
#69b3e6
```
#69b3e6 rgb(105,179,230)
```
#62b4ed
```
#62b4ed rgb(98,180,237)
```
#5cb5f3
```
#5cb5f3 rgb(92,181,243)
```
#55b6fa
```
#55b6fa rgb(85,182,250)
```

Tone Color Variation

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

#acabb2 Protanopia 1% of men
#b7a7b6 Deuteranopia 1% of men
#a5acb9 Tritanopia 0.001% of the population

Trichromacy

#a7aab1 Protanomaly 1% of men, 0.01% of women
#aea7b3 Deuteranomaly 6% of men, 0.4% of women
#a2abb5 Tritanomaly 0.01% of the population

#9fa9b0 hex color

#9fa9b0 Color Information

#9fa9b0 Color Conversion

Color Schemes with #9fa9b0

Alternatives to #9fa9b0

#9fa9b0 Preview

Shades and Tints of #9fa9b0

Tones of #9fa9b0

Color Blindness Simulator