#9fa2bf hex color

In a RGB color space, hex #9fa2bf is composed of 62.4% red, 63.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 15.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 234.4 degrees, a saturation of 20% and a lightness of 68.6%. #9fa2bf color hex could be obtained by blending #ffffff with #3f457f. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 64
- B 75
RGB color chart
- C 17
- M 15
- Y 0
- K 25
CMYK color chart

● #9fa2bf color description : Grayish blue.

The hexadecimal color #9fa2bf has RGB values of R:159, G:162, B:191 and CMYK values of C:0.17, M:0.15, Y:0, K:0.25. Its decimal value is 10461887.

Hex triplet	9fa2bf	`#9fa2bf`
RGB Decimal	159, 162, 191	`rgb(159,162,191)`
RGB Percent	62.4, 63.5, 74.9	`rgb(62.4%,63.5%,74.9%)`
CMYK	17, 15, 0, 25
HSL	234.4°, 20, 68.6	`hsl(234.4,20%,68.6%)`
HSV (or HSB)	234.4°, 16.8, 74.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.257, 4.965, -15.246
XYZ	36.621, 36.973, 54.494
xyY	0.286, 0.289, 36.973
CIE-LCH	67.257, 16.034, 288.04
CIE-LUV	67.257, -3.275, -23.977
Hunter-Lab	60.805, 1.094, -10.573
Binary	10011111, 10100010, 10111111

#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#bfbc9f
```
#bfbc9f rgb(191,188,159)
```

Complementary Color

#9fb2bf
```
#9fb2bf rgb(159,178,191)
```
#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#ac9fbf
```
#ac9fbf rgb(172,159,191)
```

Analogous Color

#b2bf9f
```
#b2bf9f rgb(178,191,159)
```
#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#bfac9f
```
#bfac9f rgb(191,172,159)
```

Split Complementary Color

#a2bf9f
```
#a2bf9f rgb(162,191,159)
```
#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#bf9fa2
```
#bf9fa2 rgb(191,159,162)
```

Triadic Color

#9fbfbc
```
#9fbfbc rgb(159,191,188)
```
#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#bf9fa2
```
#bf9fa2 rgb(191,159,162)
```
#bfbc9f
```
#bfbc9f rgb(191,188,159)
```

Tetradic Color

#7176a0
```
#7176a0 rgb(113,118,160)
```
#8084ab
```
#8084ab rgb(128,132,171)
```
#9093b5
```
#9093b5 rgb(144,147,181)
```
#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#aeb1c9
```
#aeb1c9 rgb(174,177,201)
```
#bec0d3
```
#bec0d3 rgb(190,192,211)
```
#cdcede
```
#cdcede rgb(205,206,222)
```

Monochromatic Color

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

#9faabf
```
#9faabf rgb(159,170,191)
```
#9fa7bf
```
#9fa7bf rgb(159,167,191)
```
#9fa5bf
```
#9fa5bf rgb(159,165,191)
```
#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#9f9fbf
```
#9f9fbf rgb(159,159,191)
```
#a19fbf
```
#a19fbf rgb(161,159,191)
```
#a49fbf
```
#a49fbf rgb(164,159,191)
```

Similar Colors

Text with hexadecimal color #9fa2bf

This text has a font color of #9fa2bf.

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

#9fa2bf background color

This paragraph has a background color of #9fa2bf.

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

#9fa2bf border color

This element has a border color of #9fa2bf.

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

CSS codes

.text {color:#9fa2bf;}

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

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

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, #07070a is the darkest color, while #fdfdfe is the lightest one.

#07070a
```
#07070a rgb(7,7,10)
```
#0e0f16
```
#0e0f16 rgb(14,15,22)
```
#161721
```
#161721 rgb(22,23,33)
```
#1e202d
```
#1e202d rgb(30,32,45)
```
#262839
```
#262839 rgb(38,40,57)
```
#2e3045
```
#2e3045 rgb(46,48,69)
```
#363851
```
#363851 rgb(54,56,81)
```
#3e405c
```
#3e405c rgb(62,64,92)
```
#454968
```
#454968 rgb(69,73,104)
```
#4d5174
```
#4d5174 rgb(77,81,116)
```
#555980
```
#555980 rgb(85,89,128)
```
#5d618b
```
#5d618b rgb(93,97,139)
```
#656997
```
#656997 rgb(101,105,151)
```

Shade Color Variation

#7074a0
```
#7074a0 rgb(112,116,160)
```
#7c80a7
```
#7c80a7 rgb(124,128,167)
```
#878baf
```
#878baf rgb(135,139,175)
```
#9397b7
```
#9397b7 rgb(147,151,183)
```
#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#abadc7
```
#abadc7 rgb(171,173,199)
```
#b7b9cf
```
#b7b9cf rgb(183,185,207)
```
#c2c4d7
```
#c2c4d7 rgb(194,196,215)
```
#ced0de
```
#ced0de rgb(206,208,222)
```
#dadbe6
```
#dadbe6 rgb(218,219,230)
```
#e6e6ee
```
#e6e6ee rgb(230,230,238)
```
#f1f2f6
```
#f1f2f6 rgb(241,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#abacb3
```
#abacb3 rgb(171,172,179)
```
#a5a7b9
```
#a5a7b9 rgb(165,167,185)
```
#9fa2bf
```
#9fa2bf rgb(159,162,191)
```
#999dc5
```
#999dc5 rgb(153,157,197)
```
#9398cb
```
#9398cb rgb(147,152,203)
```
#8d93d1
```
#8d93d1 rgb(141,147,209)
```
#868ed8
```
#868ed8 rgb(134,142,216)
```
#8089de
```
#8089de rgb(128,137,222)
```
#7a84e4
```
#7a84e4 rgb(122,132,228)
```
#747fea
```
#747fea rgb(116,127,234)
```
#6e7af0
```
#6e7af0 rgb(110,122,240)
```
#6875f6
```
#6875f6 rgb(104,117,246)
```
#6170fd
```
#6170fd rgb(97,112,253)
```

Tone Color Variation

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

Dichromacy

#a2a7c2 Protanopia 1% of men
#aaa4c3 Deuteranopia 1% of men
#a1a9b5 Tritanopia 0.001% of the population

Trichromacy

#a1a5c1 Protanomaly 1% of men, 0.01% of women
#a6a3c1 Deuteranomaly 6% of men, 0.4% of women
#a0a6b8 Tritanomaly 0.01% of the population

#9fa2bf hex color

#9fa2bf Color Information

#9fa2bf Color Conversion

Color Schemes with #9fa2bf

Alternatives to #9fa2bf

#9fa2bf Preview

Shades and Tints of #9fa2bf

Tones of #9fa2bf

Color Blindness Simulator