#9fa4b5 hex color

In a RGB color space, hex #9fa4b5 is composed of 62.4% red, 64.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 9.4% magenta, 0% yellow and 29% black. It has a hue angle of 226.4 degrees, a saturation of 12.9% and a lightness of 66.7%. #9fa4b5 color hex could be obtained by blending #ffffff with #3f496b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 64
- B 71
RGB color chart
- C 12
- M 9
- Y 0
- K 29
CMYK color chart

● #9fa4b5 color description : Grayish blue.

The hexadecimal color #9fa4b5 has RGB values of R:159, G:164, B:181 and CMYK values of C:0.12, M:0.09, Y:0, K:0.29. Its decimal value is 10462389.

Hex triplet	9fa4b5	`#9fa4b5`
RGB Decimal	159, 164, 181	`rgb(159,164,181)`
RGB Percent	62.4, 64.3, 71	`rgb(62.4%,64.3%,71%)`
CMYK	12, 9, 0, 29
HSL	226.4°, 12.9, 66.7	`hsl(226.4,12.9%,66.7%)`
HSV (or HSB)	226.4°, 12.2, 71
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.47, 1.686, -9.364
XYZ	35.912, 37.258, 49.013
xyY	0.294, 0.305, 37.258
CIE-LCH	67.47, 9.515, 280.203
CIE-LUV	67.47, -3.679, -14.307
Hunter-Lab	61.039, -1.798, -4.881
Binary	10011111, 10100100, 10110101

#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#b5b09f
```
#b5b09f rgb(181,176,159)
```

Complementary Color

#9fafb5
```
#9fafb5 rgb(159,175,181)
```
#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#a59fb5
```
#a59fb5 rgb(165,159,181)
```

Analogous Color

#afb59f
```
#afb59f rgb(175,181,159)
```
#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#b5a59f
```
#b5a59f rgb(181,165,159)
```

Split Complementary Color

#a4b59f
```
#a4b59f rgb(164,181,159)
```
#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#b59fa4
```
#b59fa4 rgb(181,159,164)
```

Triadic Color

#9fb5b0
```
#9fb5b0 rgb(159,181,176)
```
#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#b59fa4
```
#b59fa4 rgb(181,159,164)
```
#b5b09f
```
#b5b09f rgb(181,176,159)
```

Tetradic Color

#747b94
```
#747b94 rgb(116,123,148)
```
#82899f
```
#82899f rgb(130,137,159)
```
#9196aa
```
#9196aa rgb(145,150,170)
```
#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#adb2c0
```
#adb2c0 rgb(173,178,192)
```
#bcbfcb
```
#bcbfcb rgb(188,191,203)
```
#cacdd6
```
#cacdd6 rgb(202,205,214)
```

Monochromatic Color

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

#9faab5
```
#9faab5 rgb(159,170,181)
```
#9fa8b5
```
#9fa8b5 rgb(159,168,181)
```
#9fa6b5
```
#9fa6b5 rgb(159,166,181)
```
#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#9fa2b5
```
#9fa2b5 rgb(159,162,181)
```
#9fa0b5
```
#9fa0b5 rgb(159,160,181)
```
#a09fb5
```
#a09fb5 rgb(160,159,181)
```

Similar Colors

Text with hexadecimal color #9fa4b5

This text has a font color of #9fa4b5.

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

#9fa4b5 background color

This paragraph has a background color of #9fa4b5.

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

#9fa4b5 border color

This element has a border color of #9fa4b5.

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

CSS codes

.text {color:#9fa4b5;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0c0f
```
#0b0c0f rgb(11,12,15)
```
#14151a
```
#14151a rgb(20,21,26)
```
#1c1e25
```
#1c1e25 rgb(28,30,37)
```
#252830
```
#252830 rgb(37,40,48)
```
#2e313b
```
#2e313b rgb(46,49,59)
```
#363a46
```
#363a46 rgb(54,58,70)
```
#3f4351
```
#3f4351 rgb(63,67,81)
```
#474c5c
```
#474c5c rgb(71,76,92)
```
#505567
```
#505567 rgb(80,85,103)
```
#585e72
```
#585e72 rgb(88,94,114)
```
#61677e
```
#61677e rgb(97,103,126)
```
#697089
```
#697089 rgb(105,112,137)
```

Shade Color Variation

#737a93
```
#737a93 rgb(115,122,147)
```
#7e859b
```
#7e859b rgb(126,133,155)
```
#898fa4
```
#898fa4 rgb(137,143,164)
```
#949aac
```
#949aac rgb(148,154,172)
```
#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#aaafbe
```
#aaafbe rgb(170,175,190)
```
#b5b9c6
```
#b5b9c6 rgb(181,185,198)
```
#c0c4cf
```
#c0c4cf rgb(192,196,207)
```
#cbced7
```
#cbced7 rgb(203,206,215)
```
#d6d9e0
```
#d6d9e0 rgb(214,217,224)
```
#e1e3e8
```
#e1e3e8 rgb(225,227,232)
```
#edeef1
```
#edeef1 rgb(237,238,241)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

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

#a6a8ae
```
#a6a8ae rgb(166,168,174)
```
#9fa4b5
```
#9fa4b5 rgb(159,164,181)
```
#98a0bc
```
#98a0bc rgb(152,160,188)
```
#929dc2
```
#929dc2 rgb(146,157,194)
```
#8b99c9
```
#8b99c9 rgb(139,153,201)
```
#8596cf
```
#8596cf rgb(133,150,207)
```
#7e92d6
```
#7e92d6 rgb(126,146,214)
```
#788fdc
```
#788fdc rgb(120,143,220)
```
#718be3
```
#718be3 rgb(113,139,227)
```
#6b87e9
```
#6b87e9 rgb(107,135,233)
```
#6484f0
```
#6484f0 rgb(100,132,240)
```
#5e80f6
```
#5e80f6 rgb(94,128,246)
```
#577dfd
```
#577dfd rgb(87,125,253)
```

Tone Color Variation

Below, you can see how #9fa4b5 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
#a3a4a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a7b8 Protanopia 1% of men
#b0a4ba Deuteranopia 1% of men
#a3a9b5 Tritanopia 0.001% of the population

Trichromacy

#a4a6b7 Protanomaly 1% of men, 0.01% of women
#aaa4b8 Deuteranomaly 6% of men, 0.4% of women
#a1a7b5 Tritanomaly 0.01% of the population

#9fa4b5 hex color

#9fa4b5 Color Information

#9fa4b5 Color Conversion

Color Schemes with #9fa4b5

Alternatives to #9fa4b5

#9fa4b5 Preview

Shades and Tints of #9fa4b5

Tones of #9fa4b5

Color Blindness Simulator