#8ca5ba hex color

In a RGB color space, hex #8ca5ba is composed of 54.9% red, 64.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 11.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 207.4 degrees, a saturation of 25% and a lightness of 63.9%. #8ca5ba color hex could be obtained by blending #ffffff with #194b75. Closest websafe color is: #9999cc.

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

● #8ca5ba color description : Grayish blue.

The hexadecimal color #8ca5ba has RGB values of R:140, G:165, B:186 and CMYK values of C:0.25, M:0.11, Y:0, K:0.27. Its decimal value is 9217466.

Hex triplet	8ca5ba	`#8ca5ba`
RGB Decimal	140, 165, 186	`rgb(140,165,186)`
RGB Percent	54.9, 64.7, 72.9	`rgb(54.9%,64.7%,72.9%)`
CMYK	25, 11, 0, 27
HSL	207.4°, 25, 63.9	`hsl(207.4,25%,63.9%)`
HSV (or HSB)	207.4°, 24.7, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	66.543, -3.901, -13.675
XYZ	33.131, 36.03, 51.661
xyY	0.274, 0.298, 36.03
CIE-LCH	66.543, 14.22, 254.078
CIE-LUV	66.543, -13.789, -20.116
Hunter-Lab	60.025, -6.519, -9.01
Binary	10001100, 10100101, 10111010

#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#baa18c
```
#baa18c rgb(186,161,140)
```

Complementary Color

#8cbab8
```
#8cbab8 rgb(140,186,184)
```
#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#8c8eba
```
#8c8eba rgb(140,142,186)
```

Analogous Color

#bab88c
```
#bab88c rgb(186,184,140)
```
#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#ba8c8e
```
#ba8c8e rgb(186,140,142)
```

Split Complementary Color

#a5ba8c
```
#a5ba8c rgb(165,186,140)
```
#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#ba8ca5
```
#ba8ca5 rgb(186,140,165)
```

Triadic Color

#8cbaa1
```
#8cbaa1 rgb(140,186,161)
```
#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#ba8ca5
```
#ba8ca5 rgb(186,140,165)
```
#baa18c
```
#baa18c rgb(186,161,140)
```

Tetradic Color

#5e7f9c
```
#5e7f9c rgb(94,127,156)
```
#6c8ca7
```
#6c8ca7 rgb(108,140,167)
```
#7c99b0
```
#7c99b0 rgb(124,153,176)
```
#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#9cb1c4
```
#9cb1c4 rgb(156,177,196)
```
#acbecd
```
#acbecd rgb(172,190,205)
```
#bccad7
```
#bccad7 rgb(188,202,215)
```

Monochromatic Color

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

#8cb1ba
```
#8cb1ba rgb(140,177,186)
```
#8cadba
```
#8cadba rgb(140,173,186)
```
#8ca9ba
```
#8ca9ba rgb(140,169,186)
```
#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#8ca1ba
```
#8ca1ba rgb(140,161,186)
```
#8c9dba
```
#8c9dba rgb(140,157,186)
```
#8c9aba
```
#8c9aba rgb(140,154,186)
```

Similar Colors

Text with hexadecimal color #8ca5ba

This text has a font color of #8ca5ba.

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

#8ca5ba background color

This paragraph has a background color of #8ca5ba.

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

#8ca5ba border color

This element has a border color of #8ca5ba.

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

CSS codes

.text {color:#8ca5ba;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c1014
```
#0c1014 rgb(12,16,20)
```
#131a20
```
#131a20 rgb(19,26,32)
```
#1b242c
```
#1b242c rgb(27,36,44)
```
#222e39
```
#222e39 rgb(34,46,57)
```
#293845
```
#293845 rgb(41,56,69)
```
#314251
```
#314251 rgb(49,66,81)
```
#384c5d
```
#384c5d rgb(56,76,93)
```
#3f566a
```
#3f566a rgb(63,86,106)
```
#476076
```
#476076 rgb(71,96,118)
```
#4e6a82
```
#4e6a82 rgb(78,106,130)
```
#55748e
```
#55748e rgb(85,116,142)
```
#5d7e9b
```
#5d7e9b rgb(93,126,155)
```

Shade Color Variation

#6788a4
```
#6788a4 rgb(103,136,164)
```
#7392ab
```
#7392ab rgb(115,146,171)
```
#809bb3
```
#809bb3 rgb(128,155,179)
```
#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#98afc1
```
#98afc1 rgb(152,175,193)
```
#a5b8c9
```
#a5b8c9 rgb(165,184,201)
```
#b1c2d0
```
#b1c2d0 rgb(177,194,208)
```
#bdcbd7
```
#bdcbd7 rgb(189,203,215)
```
#c9d5df
```
#c9d5df rgb(201,213,223)
```
#d6dfe6
```
#d6dfe6 rgb(214,223,230)
```
#e2e8ed
```
#e2e8ed rgb(226,232,237)
```
#eef2f5
```
#eef2f5 rgb(238,242,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#a1a3a5
```
#a1a3a5 rgb(161,163,165)
```
#9aa4ac
```
#9aa4ac rgb(154,164,172)
```
#93a4b3
```
#93a4b3 rgb(147,164,179)
```
#8ca5ba
```
#8ca5ba rgb(140,165,186)
```
#85a6c1
```
#85a6c1 rgb(133,166,193)
```
#7ea6c8
```
#7ea6c8 rgb(126,166,200)
```
#77a7cf
```
#77a7cf rgb(119,167,207)
```
#70a7d6
```
#70a7d6 rgb(112,167,214)
```
#69a8dd
```
#69a8dd rgb(105,168,221)
```
#62a9e4
```
#62a9e4 rgb(98,169,228)
```
#5aa9ec
```
#5aa9ec rgb(90,169,236)
```
#53aaf3
```
#53aaf3 rgb(83,170,243)
```
#4cabfa
```
#4cabfa rgb(76,171,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9ca1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a5bb Protanopia 1% of men
#a9a2bf Deuteranopia 1% of men
#90aab7 Tritanopia 0.001% of the population

Trichromacy

#9aa5ba Protanomaly 1% of men, 0.01% of women
#9ea3bd Deuteranomaly 6% of men, 0.4% of women
#8ea8b8 Tritanomaly 0.01% of the population

#8ca5ba hex color

#8ca5ba Color Information

#8ca5ba Color Conversion

Color Schemes with #8ca5ba

Alternatives to #8ca5ba

#8ca5ba Preview

Shades and Tints of #8ca5ba

Tones of #8ca5ba

Color Blindness Simulator