#8ca7b2 hex color

In a RGB color space, hex #8ca7b2 is composed of 54.9% red, 65.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 21.3% cyan, 6.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 197.4 degrees, a saturation of 19.8% and a lightness of 62.4%. #8ca7b2 color hex could be obtained by blending #ffffff with #194f65. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 55
- G 65
- B 70
RGB color chart
- C 21
- M 6
- Y 0
- K 30
CMYK color chart

● #8ca7b2 color description : Dark grayish blue.

The hexadecimal color #8ca7b2 has RGB values of R:140, G:167, B:178 and CMYK values of C:0.21, M:0.06, Y:0, K:0.3. Its decimal value is 9217970.

Hex triplet	8ca7b2	`#8ca7b2`
RGB Decimal	140, 167, 178	`rgb(140,167,178)`
RGB Percent	54.9, 65.5, 69.8	`rgb(54.9%,65.5%,69.8%)`
CMYK	21, 6, 0, 30
HSL	197.4°, 19.8, 62.4	`hsl(197.4,19.8%,62.4%)`
HSV (or HSB)	197.4°, 21.3, 69.8
Web Safe	999999	`#999999`

CIE-LAB	66.844, -6.849, -8.771
XYZ	32.668, 36.426, 47.427
xyY	0.28, 0.313, 36.426
CIE-LCH	66.844, 11.129, 232.016
CIE-LUV	66.844, -14.503, -12.04
Hunter-Lab	60.354, -9.003, -4.342
Binary	10001100, 10100111, 10110010

#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#b2978c
```
#b2978c rgb(178,151,140)
```

Complementary Color

#8cb2aa
```
#8cb2aa rgb(140,178,170)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#8c94b2
```
#8c94b2 rgb(140,148,178)
```

Analogous Color

#b2aa8c
```
#b2aa8c rgb(178,170,140)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#b28c94
```
#b28c94 rgb(178,140,148)
```

Split Complementary Color

#a7b28c
```
#a7b28c rgb(167,178,140)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#b28ca7
```
#b28ca7 rgb(178,140,167)
```

Triadic Color

#8cb297
```
#8cb297 rgb(140,178,151)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#b28ca7
```
#b28ca7 rgb(178,140,167)
```
#b2978c
```
#b2978c rgb(178,151,140)
```

Tetradic Color

#618391
```
#618391 rgb(97,131,145)
```
#6d909e
```
#6d909e rgb(109,144,158)
```
#7d9ba8
```
#7d9ba8 rgb(125,155,168)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#9bb3bc
```
#9bb3bc rgb(155,179,188)
```
#abbec6
```
#abbec6 rgb(171,190,198)
```
#bacad1
```
#bacad1 rgb(186,202,209)
```

Monochromatic Color

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

#8cb1b2
```
#8cb1b2 rgb(140,177,178)
```
#8cadb2
```
#8cadb2 rgb(140,173,178)
```
#8caab2
```
#8caab2 rgb(140,170,178)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#8ca4b2
```
#8ca4b2 rgb(140,164,178)
```
#8ca1b2
```
#8ca1b2 rgb(140,161,178)
```
#8c9eb2
```
#8c9eb2 rgb(140,158,178)
```

Similar Colors

Text with hexadecimal color #8ca7b2

This text has a font color of #8ca7b2.

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

#8ca7b2 background color

This paragraph has a background color of #8ca7b2.

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

#8ca7b2 border color

This element has a border color of #8ca7b2.

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

CSS codes

.text {color:#8ca7b2;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0d0e
```
#0a0d0e rgb(10,13,14)
```
#11181a
```
#11181a rgb(17,24,26)
```
#192226
```
#192226 rgb(25,34,38)
```
#212d31
```
#212d31 rgb(33,45,49)
```
#29373d
```
#29373d rgb(41,55,61)
```
#314249
```
#314249 rgb(49,66,73)
```
#394d55
```
#394d55 rgb(57,77,85)
```
#415760
```
#415760 rgb(65,87,96)
```
#48626c
```
#48626c rgb(72,98,108)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#587784
```
#587784 rgb(88,119,132)
```
#60828f
```
#60828f rgb(96,130,143)
```

Shade Color Variation

#698c9a
```
#698c9a rgb(105,140,154)
```
#7595a2
```
#7595a2 rgb(117,149,162)
```
#809eaa
```
#809eaa rgb(128,158,170)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#98b0ba
```
#98b0ba rgb(152,176,186)
```
#a3b9c2
```
#a3b9c2 rgb(163,185,194)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#bbcbd1
```
#bbcbd1 rgb(187,203,209)
```
#c7d4d9
```
#c7d4d9 rgb(199,212,217)
```
#d2dde1
```
#d2dde1 rgb(210,221,225)
```
#dee6e9
```
#dee6e9 rgb(222,230,233)
```
#eaeff1
```
#eaeff1 rgb(234,239,241)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#9ba1a3
```
#9ba1a3 rgb(155,161,163)
```
#93a4ab
```
#93a4ab rgb(147,164,171)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,178)
```
#85aab9
```
#85aab9 rgb(133,170,185)
```
#7dadc1
```
#7dadc1 rgb(125,173,193)
```
#76b0c8
```
#76b0c8 rgb(118,176,200)
```
#6eb3d0
```
#6eb3d0 rgb(110,179,208)
```
#67b7d7
```
#67b7d7 rgb(103,183,215)
```
#60bade
```
#60bade rgb(96,186,222)
```
#58bde6
```
#58bde6 rgb(88,189,230)
```
#51c0ed
```
#51c0ed rgb(81,192,237)
```
#4ac3f4
```
#4ac3f4 rgb(74,195,244)
```
#42c6fc
```
#42c6fc rgb(66,198,252)
```

Tone Color Variation

Below, you can see how #8ca7b2 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
#9ca1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a6b3 Protanopia 1% of men
#aea3b8 Deuteranopia 1% of men
#92abb7 Tritanopia 0.001% of the population

Trichromacy

#9ca6b2 Protanomaly 1% of men, 0.01% of women
#a1a4b6 Deuteranomaly 6% of men, 0.4% of women
#90a9b5 Tritanomaly 0.01% of the population

#8ca7b2 hex color

#8ca7b2 Color Information

#8ca7b2 Color Conversion

Color Schemes with #8ca7b2

Alternatives to #8ca7b2

#8ca7b2 Preview

Shades and Tints of #8ca7b2

Tones of #8ca7b2

Color Blindness Simulator