#8bb8cc hex color

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

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

● #8bb8cc color description : Slightly desaturated blue.

The hexadecimal color #8bb8cc has RGB values of R:139, G:184, B:204 and CMYK values of C:0.32, M:0.1, Y:0, K:0.2. Its decimal value is 9156812.

Hex triplet	8bb8cc	`#8bb8cc`
RGB Decimal	139, 184, 204	`rgb(139,184,204)`
RGB Percent	54.5, 72.2, 80	`rgb(54.5%,72.2%,80%)`
CMYK	32, 10, 0, 20
HSL	198.5°, 38.9, 67.3	`hsl(198.5,38.9%,67.3%)`
HSV (or HSB)	198.5°, 31.9, 80
Web Safe	99cccc	`#99cccc`

CIE-LAB	72.314, -10.123, -14.921
XYZ	38.684, 44.128, 63.603
xyY	0.264, 0.301, 44.128
CIE-LCH	72.314, 18.031, 235.845
CIE-LUV	72.314, -22.8, -21.438
Hunter-Lab	66.429, -12.303, -10.267
Binary	10001011, 10111000, 11001100

#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#cc9f8b
```
#cc9f8b rgb(204,159,139)
```

Complementary Color

#8bccc0
```
#8bccc0 rgb(139,204,192)
```
#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#8b98cc
```
#8b98cc rgb(139,152,204)
```

Analogous Color

#ccc08b
```
#ccc08b rgb(204,192,139)
```
#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#cc8b98
```
#cc8b98 rgb(204,139,152)
```

Split Complementary Color

#b8cc8b
```
#b8cc8b rgb(184,204,139)
```
#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#cc8bb8
```
#cc8bb8 rgb(204,139,184)
```

Triadic Color

#8bcc9f
```
#8bcc9f rgb(139,204,159)
```
#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#cc8bb8
```
#cc8bb8 rgb(204,139,184)
```
#cc9f8b
```
#cc9f8b rgb(204,159,139)
```

Tetradic Color

#5697b5
```
#5697b5 rgb(86,151,181)
```
#68a2bc
```
#68a2bc rgb(104,162,188)
```
#79adc4
```
#79adc4 rgb(121,173,196)
```
#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#9dc3d4
```
#9dc3d4 rgb(157,195,212)
```
#aecedc
```
#aecedc rgb(174,206,220)
```
#c0d9e3
```
#c0d9e3 rgb(192,217,227)
```

Monochromatic Color

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

#8bc8cc
```
#8bc8cc rgb(139,200,204)
```
#8bc3cc
```
#8bc3cc rgb(139,195,204)
```
#8bbdcc
```
#8bbdcc rgb(139,189,204)
```
#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#8bb3cc
```
#8bb3cc rgb(139,179,204)
```
#8badcc
```
#8badcc rgb(139,173,204)
```
#8ba8cc
```
#8ba8cc rgb(139,168,204)
```

Similar Colors

Text with hexadecimal color #8bb8cc

This text has a font color of #8bb8cc.

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

#8bb8cc background color

This paragraph has a background color of #8bb8cc.

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

#8bb8cc border color

This element has a border color of #8bb8cc.

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

CSS codes

.text {color:#8bb8cc;}

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

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

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

#030507
```
#030507 rgb(3,5,7)
```
#091114
```
#091114 rgb(9,17,20)
```
#0f1c22
```
#0f1c22 rgb(15,28,34)
```
#152730
```
#152730 rgb(21,39,48)
```
#1b333d
```
#1b333d rgb(27,51,61)
```
#213e4b
```
#213e4b rgb(33,62,75)
```
#274958
```
#274958 rgb(39,73,88)
```
#2d5466
```
#2d5466 rgb(45,84,102)
```
#336074
```
#336074 rgb(51,96,116)
```
#396b81
```
#396b81 rgb(57,107,129)
```
#3f768f
```
#3f768f rgb(63,118,143)
```
#45829d
```
#45829d rgb(69,130,157)
```
#4b8daa
```
#4b8daa rgb(75,141,170)
```

Shade Color Variation

#5497b4
```
#5497b4 rgb(84,151,180)
```
#629fba
```
#629fba rgb(98,159,186)
```
#70a7c0
```
#70a7c0 rgb(112,167,192)
```
#7db0c6
```
#7db0c6 rgb(125,176,198)
```
#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#99c0d2
```
#99c0d2 rgb(153,192,210)
```
#a6c9d8
```
#a6c9d8 rgb(166,201,216)
```
#b4d1de
```
#b4d1de rgb(180,209,222)
```
#c2d9e4
```
#c2d9e4 rgb(194,217,228)
```
#cfe2ea
```
#cfe2ea rgb(207,226,234)
```
#ddeaf0
```
#ddeaf0 rgb(221,234,240)
```
#eaf2f6
```
#eaf2f6 rgb(234,242,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

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

#abacac
```
#abacac rgb(171,172,172)
```
#a5aeb2
```
#a5aeb2 rgb(165,174,178)
```
#9eb1b9
```
#9eb1b9 rgb(158,177,185)
```
#98b3bf
```
#98b3bf rgb(152,179,191)
```
#91b6c6
```
#91b6c6 rgb(145,182,198)
```
#8bb8cc
```
#8bb8cc rgb(139,184,204)
```
#85bad2
```
#85bad2 rgb(133,186,210)
```
#7ebdd9
```
#7ebdd9 rgb(126,189,217)
```
#78bfdf
```
#78bfdf rgb(120,191,223)
```
#71c2e6
```
#71c2e6 rgb(113,194,230)
```
#6bc4ec
```
#6bc4ec rgb(107,196,236)
```
#64c7f3
```
#64c7f3 rgb(100,199,243)
```
#5ec9f9
```
#5ec9f9 rgb(94,201,249)
```

Tone Color Variation

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

Dichromacy

#b1b4ca Protanopia 1% of men
#b7b1d2 Deuteranopia 1% of men
#8fbcca Tritanopia 0.001% of the population

Trichromacy

#a3b5ca Protanomaly 1% of men, 0.01% of women
#a7b3cf Deuteranomaly 6% of men, 0.4% of women
#8ebaca Tritanomaly 0.01% of the population

#8bb8cc hex color

#8bb8cc Color Information

#8bb8cc Color Conversion

Color Schemes with #8bb8cc

Alternatives to #8bb8cc

#8bb8cc Preview

Shades and Tints of #8bb8cc

Tones of #8bb8cc

Color Blindness Simulator