#9ca3ad hex color

In a RGB color space, hex #9ca3ad is composed of 61.2% red, 63.9% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 5.8% magenta, 0% yellow and 32.2% black. It has a hue angle of 215.3 degrees, a saturation of 9.4% and a lightness of 64.5%. #9ca3ad color hex could be obtained by blending #ffffff with #39475b. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 64
- B 68
RGB color chart
- C 10
- M 6
- Y 0
- K 32
CMYK color chart

● #9ca3ad color description : Dark grayish blue.

The hexadecimal color #9ca3ad has RGB values of R:156, G:163, B:173 and CMYK values of C:0.1, M:0.06, Y:0, K:0.32. Its decimal value is 10265517.

Hex triplet	9ca3ad	`#9ca3ad`
RGB Decimal	156, 163, 173	`rgb(156,163,173)`
RGB Percent	61.2, 63.9, 67.8	`rgb(61.2%,63.9%,67.8%)`
CMYK	10, 6, 0, 32
HSL	215.3°, 9.4, 64.5	`hsl(215.3,9.4%,64.5%)`
HSV (or HSB)	215.3°, 9.8, 67.8
Web Safe	999999	`#999999`

CIE-LAB	66.733, -0.46, -6.03
XYZ	34.349, 36.279, 44.726
xyY	0.298, 0.315, 36.279
CIE-LCH	66.733, 6.047, 265.633
CIE-LUV	66.733, -4.391, -8.858
Hunter-Lab	60.232, -3.612, -1.864
Binary	10011100, 10100011, 10101101

#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#ada69c
```
#ada69c rgb(173,166,156)
```

Complementary Color

#9cacad
```
#9cacad rgb(156,172,173)
```
#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#9e9cad
```
#9e9cad rgb(158,156,173)
```

Analogous Color

#acad9c
```
#acad9c rgb(172,173,156)
```
#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#ad9e9c
```
#ad9e9c rgb(173,158,156)
```

Split Complementary Color

#a3ad9c
```
#a3ad9c rgb(163,173,156)
```
#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#ad9ca3
```
#ad9ca3 rgb(173,156,163)
```

Triadic Color

#9cada6
```
#9cada6 rgb(156,173,166)
```
#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#ad9ca3
```
#ad9ca3 rgb(173,156,163)
```
#ada69c
```
#ada69c rgb(173,166,156)
```

Tetradic Color

#727c8a
```
#727c8a rgb(114,124,138)
```
#808996
```
#808996 rgb(128,137,150)
```
#8e96a1
```
#8e96a1 rgb(142,150,161)
```
#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#aab0b9
```
#aab0b9 rgb(170,176,185)
```
#b8bdc4
```
#b8bdc4 rgb(184,189,196)
```
#c6cad0
```
#c6cad0 rgb(198,202,208)
```

Monochromatic Color

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

#9ca7ad
```
#9ca7ad rgb(156,167,173)
```
#9ca6ad
```
#9ca6ad rgb(156,166,173)
```
#9ca4ad
```
#9ca4ad rgb(156,164,173)
```
#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#9ca2ad
```
#9ca2ad rgb(156,162,173)
```
#9ca0ad
```
#9ca0ad rgb(156,160,173)
```
#9c9fad
```
#9c9fad rgb(156,159,173)
```

Similar Colors

Text with hexadecimal color #9ca3ad

This text has a font color of #9ca3ad.

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

#9ca3ad background color

This paragraph has a background color of #9ca3ad.

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

#9ca3ad border color

This element has a border color of #9ca3ad.

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

CSS codes

.text {color:#9ca3ad;}

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

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

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

#070708
```
#070708 rgb(7,7,8)
```
#101113
```
#101113 rgb(16,17,19)
```
#191b1e
```
#191b1e rgb(25,27,30)
```
#222428
```
#222428 rgb(34,36,40)
```
#2a2e33
```
#2a2e33 rgb(42,46,51)
```
#33383e
```
#33383e rgb(51,56,62)
```
#3c4149
```
#3c4149 rgb(60,65,73)
```
#454b53
```
#454b53 rgb(69,75,83)
```
#4e555e
```
#4e555e rgb(78,85,94)
```
#575e69
```
#575e69 rgb(87,94,105)
```
#606874
```
#606874 rgb(96,104,116)
```
#69727e
```
#69727e rgb(105,114,126)
```
#727b89
```
#727b89 rgb(114,123,137)
```

Shade Color Variation

#7c8592
```
#7c8592 rgb(124,133,146)
```
#878f9b
```
#878f9b rgb(135,143,155)
```
#9199a4
```
#9199a4 rgb(145,153,164)
```
#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#a7adb6
```
#a7adb6 rgb(167,173,182)
```
#b1b7bf
```
#b1b7bf rgb(177,183,191)
```
#bcc1c8
```
#bcc1c8 rgb(188,193,200)
```
#c7cbd1
```
#c7cbd1 rgb(199,203,209)
```
#d2d5d9
```
#d2d5d9 rgb(210,213,217)
```
#dcdfe2
```
#dcdfe2 rgb(220,223,226)
```
#e7e9eb
```
#e7e9eb rgb(231,233,235)
```
#f2f3f4
```
#f2f3f4 rgb(242,243,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a3a4a6
```
#a3a4a6 rgb(163,164,166)
```
#9ca3ad
```
#9ca3ad rgb(156,163,173)
```
#95a2b4
```
#95a2b4 rgb(149,162,180)
```
#8ea1bb
```
#8ea1bb rgb(142,161,187)
```
#879fc2
```
#879fc2 rgb(135,159,194)
```
#809ec9
```
#809ec9 rgb(128,158,201)
```
#799dd0
```
#799dd0 rgb(121,157,208)
```
#729cd7
```
#729cd7 rgb(114,156,215)
```
#6b9ade
```
#6b9ade rgb(107,154,222)
```
#6499e5
```
#6499e5 rgb(100,153,229)
```
#5d98ec
```
#5d98ec rgb(93,152,236)
```
#5697f3
```
#5697f3 rgb(86,151,243)
```
#4f95fa
```
#4f95fa rgb(79,149,250)
```

Tone Color Variation

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

#a7a6b0 Protanopia 1% of men
#b1a2b2 Deuteranopia 1% of men
#a1a7b3 Tritanopia 0.001% of the population

Trichromacy

#a3a5af Protanomaly 1% of men, 0.01% of women
#a9a2b0 Deuteranomaly 6% of men, 0.4% of women
#9fa5b1 Tritanomaly 0.01% of the population

#9ca3ad hex color

#9ca3ad Color Information

#9ca3ad Color Conversion

Color Schemes with #9ca3ad

Alternatives to #9ca3ad

#9ca3ad Preview

Shades and Tints of #9ca3ad

Tones of #9ca3ad

Color Blindness Simulator