#9ca5ba hex color

In a RGB color space, hex #9ca5ba is composed of 61.2% red, 64.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 11.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 222 degrees, a saturation of 17.9% and a lightness of 67.1%. #9ca5ba color hex could be obtained by blending #ffffff with #394b75. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 65
- B 73
RGB color chart
- C 16
- M 11
- Y 0
- K 27
CMYK color chart

● #9ca5ba color description : Grayish blue.

The hexadecimal color #9ca5ba has RGB values of R:156, G:165, B:186 and CMYK values of C:0.16, M:0.11, Y:0, K:0.27. Its decimal value is 10266042.

Hex triplet	9ca5ba	`#9ca5ba`
RGB Decimal	156, 165, 186	`rgb(156,165,186)`
RGB Percent	61.2, 64.7, 72.9	`rgb(61.2%,64.7%,72.9%)`
CMYK	16, 11, 0, 27
HSL	222°, 17.9, 67.1	`hsl(222,17.9%,67.1%)`
HSV (or HSB)	222°, 16.1, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	67.668, 1.217, -11.872
XYZ	36.027, 37.523, 51.796
xyY	0.287, 0.299, 37.523
CIE-LCH	67.668, 11.934, 275.851
CIE-LUV	67.668, -5.967, -18.125
Hunter-Lab	61.256, -2.216, -7.255
Binary	10011100, 10100101, 10111010

#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#bab19c
```
#bab19c rgb(186,177,156)
```

Complementary Color

#9cb4ba
```
#9cb4ba rgb(156,180,186)
```
#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#a29cba
```
#a29cba rgb(162,156,186)
```

Analogous Color

#b4ba9c
```
#b4ba9c rgb(180,186,156)
```
#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#baa29c
```
#baa29c rgb(186,162,156)
```

Split Complementary Color

#a5ba9c
```
#a5ba9c rgb(165,186,156)
```
#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#ba9ca5
```
#ba9ca5 rgb(186,156,165)
```

Triadic Color

#9cbab1
```
#9cbab1 rgb(156,186,177)
```
#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#ba9ca5
```
#ba9ca5 rgb(186,156,165)
```
#bab19c
```
#bab19c rgb(186,177,156)
```

Tetradic Color

#6f7c9b
```
#6f7c9b rgb(111,124,155)
```
#7e8aa5
```
#7e8aa5 rgb(126,138,165)
```
#8d97b0
```
#8d97b0 rgb(141,151,176)
```
#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#abb3c4
```
#abb3c4 rgb(171,179,196)
```
#bac0cf
```
#bac0cf rgb(186,192,207)
```
#c9ced9
```
#c9ced9 rgb(201,206,217)
```

Monochromatic Color

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

#9cadba
```
#9cadba rgb(156,173,186)
```
#9caaba
```
#9caaba rgb(156,170,186)
```
#9ca8ba
```
#9ca8ba rgb(156,168,186)
```
#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#9ca3ba
```
#9ca3ba rgb(156,163,186)
```
#9ca0ba
```
#9ca0ba rgb(156,160,186)
```
#9c9eba
```
#9c9eba rgb(156,158,186)
```

Similar Colors

Text with hexadecimal color #9ca5ba

This text has a font color of #9ca5ba.

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

#9ca5ba background color

This paragraph has a background color of #9ca5ba.

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

#9ca5ba border color

This element has a border color of #9ca5ba.

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

CSS codes

.text {color:#9ca5ba;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0d11
```
#0c0d11 rgb(12,13,17)
```
#14161c
```
#14161c rgb(20,22,28)
```
#1c1f28
```
#1c1f28 rgb(28,31,40)
```
#242833
```
#242833 rgb(36,40,51)
```
#2c323f
```
#2c323f rgb(44,50,63)
```
#343b4a
```
#343b4a rgb(52,59,74)
```
#3c4456
```
#3c4456 rgb(60,68,86)
```
#444d62
```
#444d62 rgb(68,77,98)
```
#4c566d
```
#4c566d rgb(76,86,109)
```
#545f79
```
#545f79 rgb(84,95,121)
```
#5c6884
```
#5c6884 rgb(92,104,132)
```
#647190
```
#647190 rgb(100,113,144)
```

Shade Color Variation

#6e7b9a
```
#6e7b9a rgb(110,123,154)
```
#7985a2
```
#7985a2 rgb(121,133,162)
```
#8590aa
```
#8590aa rgb(133,144,170)
```
#909ab2
```
#909ab2 rgb(144,154,178)
```
#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#a8b0c2
```
#a8b0c2 rgb(168,176,194)
```
#b3baca
```
#b3baca rgb(179,186,202)
```
#bfc5d2
```
#bfc5d2 rgb(191,197,210)
```
#cacfda
```
#cacfda rgb(202,207,218)
```
#d6dae2
```
#d6dae2 rgb(214,218,226)
```
#e1e4ea
```
#e1e4ea rgb(225,228,234)
```
#edeff2
```
#edeff2 rgb(237,239,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#a9aaad
```
#a9aaad rgb(169,170,173)
```
#a2a8b4
```
#a2a8b4 rgb(162,168,180)
```
#9ca5ba
```
#9ca5ba rgb(156,165,186)
```
#96a2c0
```
#96a2c0 rgb(150,162,192)
```
#8fa0c7
```
#8fa0c7 rgb(143,160,199)
```
#899dcd
```
#899dcd rgb(137,157,205)
```
#829bd4
```
#829bd4 rgb(130,155,212)
```
#7c98da
```
#7c98da rgb(124,152,218)
```
#7595e1
```
#7595e1 rgb(117,149,225)
```
#6f93e7
```
#6f93e7 rgb(111,147,231)
```
#6890ee
```
#6890ee rgb(104,144,238)
```
#628ef4
```
#628ef4 rgb(98,142,244)
```
#5b8bfb
```
#5b8bfb rgb(91,139,251)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a3a5a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a8bc Protanopia 1% of men
#aea5be Deuteranopia 1% of men
#9faab7 Tritanopia 0.001% of the population

Trichromacy

#a2a7bb Protanomaly 1% of men, 0.01% of women
#a7a5bd Deuteranomaly 6% of men, 0.4% of women
#9ea8b8 Tritanomaly 0.01% of the population

#9ca5ba hex color

#9ca5ba Color Information

#9ca5ba Color Conversion

Color Schemes with #9ca5ba

Alternatives to #9ca5ba

#9ca5ba Preview

Shades and Tints of #9ca5ba

Tones of #9ca5ba

Color Blindness Simulator