#9ca5aa hex color

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

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

● #9ca5aa color description : Dark grayish blue.

The hexadecimal color #9ca5aa has RGB values of R:156, G:165, B:170 and CMYK values of C:0.08, M:0.03, Y:0, K:0.33. Its decimal value is 10266026.

Hex triplet	9ca5aa	`#9ca5aa`
RGB Decimal	156, 165, 170	`rgb(156,165,170)`
RGB Percent	61.2, 64.7, 66.7	`rgb(61.2%,64.7%,66.7%)`
CMYK	8, 3, 0, 33
HSL	201.4°, 7.6, 63.9	`hsl(201.4,7.6%,63.9%)`
HSV (or HSB)	201.4°, 8.2, 66.7
Web Safe	999999	`#999999`

CIE-LAB	67.187, -2.174, -3.687
XYZ	34.42, 36.88, 43.333
xyY	0.3, 0.322, 36.88
CIE-LCH	67.187, 4.28, 239.471
CIE-LUV	67.187, -5.228, -5.072
Hunter-Lab	60.729, -5.107, 0.204
Binary	10011100, 10100101, 10101010

#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#aaa19c
```
#aaa19c rgb(170,161,156)
```

Complementary Color

#9caaa8
```
#9caaa8 rgb(156,170,168)
```
#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#9c9eaa
```
#9c9eaa rgb(156,158,170)
```

Analogous Color

#aaa89c
```
#aaa89c rgb(170,168,156)
```
#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#aa9c9e
```
#aa9c9e rgb(170,156,158)
```

Split Complementary Color

#a5aa9c
```
#a5aa9c rgb(165,170,156)
```
#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#aa9ca5
```
#aa9ca5 rgb(170,156,165)
```

Triadic Color

#9caaa1
```
#9caaa1 rgb(156,170,161)
```
#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#aa9ca5
```
#aa9ca5 rgb(170,156,165)
```
#aaa19c
```
#aaa19c rgb(170,161,156)
```

Tetradic Color

#737f86
```
#737f86 rgb(115,127,134)
```
#818c92
```
#818c92 rgb(129,140,146)
```
#8e999e
```
#8e999e rgb(142,153,158)
```
#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#aab1b6
```
#aab1b6 rgb(170,177,182)
```
#b7bec2
```
#b7bec2 rgb(183,190,194)
```
#c5cacd
```
#c5cacd rgb(197,202,205)
```

Monochromatic Color

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

#9ca9aa
```
#9ca9aa rgb(156,169,170)
```
#9ca7aa
```
#9ca7aa rgb(156,167,170)
```
#9ca6aa
```
#9ca6aa rgb(156,166,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)
```

Similar Colors

Text with hexadecimal color #9ca5aa

This text has a font color of #9ca5aa.

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

#9ca5aa background color

This paragraph has a background color of #9ca5aa.

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

#9ca5aa border color

This element has a border color of #9ca5aa.

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

CSS codes

.text {color:#9ca5aa;}

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

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

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)
```
#2a2e31
```
#2a2e31 rgb(42,46,49)
```
#33383b
```
#33383b rgb(51,56,59)
```
#3c4246
```
#3c4246 rgb(60,66,70)
```
#454c50
```
#454c50 rgb(69,76,80)
```
#4e565b
```
#4e565b rgb(78,86,91)
```
#576066
```
#576066 rgb(87,96,102)
```
#606a70
```
#606a70 rgb(96,106,112)
```
#69747b
```
#69747b rgb(105,116,123)
```
#727e85
```
#727e85 rgb(114,126,133)
```

Shade Color Variation

#7c888f
```
#7c888f rgb(124,136,143)
```
#879298
```
#879298 rgb(135,146,152)
```
#919ba1
```
#919ba1 rgb(145,155,161)
```
#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#a7afb3
```
#a7afb3 rgb(167,175,179)
```
#b1b8bc
```
#b1b8bc rgb(177,184,188)
```
#bcc2c5
```
#bcc2c5 rgb(188,194,197)
```
#c6cbce
```
#c6cbce rgb(198,203,206)
```
#d1d5d7
```
#d1d5d7 rgb(209,213,215)
```
#dbdfe0
```
#dbdfe0 rgb(219,223,224)
```
#e6e8e9
```
#e6e8e9 rgb(230,232,233)
```
#f0f2f2
```
#f0f2f2 rgb(240,242,242)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#9ca5aa
```
#9ca5aa rgb(156,165,170)
```
#95a7b1
```
#95a7b1 rgb(149,167,177)
```
#8ea9b8
```
#8ea9b8 rgb(142,169,184)
```
#87abbf
```
#87abbf rgb(135,171,191)
```
#80adc6
```
#80adc6 rgb(128,173,198)
```
#79afcd
```
#79afcd rgb(121,175,205)
```
#72b1d4
```
#72b1d4 rgb(114,177,212)
```
#6ab3dc
```
#6ab3dc rgb(106,179,220)
```
#63b5e3
```
#63b5e3 rgb(99,181,227)
```
#5cb7ea
```
#5cb7ea rgb(92,183,234)
```
#55b9f1
```
#55b9f1 rgb(85,185,241)
```
#4ebbf8
```
#4ebbf8 rgb(78,187,248)
```
#47bdff
```
#47bdff rgb(71,189,255)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a2a3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a7ad Protanopia 1% of men
#b4a3b0 Deuteranopia 1% of men
#a2a8b4 Tritanopia 0.001% of the population

Trichromacy

#a4a6ac Protanomaly 1% of men, 0.01% of women
#aba4ae Deuteranomaly 6% of men, 0.4% of women
#a0a7b0 Tritanomaly 0.01% of the population

#9ca5aa hex color

#9ca5aa Color Information

#9ca5aa Color Conversion

Color Schemes with #9ca5aa

Alternatives to #9ca5aa

#9ca5aa Preview

Shades and Tints of #9ca5aa

Tones of #9ca5aa

Color Blindness Simulator