#9fa9cc hex color

In a RGB color space, hex #9fa9cc is composed of 62.4% red, 66.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 22.1% cyan, 17.2% magenta, 0% yellow and 20% black. It has a hue angle of 226.7 degrees, a saturation of 30.6% and a lightness of 71.2%. #9fa9cc color hex could be obtained by blending #ffffff with #3f5399. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 66
- B 80
RGB color chart
- C 22
- M 17
- Y 0
- K 20
CMYK color chart

● #9fa9cc color description : Grayish blue.

The hexadecimal color #9fa9cc has RGB values of R:159, G:169, B:204 and CMYK values of C:0.22, M:0.17, Y:0, K:0.2. Its decimal value is 10463692.

Hex triplet	9fa9cc	`#9fa9cc`
RGB Decimal	159, 169, 204	`rgb(159,169,204)`
RGB Percent	62.4, 66.3, 80	`rgb(62.4%,66.3%,80%)`
CMYK	22, 17, 0, 20
HSL	226.7°, 30.6, 71.2	`hsl(226.7,30.6%,71.2%)`
HSV (or HSB)	226.7°, 22.1, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.545, 4.03, -18.98
XYZ	39.383, 40.106, 62.79
xyY	0.277, 0.282, 40.106
CIE-LCH	69.545, 19.403, 281.987
CIE-LUV	69.545, -7.135, -29.932
Hunter-Lab	63.329, 0.179, -14.454
Binary	10011111, 10101001, 11001100

#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#ccc29f
```
#ccc29f rgb(204,194,159)
```

Complementary Color

#9fc0cc
```
#9fc0cc rgb(159,192,204)
```
#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#ac9fcc
```
#ac9fcc rgb(172,159,204)
```

Analogous Color

#c0cc9f
```
#c0cc9f rgb(192,204,159)
```
#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#ccac9f
```
#ccac9f rgb(204,172,159)
```

Split Complementary Color

#a9cc9f
```
#a9cc9f rgb(169,204,159)
```
#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#cc9fa9
```
#cc9fa9 rgb(204,159,169)
```

Triadic Color

#9fccc2
```
#9fccc2 rgb(159,204,194)
```
#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#cc9fa9
```
#cc9fa9 rgb(204,159,169)
```
#ccc29f
```
#ccc29f rgb(204,194,159)
```

Tetradic Color

#6d7cb1
```
#6d7cb1 rgb(109,124,177)
```
#7e8bba
```
#7e8bba rgb(126,139,186)
```
#8e9ac3
```
#8e9ac3 rgb(142,154,195)
```
#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#b0b8d5
```
#b0b8d5 rgb(176,184,213)
```
#c0c7de
```
#c0c7de rgb(192,199,222)
```
#d1d6e7
```
#d1d6e7 rgb(209,214,231)
```

Monochromatic Color

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

#9fb4cc
```
#9fb4cc rgb(159,180,204)
```
#9fb1cc
```
#9fb1cc rgb(159,177,204)
```
#9fadcc
```
#9fadcc rgb(159,173,204)
```
#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#9fa5cc
```
#9fa5cc rgb(159,165,204)
```
#9fa2cc
```
#9fa2cc rgb(159,162,204)
```
#a09fcc
```
#a09fcc rgb(160,159,204)
```

Similar Colors

Text with hexadecimal color #9fa9cc

This text has a font color of #9fa9cc.

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

#9fa9cc background color

This paragraph has a background color of #9fa9cc.

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

#9fa9cc border color

This element has a border color of #9fa9cc.

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

CSS codes

.text {color:#9fa9cc;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0c13
```
#0a0c13 rgb(10,12,19)
```
#111420
```
#111420 rgb(17,20,32)
```
#181d2d
```
#181d2d rgb(24,29,45)
```
#1f253a
```
#1f253a rgb(31,37,58)
```
#252d47
```
#252d47 rgb(37,45,71)
```
#2c3553
```
#2c3553 rgb(44,53,83)
```
#333d60
```
#333d60 rgb(51,61,96)
```
#3a456d
```
#3a456d rgb(58,69,109)
```
#414d7a
```
#414d7a rgb(65,77,122)
```
#475687
```
#475687 rgb(71,86,135)
```
#4e5e93
```
#4e5e93 rgb(78,94,147)
```
#5566a0
```
#5566a0 rgb(85,102,160)
```

Shade Color Variation

#5f70aa
```
#5f70aa rgb(95,112,170)
```
#6c7bb1
```
#6c7bb1 rgb(108,123,177)
```
#7987b8
```
#7987b8 rgb(121,135,184)
```
#8592be
```
#8592be rgb(133,146,190)
```
#929ec5
```
#929ec5 rgb(146,158,197)
```
#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#acb4d3
```
#acb4d3 rgb(172,180,211)
```
#b9c0da
```
#b9c0da rgb(185,192,218)
```
#c5cbe0
```
#c5cbe0 rgb(197,203,224)
```
#d2d7e7
```
#d2d7e7 rgb(210,215,231)
```
#dfe2ee
```
#dfe2ee rgb(223,226,238)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#b0b2bb
```
#b0b2bb rgb(176,178,187)
```
#aaafc1
```
#aaafc1 rgb(170,175,193)
```
#a5acc6
```
#a5acc6 rgb(165,172,198)
```
#9fa9cc
```
#9fa9cc rgb(159,169,204)
```
#99a6d2
```
#99a6d2 rgb(153,166,210)
```
#94a3d7
```
#94a3d7 rgb(148,163,215)
```
#8ea0dd
```
#8ea0dd rgb(142,160,221)
```
#889ce3
```
#889ce3 rgb(136,156,227)
```
#8399e8
```
#8399e8 rgb(131,153,232)
```
#7d96ee
```
#7d96ee rgb(125,150,238)
```
#7793f4
```
#7793f4 rgb(119,147,244)
```
#7290f9
```
#7290f9 rgb(114,144,249)
```
#6c8dff
```
#6c8dff rgb(108,141,255)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a8aab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6acce Protanopia 1% of men
#acaacf Deuteranopia 1% of men
#9fb0bd Tritanopia 0.001% of the population

Trichromacy

#a3abcd Protanomaly 1% of men, 0.01% of women
#a7aace Deuteranomaly 6% of men, 0.4% of women
#9fadc2 Tritanomaly 0.01% of the population

#9fa9cc hex color

#9fa9cc Color Information

#9fa9cc Color Conversion

Color Schemes with #9fa9cc

Alternatives to #9fa9cc

#9fa9cc Preview

Shades and Tints of #9fa9cc

Tones of #9fa9cc

Color Blindness Simulator