#8ba2c2 hex color

In a RGB color space, hex #8ba2c2 is composed of 54.5% red, 63.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 16.5% magenta, 0% yellow and 23.9% black. It has a hue angle of 214.9 degrees, a saturation of 31.1% and a lightness of 65.3%. #8ba2c2 color hex could be obtained by blending #ffffff with #174585. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 64
- B 76
RGB color chart
- C 28
- M 16
- Y 0
- K 24
CMYK color chart

● #8ba2c2 color description : Slightly desaturated blue.

The hexadecimal color #8ba2c2 has RGB values of R:139, G:162, B:194 and CMYK values of C:0.28, M:0.16, Y:0, K:0.24. Its decimal value is 9151170.

Hex triplet	8ba2c2	`#8ba2c2`
RGB Decimal	139, 162, 194	`rgb(139,162,194)`
RGB Percent	54.5, 63.5, 76.1	`rgb(54.5%,63.5%,76.1%)`
CMYK	28, 16, 0, 24
HSL	214.9°, 31.1, 65.3	`hsl(214.9,31.1%,65.3%)`
HSV (or HSB)	214.9°, 28.4, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	65.923, -0.619, -19.071
XYZ	33.303, 35.224, 56.08
xyY	0.267, 0.283, 35.224
CIE-LCH	65.923, 19.081, 268.14
CIE-LUV	65.923, -13.139, -29.147
Hunter-Lab	59.35, -3.699, -14.479
Binary	10001011, 10100010, 11000010

#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#c2ab8b
```
#c2ab8b rgb(194,171,139)
```

Complementary Color

#8bbec2
```
#8bbec2 rgb(139,190,194)
```
#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#908bc2
```
#908bc2 rgb(144,139,194)
```

Analogous Color

#bec28b
```
#bec28b rgb(190,194,139)
```
#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#c2908b
```
#c2908b rgb(194,144,139)
```

Split Complementary Color

#a2c28b
```
#a2c28b rgb(162,194,139)
```
#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#c28ba2
```
#c28ba2 rgb(194,139,162)
```

Triadic Color

#8bc2ab
```
#8bc2ab rgb(139,194,171)
```
#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#c28ba2
```
#c28ba2 rgb(194,139,162)
```
#c2ab8b
```
#c2ab8b rgb(194,171,139)
```

Tetradic Color

#597aa8
```
#597aa8 rgb(89,122,168)
```
#6a87b0
```
#6a87b0 rgb(106,135,176)
```
#7a95b9
```
#7a95b9 rgb(122,149,185)
```
#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#9cafcb
```
#9cafcb rgb(156,175,203)
```
#acbdd4
```
#acbdd4 rgb(172,189,212)
```
#bdcadc
```
#bdcadc rgb(189,202,220)
```

Monochromatic Color

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

#8bb0c2
```
#8bb0c2 rgb(139,176,194)
```
#8babc2
```
#8babc2 rgb(139,171,194)
```
#8ba7c2
```
#8ba7c2 rgb(139,167,194)
```
#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#8b9dc2
```
#8b9dc2 rgb(139,157,194)
```
#8b99c2
```
#8b99c2 rgb(139,153,194)
```
#8b94c2
```
#8b94c2 rgb(139,148,194)
```

Similar Colors

Text with hexadecimal color #8ba2c2

This text has a font color of #8ba2c2.

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

#8ba2c2 background color

This paragraph has a background color of #8ba2c2.

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

#8ba2c2 border color

This element has a border color of #8ba2c2.

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

CSS codes

.text {color:#8ba2c2;}

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

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

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, #07090d is the darkest color, while #ffffff is the lightest one.

#07090d
```
#07090d rgb(7,9,13)
```
#0d1219
```
#0d1219 rgb(13,18,25)
```
#141c26
```
#141c26 rgb(20,28,38)
```
#1b2533
```
#1b2533 rgb(27,37,51)
```
#222e40
```
#222e40 rgb(34,46,64)
```
#28384d
```
#28384d rgb(40,56,77)
```
#2f415a
```
#2f415a rgb(47,65,90)
```
#364a67
```
#364a67 rgb(54,74,103)
```
#3d5473
```
#3d5473 rgb(61,84,115)
```
#435d80
```
#435d80 rgb(67,93,128)
```
#4a668d
```
#4a668d rgb(74,102,141)
```
#516f9a
```
#516f9a rgb(81,111,154)
```
#5879a7
```
#5879a7 rgb(88,121,167)
```

Shade Color Variation

#6483ae
```
#6483ae rgb(100,131,174)
```
#718db4
```
#718db4 rgb(113,141,180)
```
#7e98bb
```
#7e98bb rgb(126,152,187)
```
#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#98acc9
```
#98acc9 rgb(152,172,201)
```
#a5b7d0
```
#a5b7d0 rgb(165,183,208)
```
#b2c1d6
```
#b2c1d6 rgb(178,193,214)
```
#becbdd
```
#becbdd rgb(190,203,221)
```
#cbd6e4
```
#cbd6e4 rgb(203,214,228)
```
#d8e0eb
```
#d8e0eb rgb(216,224,235)
```
#e5eaf1
```
#e5eaf1 rgb(229,234,241)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a6a7
```
#a6a6a7 rgb(166,166,167)
```
#9fa5ae
```
#9fa5ae rgb(159,165,174)
```
#99a4b4
```
#99a4b4 rgb(153,164,180)
```
#92a3bb
```
#92a3bb rgb(146,163,187)
```
#8ba2c2
```
#8ba2c2 rgb(139,162,194)
```
#84a1c9
```
#84a1c9 rgb(132,161,201)
```
#7da0d0
```
#7da0d0 rgb(125,160,208)
```
#779fd6
```
#779fd6 rgb(119,159,214)
```
#709edd
```
#709edd rgb(112,158,221)
```
#699ce4
```
#699ce4 rgb(105,156,228)
```
#629beb
```
#629beb rgb(98,155,235)
```
#5b9af2
```
#5b9af2 rgb(91,154,242)
```
#5599f8
```
#5599f8 rgb(85,153,248)
```

Tone Color Variation

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

Dichromacy

#9da3c3 Protanopia 1% of men
#a2a1c6 Deuteranopia 1% of men
#8da9b5 Tritanopia 0.001% of the population

Trichromacy

#97a3c2 Protanomaly 1% of men, 0.01% of women
#99a1c5 Deuteranomaly 6% of men, 0.4% of women
#8ca6ba Tritanomaly 0.01% of the population

#8ba2c2 hex color

#8ba2c2 Color Information

#8ba2c2 Color Conversion

Color Schemes with #8ba2c2

Alternatives to #8ba2c2

#8ba2c2 Preview

Shades and Tints of #8ba2c2

Tones of #8ba2c2

Color Blindness Simulator