#9fa4b2 hex color

In a RGB color space, hex #9fa4b2 is composed of 62.4% red, 64.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 7.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 224.2 degrees, a saturation of 11% and a lightness of 66.1%. #9fa4b2 color hex could be obtained by blending #ffffff with #3f4965. Closest websafe color is: #999999.

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

● #9fa4b2 color description : Dark grayish blue.

The hexadecimal color #9fa4b2 has RGB values of R:159, G:164, B:178 and CMYK values of C:0.11, M:0.08, Y:0, K:0.3. Its decimal value is 10462386.

Hex triplet	9fa4b2	`#9fa4b2`
RGB Decimal	159, 164, 178	`rgb(159,164,178)`
RGB Percent	62.4, 64.3, 69.8	`rgb(62.4%,64.3%,69.8%)`
CMYK	11, 8, 0, 30
HSL	224.2°, 11, 66.1	`hsl(224.2,11%,66.1%)`
HSV (or HSB)	224.2°, 10.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	67.379, 1.053, -7.831
XYZ	35.608, 37.136, 47.409
xyY	0.296, 0.309, 37.136
CIE-LCH	67.379, 7.901, 277.661
CIE-LUV	67.379, -3.523, -11.854
Hunter-Lab	60.939, -2.343, -3.468
Binary	10011111, 10100100, 10110010

#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#b2ad9f
```
#b2ad9f rgb(178,173,159)
```

Complementary Color

#9faeb2
```
#9faeb2 rgb(159,174,178)
```
#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#a49fb2
```
#a49fb2 rgb(164,159,178)
```

Analogous Color

#aeb29f
```
#aeb29f rgb(174,178,159)
```
#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#b2a49f
```
#b2a49f rgb(178,164,159)
```

Split Complementary Color

#a4b29f
```
#a4b29f rgb(164,178,159)
```
#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#b29fa4
```
#b29fa4 rgb(178,159,164)
```

Triadic Color

#9fb2ad
```
#9fb2ad rgb(159,178,173)
```
#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#b29fa4
```
#b29fa4 rgb(178,159,164)
```
#b2ad9f
```
#b2ad9f rgb(178,173,159)
```

Tetradic Color

#757c90
```
#757c90 rgb(117,124,144)
```
#83899b
```
#83899b rgb(131,137,155)
```
#9197a7
```
#9197a7 rgb(145,151,167)
```
#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#adb1bd
```
#adb1bd rgb(173,177,189)
```
#bbbfc9
```
#bbbfc9 rgb(187,191,201)
```
#c9ccd4
```
#c9ccd4 rgb(201,204,212)
```

Monochromatic Color

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

#9fa9b2
```
#9fa9b2 rgb(159,169,178)
```
#9fa7b2
```
#9fa7b2 rgb(159,167,178)
```
#9fa6b2
```
#9fa6b2 rgb(159,166,178)
```
#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#9fa2b2
```
#9fa2b2 rgb(159,162,178)
```
#9fa1b2
```
#9fa1b2 rgb(159,161,178)
```
#9f9fb2
```
#9f9fb2 rgb(159,159,178)
```

Similar Colors

Text with hexadecimal color #9fa4b2

This text has a font color of #9fa4b2.

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

#9fa4b2 background color

This paragraph has a background color of #9fa4b2.

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

#9fa4b2 border color

This element has a border color of #9fa4b2.

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

CSS codes

.text {color:#9fa4b2;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0b0d
```
#0a0b0d rgb(10,11,13)
```
#131418
```
#131418 rgb(19,20,24)
```
#1c1e23
```
#1c1e23 rgb(28,30,35)
```
#24272e
```
#24272e rgb(36,39,46)
```
#2d3038
```
#2d3038 rgb(45,48,56)
```
#363943
```
#363943 rgb(54,57,67)
```
#3f434e
```
#3f434e rgb(63,67,78)
```
#474c59
```
#474c59 rgb(71,76,89)
```
#505564
```
#505564 rgb(80,85,100)
```
#595f6f
```
#595f6f rgb(89,95,111)
```
#62687a
```
#62687a rgb(98,104,122)
```
#6a7185
```
#6a7185 rgb(106,113,133)
```

Shade Color Variation

#737b8f
```
#737b8f rgb(115,123,143)
```
#7e8598
```
#7e8598 rgb(126,133,152)
```
#898fa1
```
#898fa1 rgb(137,143,161)
```
#949aa9
```
#949aa9 rgb(148,154,169)
```
#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#aaaebb
```
#aaaebb rgb(170,174,187)
```
#b5b9c3
```
#b5b9c3 rgb(181,185,195)
```
#c0c3cc
```
#c0c3cc rgb(192,195,204)
```
#cbcdd5
```
#cbcdd5 rgb(203,205,213)
```
#d5d8de
```
#d5d8de rgb(213,216,222)
```
#e0e2e6
```
#e0e2e6 rgb(224,226,230)
```
#ebecef
```
#ebecef rgb(235,236,239)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

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

#a6a7ab
```
#a6a7ab rgb(166,167,171)
```
#9fa4b2
```
#9fa4b2 rgb(159,164,178)
```
#98a1b9
```
#98a1b9 rgb(152,161,185)
```
#929ebf
```
#929ebf rgb(146,158,191)
```
#8b9bc6
```
#8b9bc6 rgb(139,155,198)
```
#8497cd
```
#8497cd rgb(132,151,205)
```
#7e94d3
```
#7e94d3 rgb(126,148,211)
```
#7791da
```
#7791da rgb(119,145,218)
```
#708ee1
```
#708ee1 rgb(112,142,225)
```
#6a8be7
```
#6a8be7 rgb(106,139,231)
```
#6388ee
```
#6388ee rgb(99,136,238)
```
#5c84f5
```
#5c84f5 rgb(92,132,245)
```
#5681fb
```
#5681fb rgb(86,129,251)
```

Tone Color Variation

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

#a7a7b5 Protanopia 1% of men
#b1a4b7 Deuteranopia 1% of men
#a3a8b5 Tritanopia 0.001% of the population

Trichromacy

#a4a6b4 Protanomaly 1% of men, 0.01% of women
#aaa4b5 Deuteranomaly 6% of men, 0.4% of women
#a2a7b3 Tritanomaly 0.01% of the population

#9fa4b2 hex color

#9fa4b2 Color Information

#9fa4b2 Color Conversion

Color Schemes with #9fa4b2

Alternatives to #9fa4b2

#9fa4b2 Preview

Shades and Tints of #9fa4b2

Tones of #9fa4b2

Color Blindness Simulator