#9facc2 hex color

In a RGB color space, hex #9facc2 is composed of 62.4% red, 67.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 11.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 217.7 degrees, a saturation of 22.3% and a lightness of 69.2%. #9facc2 color hex could be obtained by blending #ffffff with #3f5985. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 62
- G 67
- B 76
RGB color chart
- C 18
- M 11
- Y 0
- K 24
CMYK color chart

● #9facc2 color description : Grayish blue.

The hexadecimal color #9facc2 has RGB values of R:159, G:172, B:194 and CMYK values of C:0.18, M:0.11, Y:0, K:0.24. Its decimal value is 10464450.

Hex triplet	9facc2	`#9facc2`
RGB Decimal	159, 172, 194	`rgb(159,172,194)`
RGB Percent	62.4, 67.5, 76.1	`rgb(62.4%,67.5%,76.1%)`
CMYK	18, 11, 0, 24
HSL	217.7°, 22.3, 69.2	`hsl(217.7,22.3%,69.2%)`
HSV (or HSB)	217.7°, 18, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.015, 0.112, -12.757
XYZ	38.786, 40.77, 56.862
xyY	0.284, 0.299, 40.77
CIE-LCH	70.015, 12.758, 270.503
CIE-LUV	70.015, -8.058, -19.444
Hunter-Lab	63.852, -3.312, -8.103
Binary	10011111, 10101100, 11000010

#9facc2
```
#9facc2 rgb(159,172,194)
```
#c2b59f
```
#c2b59f rgb(194,181,159)
```

Complementary Color

#9fbec2
```
#9fbec2 rgb(159,190,194)
```
#9facc2
```
#9facc2 rgb(159,172,194)
```
#a49fc2
```
#a49fc2 rgb(164,159,194)
```

Analogous Color

#bec29f
```
#bec29f rgb(190,194,159)
```
#9facc2
```
#9facc2 rgb(159,172,194)
```
#c2a49f
```
#c2a49f rgb(194,164,159)
```

Split Complementary Color

#acc29f
```
#acc29f rgb(172,194,159)
```
#9facc2
```
#9facc2 rgb(159,172,194)
```
#c29fac
```
#c29fac rgb(194,159,172)
```

Triadic Color

#9fc2b5
```
#9fc2b5 rgb(159,194,181)
```
#9facc2
```
#9facc2 rgb(159,172,194)
```
#c29fac
```
#c29fac rgb(194,159,172)
```
#c2b59f
```
#c2b59f rgb(194,181,159)
```

Tetradic Color

#7084a4
```
#7084a4 rgb(112,132,164)
```
#8091ae
```
#8091ae rgb(128,145,174)
```
#8f9fb8
```
#8f9fb8 rgb(143,159,184)
```
#9facc2
```
#9facc2 rgb(159,172,194)
```
#afb9cc
```
#afb9cc rgb(175,185,204)
```
#bec7d6
```
#bec7d6 rgb(190,199,214)
```
#ced4e0
```
#ced4e0 rgb(206,212,224)
```

Monochromatic Color

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

#9fb5c2
```
#9fb5c2 rgb(159,181,194)
```
#9fb2c2
```
#9fb2c2 rgb(159,178,194)
```
#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#9facc2
```
#9facc2 rgb(159,172,194)
```
#9fa9c2
```
#9fa9c2 rgb(159,169,194)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#9fa3c2
```
#9fa3c2 rgb(159,163,194)
```

Similar Colors

Text with hexadecimal color #9facc2

This text has a font color of #9facc2.

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

#9facc2 background color

This paragraph has a background color of #9facc2.

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

#9facc2 border color

This element has a border color of #9facc2.

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

CSS codes

.text {color:#9facc2;}

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

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

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, #08090c is the darkest color, while #ffffff is the lightest one.

#08090c
```
#08090c rgb(8,9,12)
```
#0f1218
```
#0f1218 rgb(15,18,24)
```
#171c24
```
#171c24 rgb(23,28,36)
```
#1e2530
```
#1e2530 rgb(30,37,48)
```
#262e3c
```
#262e3c rgb(38,46,60)
```
#2e3748
```
#2e3748 rgb(46,55,72)
```
#354154
```
#354154 rgb(53,65,84)
```
#3d4a60
```
#3d4a60 rgb(61,74,96)
```
#45536c
```
#45536c rgb(69,83,108)
```
#4c5c78
```
#4c5c78 rgb(76,92,120)
```
#546684
```
#546684 rgb(84,102,132)
```
#5b6f90
```
#5b6f90 rgb(91,111,144)
```
#63789c
```
#63789c rgb(99,120,156)
```

Shade Color Variation

#6f83a4
```
#6f83a4 rgb(111,131,164)
```
#7b8dab
```
#7b8dab rgb(123,141,171)
```
#8797b3
```
#8797b3 rgb(135,151,179)
```
#93a2ba
```
#93a2ba rgb(147,162,186)
```
#9facc2
```
#9facc2 rgb(159,172,194)
```
#abb6ca
```
#abb6ca rgb(171,182,202)
```
#b7c1d1
```
#b7c1d1 rgb(183,193,209)
```
#c3cbd9
```
#c3cbd9 rgb(195,203,217)
```
#cfd5e0
```
#cfd5e0 rgb(207,213,224)
```
#dbe0e8
```
#dbe0e8 rgb(219,224,232)
```
#e7eaf0
```
#e7eaf0 rgb(231,234,240)
```
#f3f5f7
```
#f3f5f7 rgb(243,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#abafb6
```
#abafb6 rgb(171,175,182)
```
#a5aebc
```
#a5aebc rgb(165,174,188)
```
#9facc2
```
#9facc2 rgb(159,172,194)
```
#99aac8
```
#99aac8 rgb(153,170,200)
```
#93a9ce
```
#93a9ce rgb(147,169,206)
```
#8da7d4
```
#8da7d4 rgb(141,167,212)
```
#87a6da
```
#87a6da rgb(135,166,218)
```
#81a4e0
```
#81a4e0 rgb(129,164,224)
```
#7ba3e6
```
#7ba3e6 rgb(123,163,230)
```
#75a1ec
```
#75a1ec rgb(117,161,236)
```
#6fa0f2
```
#6fa0f2 rgb(111,160,242)
```
#699ef8
```
#699ef8 rgb(105,158,248)
```
#639cfe
```
#639cfe rgb(99,156,254)
```

Tone Color Variation

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

Dichromacy

#abaec3 Protanopia 1% of men
#b4abc6 Deuteranopia 1% of men
#a2b1be Tritanopia 0.001% of the population

Trichromacy

#a7adc3 Protanomaly 1% of men, 0.01% of women
#acabc5 Deuteranomaly 6% of men, 0.4% of women
#a1afbf Tritanomaly 0.01% of the population

#9facc2 hex color

#9facc2 Color Information

#9facc2 Color Conversion

Color Schemes with #9facc2

Alternatives to #9facc2

#9facc2 Preview

Shades and Tints of #9facc2

Tones of #9facc2

Color Blindness Simulator