#9fa6c2 hex color

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

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

● #9fa6c2 color description : Grayish blue.

The hexadecimal color #9fa6c2 has RGB values of R:159, G:166, B:194 and CMYK values of C:0.18, M:0.14, Y:0, K:0.24. Its decimal value is 10462914.

Hex triplet	9fa6c2	`#9fa6c2`
RGB Decimal	159, 166, 194	`rgb(159,166,194)`
RGB Percent	62.4, 65.1, 76.1	`rgb(62.4%,65.1%,76.1%)`
CMYK	18, 14, 0, 24
HSL	228°, 22.3, 69.2	`hsl(228,22.3%,69.2%)`
HSV (or HSB)	228°, 18, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	68.415, 3.414, -15.163
XYZ	37.67, 38.538, 56.49
xyY	0.284, 0.29, 38.538
CIE-LCH	68.415, 15.543, 282.689
CIE-LUV	68.415, -5.285, -23.674
Hunter-Lab	62.079, -0.323, -10.497
Binary	10011111, 10100110, 11000010

#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#c2bb9f
```
#c2bb9f rgb(194,187,159)
```

Complementary Color

#9fb8c2
```
#9fb8c2 rgb(159,184,194)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#aa9fc2
```
#aa9fc2 rgb(170,159,194)
```

Analogous Color

#b8c29f
```
#b8c29f rgb(184,194,159)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#c2aa9f
```
#c2aa9f rgb(194,170,159)
```

Split Complementary Color

#a6c29f
```
#a6c29f rgb(166,194,159)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#c29fa6
```
#c29fa6 rgb(194,159,166)
```

Triadic Color

#9fc2bb
```
#9fc2bb rgb(159,194,187)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#c29fa6
```
#c29fa6 rgb(194,159,166)
```
#c2bb9f
```
#c2bb9f rgb(194,187,159)
```

Tetradic Color

#707ba4
```
#707ba4 rgb(112,123,164)
```
#8089ae
```
#8089ae rgb(128,137,174)
```
#8f98b8
```
#8f98b8 rgb(143,152,184)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#afb4cc
```
#afb4cc rgb(175,180,204)
```
#bec3d6
```
#bec3d6 rgb(190,195,214)
```
#ced1e0
```
#ced1e0 rgb(206,209,224)
```

Monochromatic Color

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

#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)
```
#9fa0c2
```
#9fa0c2 rgb(159,160,194)
```
#a19fc2
```
#a19fc2 rgb(161,159,194)
```

Similar Colors

Text with hexadecimal color #9fa6c2

This text has a font color of #9fa6c2.

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

#9fa6c2 background color

This paragraph has a background color of #9fa6c2.

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

#9fa6c2 border color

This element has a border color of #9fa6c2.

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

CSS codes

.text {color:#9fa6c2;}

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

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

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

#08080c
```
#08080c rgb(8,8,12)
```
#0f1118
```
#0f1118 rgb(15,17,24)
```
#171924
```
#171924 rgb(23,25,36)
```
#1e2230
```
#1e2230 rgb(30,34,48)
```
#262a3c
```
#262a3c rgb(38,42,60)
```
#2e3348
```
#2e3348 rgb(46,51,72)
```
#353b54
```
#353b54 rgb(53,59,84)
```
#3d4460
```
#3d4460 rgb(61,68,96)
```
#454c6c
```
#454c6c rgb(69,76,108)
```
#4c5578
```
#4c5578 rgb(76,85,120)
```
#545d84
```
#545d84 rgb(84,93,132)
```
#5b6690
```
#5b6690 rgb(91,102,144)
```
#636e9c
```
#636e9c rgb(99,110,156)
```

Shade Color Variation

#6f7aa4
```
#6f7aa4 rgb(111,122,164)
```
#7b85ab
```
#7b85ab rgb(123,133,171)
```
#8790b3
```
#8790b3 rgb(135,144,179)
```
#939bba
```
#939bba rgb(147,155,186)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#abb1ca
```
#abb1ca rgb(171,177,202)
```
#b7bcd1
```
#b7bcd1 rgb(183,188,209)
```
#c3c7d9
```
#c3c7d9 rgb(195,199,217)
```
#cfd2e0
```
#cfd2e0 rgb(207,210,224)
```
#dbdee8
```
#dbdee8 rgb(219,222,232)
```
#e7e9f0
```
#e7e9f0 rgb(231,233,240)
```
#f3f4f7
```
#f3f4f7 rgb(243,244,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#abadb6
```
#abadb6 rgb(171,173,182)
```
#a5aabc
```
#a5aabc rgb(165,170,188)
```
#9fa6c2
```
#9fa6c2 rgb(159,166,194)
```
#99a2c8
```
#99a2c8 rgb(153,162,200)
```
#939fce
```
#939fce rgb(147,159,206)
```
#8d9bd4
```
#8d9bd4 rgb(141,155,212)
```
#8798da
```
#8798da rgb(135,152,218)
```
#8194e0
```
#8194e0 rgb(129,148,224)
```
#7b90e6
```
#7b90e6 rgb(123,144,230)
```
#758dec
```
#758dec rgb(117,141,236)
```
#6f89f2
```
#6f89f2 rgb(111,137,242)
```
#6985f8
```
#6985f8 rgb(105,133,248)
```
#6382fe
```
#6382fe rgb(99,130,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a5a7ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6aac4 Protanopia 1% of men
#ada7c6 Deuteranopia 1% of men
#a1acb9 Tritanopia 0.001% of the population

Trichromacy

#a3a8c3 Protanomaly 1% of men, 0.01% of women
#a8a7c4 Deuteranomaly 6% of men, 0.4% of women
#a0aabc Tritanomaly 0.01% of the population

#9fa6c2 hex color

#9fa6c2 Color Information

#9fa6c2 Color Conversion

Color Schemes with #9fa6c2

Alternatives to #9fa6c2

#9fa6c2 Preview

Shades and Tints of #9fa6c2

Tones of #9fa6c2

Color Blindness Simulator