#9ca3aa hex color

In a RGB color space, hex #9ca3aa is composed of 61.2% red, 63.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 8.2% cyan, 4.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 210 degrees, a saturation of 7.6% and a lightness of 63.9%. #9ca3aa color hex could be obtained by blending #ffffff with #394755. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 64
- B 67
RGB color chart
- C 8
- M 4
- Y 0
- K 33
CMYK color chart

● #9ca3aa color description : Dark grayish blue.

The hexadecimal color #9ca3aa has RGB values of R:156, G:163, B:170 and CMYK values of C:0.08, M:0.04, Y:0, K:0.33. Its decimal value is 10265514.

Hex triplet	9ca3aa	`#9ca3aa`
RGB Decimal	156, 163, 170	`rgb(156,163,170)`
RGB Percent	61.2, 63.9, 66.7	`rgb(61.2%,63.9%,66.7%)`
CMYK	8, 4, 0, 33
HSL	210°, 7.6, 63.9	`hsl(210,7.6%,63.9%)`
HSV (or HSB)	210°, 8.2, 66.7
Web Safe	999999	`#999999`

CIE-LAB	66.645, -1.079, -4.486
XYZ	34.062, 36.164, 43.214
xyY	0.3, 0.319, 36.164
CIE-LCH	66.645, 4.614, 256.478
CIE-LUV	66.645, -4.246, -6.435
Hunter-Lab	60.137, -4.136, -0.51
Binary	10011100, 10100011, 10101010

#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#aaa39c
```
#aaa39c rgb(170,163,156)
```

Complementary Color

#9caaaa
```
#9caaaa rgb(156,170,170)
```
#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#9c9caa
```
#9c9caa rgb(156,156,170)
```

Analogous Color

#aaaa9c
```
#aaaa9c rgb(170,170,156)
```
#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#aa9c9c
```
#aa9c9c rgb(170,156,156)
```

Split Complementary Color

#a3aa9c
```
#a3aa9c rgb(163,170,156)
```
#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#aa9ca3
```
#aa9ca3 rgb(170,156,163)
```

Triadic Color

#9caaa3
```
#9caaa3 rgb(156,170,163)
```
#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#aa9ca3
```
#aa9ca3 rgb(170,156,163)
```
#aaa39c
```
#aaa39c rgb(170,163,156)
```

Tetradic Color

#737d86
```
#737d86 rgb(115,125,134)
```
#818a92
```
#818a92 rgb(129,138,146)
```
#8e969e
```
#8e969e rgb(142,150,158)
```
#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#aab0b6
```
#aab0b6 rgb(170,176,182)
```
#b7bdc2
```
#b7bdc2 rgb(183,189,194)
```
#c5c9cd
```
#c5c9cd rgb(197,201,205)
```

Monochromatic Color

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

#9ca7aa
```
#9ca7aa rgb(156,167,170)
```
#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#9ca4aa
```
#9ca4aa rgb(156,164,170)
```
#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#9ca2aa
```
#9ca2aa rgb(156,162,170)
```
#9ca1aa
```
#9ca1aa rgb(156,161,170)
```
#9ca0aa
```
#9ca0aa rgb(156,160,170)
```

Similar Colors

Text with hexadecimal color #9ca3aa

This text has a font color of #9ca3aa.

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

#9ca3aa background color

This paragraph has a background color of #9ca3aa.

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

#9ca3aa border color

This element has a border color of #9ca3aa.

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

CSS codes

.text {color:#9ca3aa;}

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

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

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

#060607
```
#060607 rgb(6,6,7)
```
#0f1011
```
#0f1011 rgb(15,16,17)
```
#181a1c
```
#181a1c rgb(24,26,28)
```
#212426
```
#212426 rgb(33,36,38)
```
#2a2d31
```
#2a2d31 rgb(42,45,49)
```
#33373b
```
#33373b rgb(51,55,59)
```
#3c4146
```
#3c4146 rgb(60,65,70)
```
#454b50
```
#454b50 rgb(69,75,80)
```
#4e555b
```
#4e555b rgb(78,85,91)
```
#575e66
```
#575e66 rgb(87,94,102)
```
#606870
```
#606870 rgb(96,104,112)
```
#69727b
```
#69727b rgb(105,114,123)
```
#727c85
```
#727c85 rgb(114,124,133)
```

Shade Color Variation

#7c868f
```
#7c868f rgb(124,134,143)
```
#878f98
```
#878f98 rgb(135,143,152)
```
#9199a1
```
#9199a1 rgb(145,153,161)
```
#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#a7adb3
```
#a7adb3 rgb(167,173,179)
```
#b1b7bc
```
#b1b7bc rgb(177,183,188)
```
#bcc0c5
```
#bcc0c5 rgb(188,192,197)
```
#c6cace
```
#c6cace rgb(198,202,206)
```
#d1d4d7
```
#d1d4d7 rgb(209,212,215)
```
#dbdee0
```
#dbdee0 rgb(219,222,224)
```
#e6e8e9
```
#e6e8e9 rgb(230,232,233)
```
#f0f1f2
```
#f0f1f2 rgb(240,241,242)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca3aa is the less saturated color, while #47a3ff is the most saturated one.

#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#95a3b1
```
#95a3b1 rgb(149,163,177)
```
#8ea3b8
```
#8ea3b8 rgb(142,163,184)
```
#87a3bf
```
#87a3bf rgb(135,163,191)
```
#80a3c6
```
#80a3c6 rgb(128,163,198)
```
#79a3cd
```
#79a3cd rgb(121,163,205)
```
#72a3d4
```
#72a3d4 rgb(114,163,212)
```
#6aa3dc
```
#6aa3dc rgb(106,163,220)
```
#63a3e3
```
#63a3e3 rgb(99,163,227)
```
#5ca3ea
```
#5ca3ea rgb(92,163,234)
```
#55a3f1
```
#55a3f1 rgb(85,163,241)
```
#4ea3f8
```
#4ea3f8 rgb(78,163,248)
```
#47a3ff
```
#47a3ff rgb(71,163,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a1a2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a5ad Protanopia 1% of men
#b1a2b0 Deuteranopia 1% of men
#a2a7b2 Tritanopia 0.001% of the population

Trichromacy

#a3a4ac Protanomaly 1% of men, 0.01% of women
#a9a2ad Deuteranomaly 6% of men, 0.4% of women
#9fa5af Tritanomaly 0.01% of the population

#9ca3aa hex color

#9ca3aa Color Information

#9ca3aa Color Conversion

Color Schemes with #9ca3aa

Alternatives to #9ca3aa

#9ca3aa Preview

Shades and Tints of #9ca3aa

Tones of #9ca3aa

Color Blindness Simulator