#8bbac2 hex color

In a RGB color space, hex #8bbac2 is composed of 54.5% red, 72.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 4.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 188.7 degrees, a saturation of 31.1% and a lightness of 65.3%. #8bbac2 color hex could be obtained by blending #ffffff with #177585. Closest websafe color is: #99cccc.

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

● #8bbac2 color description : Slightly desaturated cyan.

The hexadecimal color #8bbac2 has RGB values of R:139, G:186, B:194 and CMYK values of C:0.28, M:0.04, Y:0, K:0.24. Its decimal value is 9157314.

Hex triplet	8bbac2	`#8bbac2`
RGB Decimal	139, 186, 194	`rgb(139,186,194)`
RGB Percent	54.5, 72.9, 76.1	`rgb(54.5%,72.9%,76.1%)`
CMYK	28, 4, 0, 24
HSL	188.7°, 31.1, 65.3	`hsl(188.7,31.1%,65.3%)`
HSV (or HSB)	188.7°, 28.4, 76.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.562, -13.578, -9.084
XYZ	37.942, 44.5, 57.626
xyY	0.271, 0.318, 44.5
CIE-LCH	72.562, 16.337, 213.785
CIE-LUV	72.562, -23.629, -11.651
Hunter-Lab	66.709, -15.215, -4.522
Binary	10001011, 10111010, 11000010

#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#c2938b
```
#c2938b rgb(194,147,139)
```

Complementary Color

#8bc2af
```
#8bc2af rgb(139,194,175)
```
#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#8b9fc2
```
#8b9fc2 rgb(139,159,194)
```

Analogous Color

#c2af8b
```
#c2af8b rgb(194,175,139)
```
#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#c28b9f
```
#c28b9f rgb(194,139,159)
```

Split Complementary Color

#bac28b
```
#bac28b rgb(186,194,139)
```
#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#c28bba
```
#c28bba rgb(194,139,186)
```

Triadic Color

#8bc293
```
#8bc293 rgb(139,194,147)
```
#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#c28bba
```
#c28bba rgb(194,139,186)
```
#c2938b
```
#c2938b rgb(194,147,139)
```

Tetradic Color

#599ca8
```
#599ca8 rgb(89,156,168)
```
#6aa6b0
```
#6aa6b0 rgb(106,166,176)
```
#7ab0b9
```
#7ab0b9 rgb(122,176,185)
```
#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#9cc4cb
```
#9cc4cb rgb(156,196,203)
```
#acced4
```
#acced4 rgb(172,206,212)
```
#bdd8dc
```
#bdd8dc rgb(189,216,220)
```

Monochromatic Color

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

#8bc2bc
```
#8bc2bc rgb(139,194,188)
```
#8bc2c1
```
#8bc2c1 rgb(139,194,193)
```
#8bbfc2
```
#8bbfc2 rgb(139,191,194)
```
#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#8bb5c2
```
#8bb5c2 rgb(139,181,194)
```
#8bb1c2
```
#8bb1c2 rgb(139,177,194)
```
#8bacc2
```
#8bacc2 rgb(139,172,194)
```

Similar Colors

Text with hexadecimal color #8bbac2

This text has a font color of #8bbac2.

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

#8bbac2 background color

This paragraph has a background color of #8bbac2.

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

#8bbac2 border color

This element has a border color of #8bbac2.

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

CSS codes

.text {color:#8bbac2;}

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

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

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

#070c0d
```
#070c0d rgb(7,12,13)
```
#0d1819
```
#0d1819 rgb(13,24,25)
```
#142426
```
#142426 rgb(20,36,38)
```
#1b3033
```
#1b3033 rgb(27,48,51)
```
#223c40
```
#223c40 rgb(34,60,64)
```
#28484d
```
#28484d rgb(40,72,77)
```
#2f535a
```
#2f535a rgb(47,83,90)
```
#365f67
```
#365f67 rgb(54,95,103)
```
#3d6b73
```
#3d6b73 rgb(61,107,115)
```
#437780
```
#437780 rgb(67,119,128)
```
#4a838d
```
#4a838d rgb(74,131,141)
```
#518f9a
```
#518f9a rgb(81,143,154)
```
#589ba7
```
#589ba7 rgb(88,155,167)
```

Shade Color Variation

#64a3ae
```
#64a3ae rgb(100,163,174)
```
#71abb4
```
#71abb4 rgb(113,171,180)
```
#7eb2bb
```
#7eb2bb rgb(126,178,187)
```
#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#98c2c9
```
#98c2c9 rgb(152,194,201)
```
#a5c9d0
```
#a5c9d0 rgb(165,201,208)
```
#b2d1d6
```
#b2d1d6 rgb(178,209,214)
```
#bed9dd
```
#bed9dd rgb(190,217,221)
```
#cbe0e4
```
#cbe0e4 rgb(203,224,228)
```
#d8e8eb
```
#d8e8eb rgb(216,232,235)
```
#e5f0f1
```
#e5f0f1 rgb(229,240,241)
```
#f2f7f8
```
#f2f7f8 rgb(242,247,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 #55e1f8 is the most saturated one.

#a6a7a7
```
#a6a7a7 rgb(166,167,167)
```
#9facae
```
#9facae rgb(159,172,174)
```
#99b0b4
```
#99b0b4 rgb(153,176,180)
```
#92b5bb
```
#92b5bb rgb(146,181,187)
```
#8bbac2
```
#8bbac2 rgb(139,186,194)
```
#84bfc9
```
#84bfc9 rgb(132,191,201)
```
#7dc4d0
```
#7dc4d0 rgb(125,196,208)
```
#77c8d6
```
#77c8d6 rgb(119,200,214)
```
#70cddd
```
#70cddd rgb(112,205,221)
```
#69d2e4
```
#69d2e4 rgb(105,210,228)
```
#62d7eb
```
#62d7eb rgb(98,215,235)
```
#5bdcf2
```
#5bdcf2 rgb(91,220,242)
```
#55e1f8
```
#55e1f8 rgb(85,225,248)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a6b0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b4c0 Protanopia 1% of men
#bdb1c9 Deuteranopia 1% of men
#92bcca Tritanopia 0.001% of the population

Trichromacy

#a6b6c0 Protanomaly 1% of men, 0.01% of women
#abb4c6 Deuteranomaly 6% of men, 0.4% of women
#8fbbc7 Tritanomaly 0.01% of the population

#8bbac2 hex color

#8bbac2 Color Information

#8bbac2 Color Conversion

Color Schemes with #8bbac2

Alternatives to #8bbac2

#8bbac2 Preview

Shades and Tints of #8bbac2

Tones of #8bbac2

Color Blindness Simulator