#8ca5a2 hex color

In a RGB color space, hex #8ca5a2 is composed of 54.9% red, 64.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 1.8% yellow and 35.3% black. It has a hue angle of 172.8 degrees, a saturation of 12.2% and a lightness of 59.8%. #8ca5a2 color hex could be obtained by blending #ffffff with #194b45. Closest websafe color is: #999999.

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

● #8ca5a2 color description : Dark grayish cyan.

The hexadecimal color #8ca5a2 has RGB values of R:140, G:165, B:162 and CMYK values of C:0.15, M:0, Y:0.02, K:0.35. Its decimal value is 9217442.

Hex triplet	8ca5a2	`#8ca5a2`
RGB Decimal	140, 165, 162	`rgb(140,165,162)`
RGB Percent	54.9, 64.7, 63.5	`rgb(54.9%,64.7%,63.5%)`
CMYK	15, 0, 2, 35
HSL	172.8°, 12.2, 59.8	`hsl(172.8,12.2%,59.8%)`
HSV (or HSB)	172.8°, 15.2, 64.7
Web Safe	999999	`#999999`

CIE-LAB	65.822, -9.283, -1.366
XYZ	30.79, 35.094, 39.332
xyY	0.293, 0.334, 35.094
CIE-LCH	65.822, 9.383, 188.372
CIE-LUV	65.822, -13.203, -0.473
Hunter-Lab	59.24, -10.893, 2.103
Binary	10001100, 10100101, 10100010

#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#a58c8f
```
#a58c8f rgb(165,140,143)
```

Complementary Color

#8ca596
```
#8ca596 rgb(140,165,150)
```
#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#8c9ca5
```
#8c9ca5 rgb(140,156,165)
```

Analogous Color

#a5968c
```
#a5968c rgb(165,150,140)
```
#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#a58c9c
```
#a58c9c rgb(165,140,156)
```

Split Complementary Color

#a5a28c
```
#a5a28c rgb(165,162,140)
```
#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#a28ca5
```
#a28ca5 rgb(162,140,165)
```

Triadic Color

#8fa58c
```
#8fa58c rgb(143,165,140)
```
#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#a28ca5
```
#a28ca5 rgb(162,140,165)
```
#a58c8f
```
#a58c8f rgb(165,140,143)
```

Tetradic Color

#64807d
```
#64807d rgb(100,128,125)
```
#708e8b
```
#708e8b rgb(112,142,139)
```
#7e9a96
```
#7e9a96 rgb(126,154,150)
```
#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#9ab0ae
```
#9ab0ae rgb(154,176,174)
```
#a9bbb9
```
#a9bbb9 rgb(169,187,185)
```
#b7c7c5
```
#b7c7c5 rgb(183,199,197)
```

Monochromatic Color

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

#8ca59c
```
#8ca59c rgb(140,165,156)
```
#8ca59e
```
#8ca59e rgb(140,165,158)
```
#8ca5a0
```
#8ca5a0 rgb(140,165,160)
```
#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#8ca5a4
```
#8ca5a4 rgb(140,165,164)
```
#8ca4a5
```
#8ca4a5 rgb(140,164,165)
```
#8ca2a5
```
#8ca2a5 rgb(140,162,165)
```

Similar Colors

Text with hexadecimal color #8ca5a2

This text has a font color of #8ca5a2.

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

#8ca5a2 background color

This paragraph has a background color of #8ca5a2.

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

#8ca5a2 border color

This element has a border color of #8ca5a2.

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

CSS codes

.text {color:#8ca5a2;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0d1111
```
#0d1111 rgb(13,17,17)
```
#161c1b
```
#161c1b rgb(22,28,27)
```
#1f2726
```
#1f2726 rgb(31,39,38)
```
#273231
```
#273231 rgb(39,50,49)
```
#303d3b
```
#303d3b rgb(48,61,59)
```
#384846
```
#384846 rgb(56,72,70)
```
#415351
```
#415351 rgb(65,83,81)
```
#4a5e5c
```
#4a5e5c rgb(74,94,92)
```
#526966
```
#526966 rgb(82,105,102)
```
#5b7471
```
#5b7471 rgb(91,116,113)
```
#637f7c
```
#637f7c rgb(99,127,124)
```
#6c8a86
```
#6c8a86 rgb(108,138,134)
```

Shade Color Variation

#769490
```
#769490 rgb(118,148,144)
```
#819c99
```
#819c99 rgb(129,156,153)
```
#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#97aeab
```
#97aeab rgb(151,174,171)
```
#a2b6b4
```
#a2b6b4 rgb(162,182,180)
```
#adbfbd
```
#adbfbd rgb(173,191,189)
```
#b8c7c6
```
#b8c7c6 rgb(184,199,198)
```
#c3d0ce
```
#c3d0ce rgb(195,208,206)
```
#ced9d7
```
#ced9d7 rgb(206,217,215)
```
#d9e1e0
```
#d9e1e0 rgb(217,225,224)
```
#e4eae9
```
#e4eae9 rgb(228,234,233)
```
#eff3f2
```
#eff3f2 rgb(239,243,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949d9c is the less saturated color, while #35fce4 is the most saturated one.

#949d9c
```
#949d9c rgb(148,157,156)
```
#8ca5a2
```
#8ca5a2 rgb(140,165,162)
```
#84ada8
```
#84ada8 rgb(132,173,168)
```
#7cb5ae
```
#7cb5ae rgb(124,181,174)
```
#74bdb4
```
#74bdb4 rgb(116,189,180)
```
#6cc5ba
```
#6cc5ba rgb(108,197,186)
```
#65ccc0
```
#65ccc0 rgb(101,204,192)
```
#5dd4c6
```
#5dd4c6 rgb(93,212,198)
```
#55dccc
```
#55dccc rgb(85,220,204)
```
#4de4d2
```
#4de4d2 rgb(77,228,210)
```
#45ecd8
```
#45ecd8 rgb(69,236,216)
```
#3df4de
```
#3df4de rgb(61,244,222)
```
#35fce4
```
#35fce4 rgb(53,252,228)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#9a9f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a4a3 Protanopia 1% of men
#b1a0a9 Deuteranopia 1% of men
#94a7b3 Tritanopia 0.001% of the population

Trichromacy

#9da4a3 Protanomaly 1% of men, 0.01% of women
#a3a1a7 Deuteranomaly 6% of men, 0.4% of women
#91a6ad Tritanomaly 0.01% of the population

#8ca5a2 hex color

#8ca5a2 Color Information

#8ca5a2 Color Conversion

Color Schemes with #8ca5a2

Alternatives to #8ca5a2

#8ca5a2 Preview

Shades and Tints of #8ca5a2

Tones of #8ca5a2

Color Blindness Simulator