#9ca2a5 hex color

In a RGB color space, hex #9ca2a5 is composed of 61.2% red, 63.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 1.8% magenta, 0% yellow and 35.3% black. It has a hue angle of 200 degrees, a saturation of 4.8% and a lightness of 62.9%. #9ca2a5 color hex could be obtained by blending #ffffff with #39454b. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 61
- G 64
- B 65
RGB color chart
- C 5
- M 2
- Y 0
- K 35
CMYK color chart

● #9ca2a5 color description : Dark grayish blue.

The hexadecimal color #9ca2a5 has RGB values of R:156, G:162, B:165 and CMYK values of C:0.05, M:0.02, Y:0, K:0.35. Its decimal value is 10265253.

Hex triplet	9ca2a5	`#9ca2a5`
RGB Decimal	156, 162, 165	`rgb(156,162,165)`
RGB Percent	61.2, 63.5, 64.7	`rgb(61.2%,63.5%,64.7%)`
CMYK	5, 2, 0, 35
HSL	200°, 4.8, 62.9	`hsl(200,4.8%,62.9%)`
HSV (or HSB)	200°, 5.5, 64.7
Web Safe	999999	`#999999`

CIE-LAB	66.232, -1.541, -2.303
XYZ	33.421, 35.625, 40.711
xyY	0.304, 0.325, 35.625
CIE-LCH	66.232, 2.771, 236.219
CIE-LUV	66.232, -3.509, -3.112
Hunter-Lab	59.687, -4.503, 1.34
Binary	10011100, 10100010, 10100101

#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#a59f9c
```
#a59f9c rgb(165,159,156)
```

Complementary Color

#9ca5a4
```
#9ca5a4 rgb(156,165,164)
```
#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#9c9ea5
```
#9c9ea5 rgb(156,158,165)
```

Analogous Color

#a5a49c
```
#a5a49c rgb(165,164,156)
```
#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#a59c9e
```
#a59c9e rgb(165,156,158)
```

Split Complementary Color

#a2a59c
```
#a2a59c rgb(162,165,156)
```
#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#a59ca2
```
#a59ca2 rgb(165,156,162)
```

Triadic Color

#9ca59f
```
#9ca59f rgb(156,165,159)
```
#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#a59ca2
```
#a59ca2 rgb(165,156,162)
```
#a59f9c
```
#a59f9c rgb(165,159,156)
```

Tetradic Color

#747c80
```
#747c80 rgb(116,124,128)
```
#81898d
```
#81898d rgb(129,137,141)
```
#8f9599
```
#8f9599 rgb(143,149,153)
```
#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#a9afb1
```
#a9afb1 rgb(169,175,177)
```
#b7bbbd
```
#b7bbbd rgb(183,187,189)
```
#c4c8c9
```
#c4c8c9 rgb(196,200,201)
```

Monochromatic Color

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

#9ca4a5
```
#9ca4a5 rgb(156,164,165)
```
#9ca4a5
```
#9ca4a5 rgb(156,164,165)
```
#9ca3a5
```
#9ca3a5 rgb(156,163,165)
```
#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#9ca1a5
```
#9ca1a5 rgb(156,161,165)
```
#9ca1a5
```
#9ca1a5 rgb(156,161,165)
```
#9ca0a5
```
#9ca0a5 rgb(156,160,165)
```

Similar Colors

Text with hexadecimal color #9ca2a5

This text has a font color of #9ca2a5.

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

#9ca2a5 background color

This paragraph has a background color of #9ca2a5.

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

#9ca2a5 border color

This element has a border color of #9ca2a5.

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

CSS codes

.text {color:#9ca2a5;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0d0e0e
```
#0d0e0e rgb(13,14,14)
```
#161818
```
#161818 rgb(22,24,24)
```
#1f2223
```
#1f2223 rgb(31,34,35)
```
#292b2d
```
#292b2d rgb(41,43,45)
```
#323537
```
#323537 rgb(50,53,55)
```
#3b3f41
```
#3b3f41 rgb(59,63,65)
```
#45494c
```
#45494c rgb(69,73,76)
```
#4e5356
```
#4e5356 rgb(78,83,86)
```
#575d60
```
#575d60 rgb(87,93,96)
```
#61676a
```
#61676a rgb(97,103,106)
```
#6a7175
```
#6a7175 rgb(106,113,117)
```
#737b7f
```
#737b7f rgb(115,123,127)
```

Shade Color Variation

#7d8589
```
#7d8589 rgb(125,133,137)
```
#878f92
```
#878f92 rgb(135,143,146)
```
#92989c
```
#92989c rgb(146,152,156)
```
#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#a6acae
```
#a6acae rgb(166,172,174)
```
#b1b5b8
```
#b1b5b8 rgb(177,181,184)
```
#bbbfc1
```
#bbbfc1 rgb(187,191,193)
```
#c5c9ca
```
#c5c9ca rgb(197,201,202)
```
#cfd2d4
```
#cfd2d4 rgb(207,210,212)
```
#dadcdd
```
#dadcdd rgb(218,220,221)
```
#e4e6e6
```
#e4e6e6 rgb(228,230,230)
```
#eeeff0
```
#eeeff0 rgb(238,239,240)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

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

#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#95a4ac
```
#95a4ac rgb(149,164,172)
```
#8da7b4
```
#8da7b4 rgb(141,167,180)
```
#86a9bb
```
#86a9bb rgb(134,169,187)
```
#7facc2
```
#7facc2 rgb(127,172,194)
```
#78aec9
```
#78aec9 rgb(120,174,201)
```
#70b1d1
```
#70b1d1 rgb(112,177,209)
```
#69b3d8
```
#69b3d8 rgb(105,179,216)
```
#62b5df
```
#62b5df rgb(98,181,223)
```
#5bb8e6
```
#5bb8e6 rgb(91,184,230)
```
#53baee
```
#53baee rgb(83,186,238)
```
#4cbdf5
```
#4cbdf5 rgb(76,189,245)
```
#45bffc
```
#45bffc rgb(69,191,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a0a1a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a5a8 Protanopia 1% of men
#b2a1ab Deuteranopia 1% of men
#a2a5b1 Tritanopia 0.001% of the population

Trichromacy

#a3a3a7 Protanomaly 1% of men, 0.01% of women
#aaa1a9 Deuteranomaly 6% of men, 0.4% of women
#a0a4ac Tritanomaly 0.01% of the population

#9ca2a5 hex color

#9ca2a5 Color Information

#9ca2a5 Color Conversion

Color Schemes with #9ca2a5

Alternatives to #9ca2a5

#9ca2a5 Preview

Shades and Tints of #9ca2a5

Tones of #9ca2a5

Color Blindness Simulator