#9fafc2 hex color

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

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

● #9fafc2 color description : Grayish blue.

The hexadecimal color #9fafc2 has RGB values of R:159, G:175, B:194 and CMYK values of C:0.18, M:0.1, Y:0, K:0.24. Its decimal value is 10465218.

Hex triplet	9fafc2	`#9fafc2`
RGB Decimal	159, 175, 194	`rgb(159,175,194)`
RGB Percent	62.4, 68.6, 76.1	`rgb(62.4%,68.6%,76.1%)`
CMYK	18, 10, 0, 24
HSL	212.6°, 22.3, 69.2	`hsl(212.6,22.3%,69.2%)`
HSV (or HSB)	212.6°, 18, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.819, -1.525, -11.552
XYZ	39.364, 41.925, 57.054
xyY	0.285, 0.303, 41.925
CIE-LCH	70.819, 11.652, 262.481
CIE-LUV	70.819, -9.447, -17.326
Hunter-Lab	64.75, -4.796, -6.919
Binary	10011111, 10101111, 11000010

#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#c2b29f
```
#c2b29f rgb(194,178,159)
```

Complementary Color

#9fc1c2
```
#9fc1c2 rgb(159,193,194)
```
#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#a19fc2
```
#a19fc2 rgb(161,159,194)
```

Analogous Color

#c1c29f
```
#c1c29f rgb(193,194,159)
```
#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#c2a19f
```
#c2a19f rgb(194,161,159)
```

Split Complementary Color

#afc29f
```
#afc29f rgb(175,194,159)
```
#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#c29faf
```
#c29faf rgb(194,159,175)
```

Triadic Color

#9fc2b2
```
#9fc2b2 rgb(159,194,178)
```
#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#c29faf
```
#c29faf rgb(194,159,175)
```
#c2b29f
```
#c2b29f rgb(194,178,159)
```

Tetradic Color

#7088a4
```
#7088a4 rgb(112,136,164)
```
#8095ae
```
#8095ae rgb(128,149,174)
```
#8fa2b8
```
#8fa2b8 rgb(143,162,184)
```
#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#afbccc
```
#afbccc rgb(175,188,204)
```
#bec9d6
```
#bec9d6 rgb(190,201,214)
```
#ced6e0
```
#ced6e0 rgb(206,214,224)
```

Monochromatic Color

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

#9fb8c2
```
#9fb8c2 rgb(159,184,194)
```
#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)
```

Similar Colors

Text with hexadecimal color #9fafc2

This text has a font color of #9fafc2.

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

#9fafc2 background color

This paragraph has a background color of #9fafc2.

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

#9fafc2 border color

This element has a border color of #9fafc2.

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

CSS codes

.text {color:#9fafc2;}

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

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

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

#080a0c
```
#080a0c rgb(8,10,12)
```
#0f1318
```
#0f1318 rgb(15,19,24)
```
#171d24
```
#171d24 rgb(23,29,36)
```
#1e2630
```
#1e2630 rgb(30,38,48)
```
#26303c
```
#26303c rgb(38,48,60)
```
#2e3a48
```
#2e3a48 rgb(46,58,72)
```
#354354
```
#354354 rgb(53,67,84)
```
#3d4d60
```
#3d4d60 rgb(61,77,96)
```
#45576c
```
#45576c rgb(69,87,108)
```
#4c6078
```
#4c6078 rgb(76,96,120)
```
#546a84
```
#546a84 rgb(84,106,132)
```
#5b7390
```
#5b7390 rgb(91,115,144)
```
#637d9c
```
#637d9c rgb(99,125,156)
```

Shade Color Variation

#6f87a4
```
#6f87a4 rgb(111,135,164)
```
#7b91ab
```
#7b91ab rgb(123,145,171)
```
#879bb3
```
#879bb3 rgb(135,155,179)
```
#93a5ba
```
#93a5ba rgb(147,165,186)
```
#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#abb9ca
```
#abb9ca rgb(171,185,202)
```
#b7c3d1
```
#b7c3d1 rgb(183,195,209)
```
#c3cdd9
```
#c3cdd9 rgb(195,205,217)
```
#cfd7e0
```
#cfd7e0 rgb(207,215,224)
```
#dbe1e8
```
#dbe1e8 rgb(219,225,232)
```
#e7ebf0
```
#e7ebf0 rgb(231,235,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, #abb0b6 is the less saturated color, while #63aafe is the most saturated one.

#abb0b6
```
#abb0b6 rgb(171,176,182)
```
#a5b0bc
```
#a5b0bc rgb(165,176,188)
```
#9fafc2
```
#9fafc2 rgb(159,175,194)
```
#99aec8
```
#99aec8 rgb(153,174,200)
```
#93aece
```
#93aece rgb(147,174,206)
```
#8dadd4
```
#8dadd4 rgb(141,173,212)
```
#87adda
```
#87adda rgb(135,173,218)
```
#81ace0
```
#81ace0 rgb(129,172,224)
```
#7bace6
```
#7bace6 rgb(123,172,230)
```
#75abec
```
#75abec rgb(117,171,236)
```
#6fabf2
```
#6fabf2 rgb(111,171,242)
```
#69aaf8
```
#69aaf8 rgb(105,170,248)
```
#63aafe
```
#63aafe rgb(99,170,254)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a9adb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb0c3 Protanopia 1% of men
#b7adc7 Deuteranopia 1% of men
#a3b3c0 Tritanopia 0.001% of the population

Trichromacy

#a9afc2 Protanomaly 1% of men, 0.01% of women
#aeadc5 Deuteranomaly 6% of men, 0.4% of women
#a1b2c1 Tritanomaly 0.01% of the population

#9fafc2 hex color

#9fafc2 Color Information

#9fafc2 Color Conversion

Color Schemes with #9fafc2

Alternatives to #9fafc2

#9fafc2 Preview

Shades and Tints of #9fafc2

Tones of #9fafc2

Color Blindness Simulator