#8baec2 hex color

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

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

● #8baec2 color description : Slightly desaturated blue.

The hexadecimal color #8baec2 has RGB values of R:139, G:174, B:194 and CMYK values of C:0.28, M:0.1, Y:0, K:0.24. Its decimal value is 9154242.

Hex triplet	8baec2	`#8baec2`
RGB Decimal	139, 174, 194	`rgb(139,174,194)`
RGB Percent	54.5, 68.2, 76.1	`rgb(54.5%,68.2%,76.1%)`
CMYK	28, 10, 0, 24
HSL	201.8°, 31.1, 65.3	`hsl(201.8,31.1%,65.3%)`
HSV (or HSB)	201.8°, 28.4, 76.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.223, -7.196, -14.081
XYZ	35.519, 39.655, 56.819
xyY	0.269, 0.3, 39.655
CIE-LCH	69.223, 15.814, 242.931
CIE-LUV	69.223, -18.378, -20.395
Hunter-Lab	62.972, -9.52, -9.416
Binary	10001011, 10101110, 11000010

#8baec2
```
#8baec2 rgb(139,174,194)
```
#c29f8b
```
#c29f8b rgb(194,159,139)
```

Complementary Color

#8bc2bb
```
#8bc2bb rgb(139,194,187)
```
#8baec2
```
#8baec2 rgb(139,174,194)
```
#8b93c2
```
#8b93c2 rgb(139,147,194)
```

Analogous Color

#c2bb8b
```
#c2bb8b rgb(194,187,139)
```
#8baec2
```
#8baec2 rgb(139,174,194)
```
#c28b93
```
#c28b93 rgb(194,139,147)
```

Split Complementary Color

#aec28b
```
#aec28b rgb(174,194,139)
```
#8baec2
```
#8baec2 rgb(139,174,194)
```
#c28bae
```
#c28bae rgb(194,139,174)
```

Triadic Color

#8bc29f
```
#8bc29f rgb(139,194,159)
```
#8baec2
```
#8baec2 rgb(139,174,194)
```
#c28bae
```
#c28bae rgb(194,139,174)
```
#c29f8b
```
#c29f8b rgb(194,159,139)
```

Tetradic Color

#598ba8
```
#598ba8 rgb(89,139,168)
```
#6a97b0
```
#6a97b0 rgb(106,151,176)
```
#7aa2b9
```
#7aa2b9 rgb(122,162,185)
```
#8baec2
```
#8baec2 rgb(139,174,194)
```
#9cbacb
```
#9cbacb rgb(156,186,203)
```
#acc5d4
```
#acc5d4 rgb(172,197,212)
```
#bdd1dc
```
#bdd1dc rgb(189,209,220)
```

Monochromatic Color

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

#8bbcc2
```
#8bbcc2 rgb(139,188,194)
```
#8bb7c2
```
#8bb7c2 rgb(139,183,194)
```
#8bb3c2
```
#8bb3c2 rgb(139,179,194)
```
#8baec2
```
#8baec2 rgb(139,174,194)
```
#8ba9c2
```
#8ba9c2 rgb(139,169,194)
```
#8ba5c2
```
#8ba5c2 rgb(139,165,194)
```
#8ba0c2
```
#8ba0c2 rgb(139,160,194)
```

Similar Colors

Text with hexadecimal color #8baec2

This text has a font color of #8baec2.

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

#8baec2 background color

This paragraph has a background color of #8baec2.

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

#8baec2 border color

This element has a border color of #8baec2.

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

CSS codes

.text {color:#8baec2;}

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

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

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

#070a0d
```
#070a0d rgb(7,10,13)
```
#0d1519
```
#0d1519 rgb(13,21,25)
```
#142026
```
#142026 rgb(20,32,38)
```
#1b2a33
```
#1b2a33 rgb(27,42,51)
```
#223540
```
#223540 rgb(34,53,64)
```
#28404d
```
#28404d rgb(40,64,77)
```
#2f4a5a
```
#2f4a5a rgb(47,74,90)
```
#365567
```
#365567 rgb(54,85,103)
```
#3d5f73
```
#3d5f73 rgb(61,95,115)
```
#436a80
```
#436a80 rgb(67,106,128)
```
#4a758d
```
#4a758d rgb(74,117,141)
```
#517f9a
```
#517f9a rgb(81,127,154)
```
#588aa7
```
#588aa7 rgb(88,138,167)
```

Shade Color Variation

#6493ae
```
#6493ae rgb(100,147,174)
```
#719cb4
```
#719cb4 rgb(113,156,180)
```
#7ea5bb
```
#7ea5bb rgb(126,165,187)
```
#8baec2
```
#8baec2 rgb(139,174,194)
```
#98b7c9
```
#98b7c9 rgb(152,183,201)
```
#a5c0d0
```
#a5c0d0 rgb(165,192,208)
```
#b2c9d6
```
#b2c9d6 rgb(178,201,214)
```
#bed2dd
```
#bed2dd rgb(190,210,221)
```
#cbdbe4
```
#cbdbe4 rgb(203,219,228)
```
#d8e4eb
```
#d8e4eb rgb(216,228,235)
```
#e5edf1
```
#e5edf1 rgb(229,237,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a7a7
```
#a6a7a7 rgb(166,167,167)
```
#9fa8ae
```
#9fa8ae rgb(159,168,174)
```
#99aab4
```
#99aab4 rgb(153,170,180)
```
#92acbb
```
#92acbb rgb(146,172,187)
```
#8baec2
```
#8baec2 rgb(139,174,194)
```
#84b0c9
```
#84b0c9 rgb(132,176,201)
```
#7db2d0
```
#7db2d0 rgb(125,178,208)
```
#77b4d6
```
#77b4d6 rgb(119,180,214)
```
#70b5dd
```
#70b5dd rgb(112,181,221)
```
#69b7e4
```
#69b7e4 rgb(105,183,228)
```
#62b9eb
```
#62b9eb rgb(98,185,235)
```
#5bbbf2
```
#5bbbf2 rgb(91,187,242)
```
#55bdf8
```
#55bdf8 rgb(85,189,248)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a1a8ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaacc1 Protanopia 1% of men
#afa9c8 Deuteranopia 1% of men
#8fb3c0 Tritanopia 0.001% of the population

Trichromacy

#9eacc1 Protanomaly 1% of men, 0.01% of women
#a2abc5 Deuteranomaly 6% of men, 0.4% of women
#8db1c0 Tritanomaly 0.01% of the population

#8baec2 hex color

#8baec2 Color Information

#8baec2 Color Conversion

Color Schemes with #8baec2

Alternatives to #8baec2

#8baec2 Preview

Shades and Tints of #8baec2

Tones of #8baec2

Color Blindness Simulator