#9faacc hex color

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

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

● #9faacc color description : Grayish blue.

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

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

CIE-LAB	69.81, 3.477, -18.579
XYZ	39.57, 40.479, 62.852
xyY	0.277, 0.283, 40.479
CIE-LCH	69.81, 18.901, 280.6
CIE-LUV	69.81, -7.583, -29.219
Hunter-Lab	63.623, -0.325, -14.035
Binary	10011111, 10101010, 11001100

#9faacc
```
#9faacc rgb(159,170,204)
```
#ccc19f
```
#ccc19f rgb(204,193,159)
```

Complementary Color

#9fc1cc
```
#9fc1cc rgb(159,193,204)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#ab9fcc
```
#ab9fcc rgb(171,159,204)
```

Analogous Color

#c1cc9f
```
#c1cc9f rgb(193,204,159)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#ccab9f
```
#ccab9f rgb(204,171,159)
```

Split Complementary Color

#aacc9f
```
#aacc9f rgb(170,204,159)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#cc9faa
```
#cc9faa rgb(204,159,170)
```

Triadic Color

#9fccc1
```
#9fccc1 rgb(159,204,193)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#cc9faa
```
#cc9faa rgb(204,159,170)
```
#ccc19f
```
#ccc19f rgb(204,193,159)
```

Tetradic Color

#6d7eb1
```
#6d7eb1 rgb(109,126,177)
```
#7e8dba
```
#7e8dba rgb(126,141,186)
```
#8e9bc3
```
#8e9bc3 rgb(142,155,195)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#b0b9d5
```
#b0b9d5 rgb(176,185,213)
```
#c0c7de
```
#c0c7de rgb(192,199,222)
```
#d1d6e7
```
#d1d6e7 rgb(209,214,231)
```

Monochromatic Color

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

#9fb5cc
```
#9fb5cc rgb(159,181,204)
```
#9fb2cc
```
#9fb2cc rgb(159,178,204)
```
#9faecc
```
#9faecc rgb(159,174,204)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#9fa6cc
```
#9fa6cc rgb(159,166,204)
```
#9fa3cc
```
#9fa3cc rgb(159,163,204)
```
#9f9fcc
```
#9f9fcc rgb(159,159,204)
```

Similar Colors

Text with hexadecimal color #9faacc

This text has a font color of #9faacc.

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

#9faacc background color

This paragraph has a background color of #9faacc.

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

#9faacc border color

This element has a border color of #9faacc.

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

CSS codes

.text {color:#9faacc;}

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

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

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)
```
#111520
```
#111520 rgb(17,21,32)
```
#181d2d
```
#181d2d rgb(24,29,45)
```
#1f253a
```
#1f253a rgb(31,37,58)
```
#252e47
```
#252e47 rgb(37,46,71)
```
#2c3653
```
#2c3653 rgb(44,54,83)
```
#333e60
```
#333e60 rgb(51,62,96)
```
#3a466d
```
#3a466d rgb(58,70,109)
```
#414f7a
```
#414f7a rgb(65,79,122)
```
#475787
```
#475787 rgb(71,87,135)
```
#4e5f93
```
#4e5f93 rgb(78,95,147)
```
#5567a0
```
#5567a0 rgb(85,103,160)
```

Shade Color Variation

#5f71aa
```
#5f71aa rgb(95,113,170)
```
#6c7db1
```
#6c7db1 rgb(108,125,177)
```
#7988b8
```
#7988b8 rgb(121,136,184)
```
#8593be
```
#8593be rgb(133,147,190)
```
#929fc5
```
#929fc5 rgb(146,159,197)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#acb5d3
```
#acb5d3 rgb(172,181,211)
```
#b9c1da
```
#b9c1da rgb(185,193,218)
```
#c5cce0
```
#c5cce0 rgb(197,204,224)
```
#d2d7e7
```
#d2d7e7 rgb(210,215,231)
```
#dfe3ee
```
#dfe3ee rgb(223,227,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, #b0b3bb is the less saturated color, while #6c90ff is the most saturated one.

#b0b3bb
```
#b0b3bb rgb(176,179,187)
```
#aab0c1
```
#aab0c1 rgb(170,176,193)
```
#a5adc6
```
#a5adc6 rgb(165,173,198)
```
#9faacc
```
#9faacc rgb(159,170,204)
```
#99a7d2
```
#99a7d2 rgb(153,167,210)
```
#94a4d7
```
#94a4d7 rgb(148,164,215)
```
#8ea1dd
```
#8ea1dd rgb(142,161,221)
```
#889ee3
```
#889ee3 rgb(136,158,227)
```
#839ce8
```
#839ce8 rgb(131,156,232)
```
#7d99ee
```
#7d99ee rgb(125,153,238)
```
#7796f4
```
#7796f4 rgb(119,150,244)
```
#7293f9
```
#7293f9 rgb(114,147,249)
```
#6c90ff
```
#6c90ff rgb(108,144,255)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a9abb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7adce Protanopia 1% of men
#aeabcf Deuteranopia 1% of men
#a0b1be Tritanopia 0.001% of the population

Trichromacy

#a4accd Protanomaly 1% of men, 0.01% of women
#a8aace Deuteranomaly 6% of men, 0.4% of women
#9faec3 Tritanomaly 0.01% of the population

#9faacc hex color

#9faacc Color Information

#9faacc Color Conversion

Color Schemes with #9faacc

Alternatives to #9faacc

#9faacc Preview

Shades and Tints of #9faacc

Tones of #9faacc

Color Blindness Simulator