#8ca5ae hex color

In a RGB color space, hex #8ca5ae is composed of 54.9% red, 64.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 5.2% magenta, 0% yellow and 31.8% black. It has a hue angle of 195.9 degrees, a saturation of 17.3% and a lightness of 61.6%. #8ca5ae color hex could be obtained by blending #ffffff with #194b5d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 55
- G 65
- B 68
RGB color chart
- C 20
- M 5
- Y 0
- K 32
CMYK color chart

● #8ca5ae color description : Dark grayish blue.

The hexadecimal color #8ca5ae has RGB values of R:140, G:165, B:174 and CMYK values of C:0.2, M:0.05, Y:0, K:0.32. Its decimal value is 9217454.

Hex triplet	8ca5ae	`#8ca5ae`
RGB Decimal	140, 165, 174	`rgb(140,165,174)`
RGB Percent	54.9, 64.7, 68.2	`rgb(54.9%,64.7%,68.2%)`
CMYK	20, 5, 0, 32
HSL	195.9°, 17.3, 61.6	`hsl(195.9,17.3%,61.6%)`
HSV (or HSB)	195.9°, 19.5, 68.2
Web Safe	999999	`#999999`

CIE-LAB	66.168, -6.667, -7.55
XYZ	31.909, 35.541, 45.221
xyY	0.283, 0.315, 35.541
CIE-LCH	66.168, 10.073, 228.555
CIE-LUV	66.168, -13.49, -10.175
Hunter-Lab	59.616, -8.789, -3.242
Binary	10001100, 10100101, 10101110

#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#ae958c
```
#ae958c rgb(174,149,140)
```

Complementary Color

#8caea6
```
#8caea6 rgb(140,174,166)
```
#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#8c94ae
```
#8c94ae rgb(140,148,174)
```

Analogous Color

#aea68c
```
#aea68c rgb(174,166,140)
```
#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#ae8c94
```
#ae8c94 rgb(174,140,148)
```

Split Complementary Color

#a5ae8c
```
#a5ae8c rgb(165,174,140)
```
#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#ae8ca5
```
#ae8ca5 rgb(174,140,165)
```

Triadic Color

#8cae95
```
#8cae95 rgb(140,174,149)
```
#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#ae8ca5
```
#ae8ca5 rgb(174,140,165)
```
#ae958c
```
#ae958c rgb(174,149,140)
```

Tetradic Color

#62808b
```
#62808b rgb(98,128,139)
```
#6e8e99
```
#6e8e99 rgb(110,142,153)
```
#7d99a3
```
#7d99a3 rgb(125,153,163)
```
#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#9bb1b9
```
#9bb1b9 rgb(155,177,185)
```
#aabcc3
```
#aabcc3 rgb(170,188,195)
```
#b9c8ce
```
#b9c8ce rgb(185,200,206)
```

Monochromatic Color

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

#8caeae
```
#8caeae rgb(140,174,174)
```
#8cabae
```
#8cabae rgb(140,171,174)
```
#8ca8ae
```
#8ca8ae rgb(140,168,174)
```
#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#8ca2ae
```
#8ca2ae rgb(140,162,174)
```
#8c9fae
```
#8c9fae rgb(140,159,174)
```
#8c9dae
```
#8c9dae rgb(140,157,174)
```

Similar Colors

Text with hexadecimal color #8ca5ae

This text has a font color of #8ca5ae.

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

#8ca5ae background color

This paragraph has a background color of #8ca5ae.

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

#8ca5ae border color

This element has a border color of #8ca5ae.

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

CSS codes

.text {color:#8ca5ae;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080b0c
```
#080b0c rgb(8,11,12)
```
#101517
```
#101517 rgb(16,21,23)
```
#182023
```
#182023 rgb(24,32,35)
```
#202b2e
```
#202b2e rgb(32,43,46)
```
#29353a
```
#29353a rgb(41,53,58)
```
#314045
```
#314045 rgb(49,64,69)
```
#394a51
```
#394a51 rgb(57,74,81)
```
#41555c
```
#41555c rgb(65,85,92)
```
#496068
```
#496068 rgb(73,96,104)
```
#516a73
```
#516a73 rgb(81,106,115)
```
#59757f
```
#59757f rgb(89,117,127)
```
#617f8a
```
#617f8a rgb(97,127,138)
```

Shade Color Variation

#698a96
```
#698a96 rgb(105,138,150)
```
#75939e
```
#75939e rgb(117,147,158)
```
#809ca6
```
#809ca6 rgb(128,156,166)
```
#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#98aeb6
```
#98aeb6 rgb(152,174,182)
```
#a3b7be
```
#a3b7be rgb(163,183,190)
```
#afc0c6
```
#afc0c6 rgb(175,192,198)
```
#bac9ce
```
#bac9ce rgb(186,201,206)
```
#c6d2d7
```
#c6d2d7 rgb(198,210,215)
```
#d1dbdf
```
#d1dbdf rgb(209,219,223)
```
#dde4e7
```
#dde4e7 rgb(221,228,231)
```
#e8edef
```
#e8edef rgb(232,237,239)
```
#f4f6f7
```
#f4f6f7 rgb(244,246,247)
```

Tint Color Variation

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

#9b9e9f
```
#9b9e9f rgb(155,158,159)
```
#94a1a6
```
#94a1a6 rgb(148,161,166)
```
#8ca5ae
```
#8ca5ae rgb(140,165,174)
```
#84a9b6
```
#84a9b6 rgb(132,169,182)
```
#7dacbd
```
#7dacbd rgb(125,172,189)
```
#75b0c5
```
#75b0c5 rgb(117,176,197)
```
#6eb3cc
```
#6eb3cc rgb(110,179,204)
```
#66b7d4
```
#66b7d4 rgb(102,183,212)
```
#5fbadb
```
#5fbadb rgb(95,186,219)
```
#57bee3
```
#57bee3 rgb(87,190,227)
```
#50c1ea
```
#50c1ea rgb(80,193,234)
```
#48c5f2
```
#48c5f2 rgb(72,197,242)
```
#41c8f9
```
#41c8f9 rgb(65,200,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#9ba0a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a4af Protanopia 1% of men
#ada1b4 Deuteranopia 1% of men
#92a9b5 Tritanopia 0.001% of the population

Trichromacy

#9ca4ae Protanomaly 1% of men, 0.01% of women
#a1a2b2 Deuteranomaly 6% of men, 0.4% of women
#90a7b2 Tritanomaly 0.01% of the population

#8ca5ae hex color

#8ca5ae Color Information

#8ca5ae Color Conversion

Color Schemes with #8ca5ae

Alternatives to #8ca5ae

#8ca5ae Preview

Shades and Tints of #8ca5ae

Tones of #8ca5ae

Color Blindness Simulator