#8bccc2 hex color

In a RGB color space, hex #8bccc2 is composed of 54.5% red, 80% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 0% magenta, 4.9% yellow and 20% black. It has a hue angle of 170.8 degrees, a saturation of 38.9% and a lightness of 67.3%. #8bccc2 color hex could be obtained by blending #ffffff with #179985. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 55
- G 80
- B 76
RGB color chart
- C 32
- M 0
- Y 5
- K 20
CMYK color chart

● #8bccc2 color description : Slightly desaturated cyan.

The hexadecimal color #8bccc2 has RGB values of R:139, G:204, B:194 and CMYK values of C:0.32, M:0, Y:0.05, K:0.2. Its decimal value is 9161922.

Hex triplet	8bccc2	`#8bccc2`
RGB Decimal	139, 204, 194	`rgb(139,204,194)`
RGB Percent	54.5, 80, 76.1	`rgb(54.5%,80%,76.1%)`
CMYK	32, 0, 5, 20
HSL	170.8°, 38.9, 67.3	`hsl(170.8,38.9%,67.3%)`
HSV (or HSB)	170.8°, 31.9, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.619, -22.767, -1.613
XYZ	41.975, 52.568, 58.971
xyY	0.273, 0.342, 52.568
CIE-LCH	77.619, 22.825, 184.053
CIE-LUV	77.619, -31.455, 1.308
Hunter-Lab	72.504, -23.541, 2.529
Binary	10001011, 11001100, 11000010

#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#cc8b95
```
#cc8b95 rgb(204,139,149)
```

Complementary Color

#8bcca2
```
#8bcca2 rgb(139,204,162)
```
#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#8bb6cc
```
#8bb6cc rgb(139,182,204)
```

Analogous Color

#cca28b
```
#cca28b rgb(204,162,139)
```
#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#cc8bb6
```
#cc8bb6 rgb(204,139,182)
```

Split Complementary Color

#ccc28b
```
#ccc28b rgb(204,194,139)
```
#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#c28bcc
```
#c28bcc rgb(194,139,204)
```

Triadic Color

#95cc8b
```
#95cc8b rgb(149,204,139)
```
#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#c28bcc
```
#c28bcc rgb(194,139,204)
```
#cc8b95
```
#cc8b95 rgb(204,139,149)
```

Tetradic Color

#56b5a6
```
#56b5a6 rgb(86,181,166)
```
#68bcaf
```
#68bcaf rgb(104,188,175)
```
#79c4b9
```
#79c4b9 rgb(121,196,185)
```
#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#9dd4cb
```
#9dd4cb rgb(157,212,203)
```
#aedcd5
```
#aedcd5 rgb(174,220,213)
```
#c0e3de
```
#c0e3de rgb(192,227,222)
```

Monochromatic Color

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

#8bccb2
```
#8bccb2 rgb(139,204,178)
```
#8bccb7
```
#8bccb7 rgb(139,204,183)
```
#8bccbd
```
#8bccbd rgb(139,204,189)
```
#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#8bccc7
```
#8bccc7 rgb(139,204,199)
```
#8bcbcc
```
#8bcbcc rgb(139,203,204)
```
#8bc6cc
```
#8bc6cc rgb(139,198,204)
```

Similar Colors

Text with hexadecimal color #8bccc2

This text has a font color of #8bccc2.

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

#8bccc2 background color

This paragraph has a background color of #8bccc2.

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

#8bccc2 border color

This element has a border color of #8bccc2.

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

CSS codes

.text {color:#8bccc2;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#091413
```
#091413 rgb(9,20,19)
```
#0f221f
```
#0f221f rgb(15,34,31)
```
#15302b
```
#15302b rgb(21,48,43)
```
#1b3d38
```
#1b3d38 rgb(27,61,56)
```
#214b44
```
#214b44 rgb(33,75,68)
```
#275851
```
#275851 rgb(39,88,81)
```
#2d665d
```
#2d665d rgb(45,102,93)
```
#33746a
```
#33746a rgb(51,116,106)
```
#398176
```
#398176 rgb(57,129,118)
```
#3f8f83
```
#3f8f83 rgb(63,143,131)
```
#459d8f
```
#459d8f rgb(69,157,143)
```
#4baa9b
```
#4baa9b rgb(75,170,155)
```

Shade Color Variation

#54b4a5
```
#54b4a5 rgb(84,180,165)
```
#62baad
```
#62baad rgb(98,186,173)
```
#70c0b4
```
#70c0b4 rgb(112,192,180)
```
#7dc6bb
```
#7dc6bb rgb(125,198,187)
```
#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#99d2c9
```
#99d2c9 rgb(153,210,201)
```
#a6d8d0
```
#a6d8d0 rgb(166,216,208)
```
#b4ded7
```
#b4ded7 rgb(180,222,215)
```
#c2e4df
```
#c2e4df rgb(194,228,223)
```
#cfeae6
```
#cfeae6 rgb(207,234,230)
```
#ddf0ed
```
#ddf0ed rgb(221,240,237)
```
#eaf6f4
```
#eaf6f4 rgb(234,246,244)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#abacac
```
#abacac rgb(171,172,172)
```
#a5b2b0
```
#a5b2b0 rgb(165,178,176)
```
#9eb9b5
```
#9eb9b5 rgb(158,185,181)
```
#98bfb9
```
#98bfb9 rgb(152,191,185)
```
#91c6be
```
#91c6be rgb(145,198,190)
```
#8bccc2
```
#8bccc2 rgb(139,204,194)
```
#85d2c6
```
#85d2c6 rgb(133,210,198)
```
#7ed9cb
```
#7ed9cb rgb(126,217,203)
```
#78dfcf
```
#78dfcf rgb(120,223,207)
```
#71e6d4
```
#71e6d4 rgb(113,230,212)
```
#6becd8
```
#6becd8 rgb(107,236,216)
```
#64f3dd
```
#64f3dd rgb(100,243,221)
```
#5ef9e1
```
#5ef9e1 rgb(94,249,225)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#aebbb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c2be Protanopia 1% of men
#d1bdca Deuteranopia 1% of men
#96cbda Tritanopia 0.001% of the population

Trichromacy

#b1c5bf Protanomaly 1% of men, 0.01% of women
#b7c2c7 Deuteranomaly 6% of men, 0.4% of women
#92cbd1 Tritanomaly 0.01% of the population

#8bccc2 hex color

#8bccc2 Color Information

#8bccc2 Color Conversion

Color Schemes with #8bccc2

Alternatives to #8bccc2

#8bccc2 Preview

Shades and Tints of #8bccc2

Tones of #8bccc2

Color Blindness Simulator