#bcc8dd hex color

In a RGB color space, hex #bcc8dd is composed of 73.7% red, 78.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 9.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 218.2 degrees, a saturation of 32.7% and a lightness of 80.2%. #bcc8dd color hex could be obtained by blending #ffffff with #7991bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 78
- B 87
RGB color chart
- C 15
- M 10
- Y 0
- K 13
CMYK color chart

● #bcc8dd color description : Light grayish blue.

The hexadecimal color #bcc8dd has RGB values of R:188, G:200, B:221 and CMYK values of C:0.15, M:0.1, Y:0, K:0.13. Its decimal value is 12372189.

Hex triplet	bcc8dd	`#bcc8dd`
RGB Decimal	188, 200, 221	`rgb(188,200,221)`
RGB Percent	73.7, 78.4, 86.7	`rgb(73.7%,78.4%,86.7%)`
CMYK	15, 10, 0, 13
HSL	218.2°, 32.7, 80.2	`hsl(218.2,32.7%,80.2%)`
HSV (or HSB)	218.2°, 14.9, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.303, 0.143, -11.821
XYZ	54.442, 57.22, 76.579
xyY	0.289, 0.304, 57.22
CIE-LCH	80.303, 11.822, 270.693
CIE-LUV	80.303, -7.547, -18.352
Hunter-Lab	75.644, -3.908, -7.072
Binary	10111100, 11001000, 11011101

#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#ddd1bc
```
#ddd1bc rgb(221,209,188)
```

Complementary Color

#bcd9dd
```
#bcd9dd rgb(188,217,221)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#c1bcdd
```
#c1bcdd rgb(193,188,221)
```

Analogous Color

#d9ddbc
```
#d9ddbc rgb(217,221,188)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#ddc1bc
```
#ddc1bc rgb(221,193,188)
```

Split Complementary Color

#c8ddbc
```
#c8ddbc rgb(200,221,188)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#ddbcc8
```
#ddbcc8 rgb(221,188,200)
```

Triadic Color

#bcddd1
```
#bcddd1 rgb(188,221,209)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#ddbcc8
```
#ddbcc8 rgb(221,188,200)
```
#ddd1bc
```
#ddd1bc rgb(221,209,188)
```

Tetradic Color

#899ec3
```
#899ec3 rgb(137,158,195)
```
#9aaccc
```
#9aaccc rgb(154,172,204)
```
#abbad4
```
#abbad4 rgb(171,186,212)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#cdd6e6
```
#cdd6e6 rgb(205,214,230)
```
#dee4ee
```
#dee4ee rgb(222,228,238)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```

Monochromatic Color

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

#bcd0dd
```
#bcd0dd rgb(188,208,221)
```
#bccedd
```
#bccedd rgb(188,206,221)
```
#bccbdd
```
#bccbdd rgb(188,203,221)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#bcc5dd
```
#bcc5dd rgb(188,197,221)
```
#bcc3dd
```
#bcc3dd rgb(188,195,221)
```
#bcc0dd
```
#bcc0dd rgb(188,192,221)
```

Similar Colors

Text with hexadecimal color #bcc8dd

This text has a font color of #bcc8dd.

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

#bcc8dd background color

This paragraph has a background color of #bcc8dd.

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

#bcc8dd border color

This element has a border color of #bcc8dd.

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

CSS codes

.text {color:#bcc8dd;}

.background {background-color:#bcc8dd;}

.border {border:1px solid #bcc8dd;}

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, #06080b is the darkest color, while #fdfdfe is the lightest one.

#06080b
```
#06080b rgb(6,8,11)
```
#0c1118
```
#0c1118 rgb(12,17,24)
```
#131925
```
#131925 rgb(19,25,37)
```
#192232
```
#192232 rgb(25,34,50)
```
#202b3f
```
#202b3f rgb(32,43,63)
```
#27344c
```
#27344c rgb(39,52,76)
```
#2d3d59
```
#2d3d59 rgb(45,61,89)
```
#344666
```
#344666 rgb(52,70,102)
```
#3a4f73
```
#3a4f73 rgb(58,79,115)
```
#415880
```
#415880 rgb(65,88,128)
```
#48618d
```
#48618d rgb(72,97,141)
```
#4e6a9a
```
#4e6a9a rgb(78,106,154)
```
#5573a7
```
#5573a7 rgb(85,115,167)
```

Shade Color Variation

#617daf
```
#617daf rgb(97,125,175)
```
#6e88b5
```
#6e88b5 rgb(110,136,181)
```
#7b93bc
```
#7b93bc rgb(123,147,188)
```
#889dc3
```
#889dc3 rgb(136,157,195)
```
#95a8c9
```
#95a8c9 rgb(149,168,201)
```
#a2b3d0
```
#a2b3d0 rgb(162,179,208)
```
#afbdd6
```
#afbdd6 rgb(175,189,214)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#c9d3e4
```
#c9d3e4 rgb(201,211,228)
```
#d6ddea
```
#d6ddea rgb(214,221,234)
```
#e3e8f1
```
#e3e8f1 rgb(227,232,241)
```
#f0f3f7
```
#f0f3f7 rgb(240,243,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#cccccd
```
#cccccd rgb(204,204,205)
```
#c8cbd1
```
#c8cbd1 rgb(200,203,209)
```
#c4cad5
```
#c4cad5 rgb(196,202,213)
```
#c0c9d9
```
#c0c9d9 rgb(192,201,217)
```
#bcc8dd
```
#bcc8dd rgb(188,200,221)
```
#b8c7e1
```
#b8c7e1 rgb(184,199,225)
```
#b4c6e5
```
#b4c6e5 rgb(180,198,229)
```
#b0c5e9
```
#b0c5e9 rgb(176,197,233)
```
#acc4ed
```
#acc4ed rgb(172,196,237)
```
#a9c3f0
```
#a9c3f0 rgb(169,195,240)
```
#a5c2f4
```
#a5c2f4 rgb(165,194,244)
```
#a1c1f8
```
#a1c1f8 rgb(161,193,248)
```
#9dc0fc
```
#9dc0fc rgb(157,192,252)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c7cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c8dd Protanopia 1% of men
#d1c5e0 Deuteranopia 1% of men
#becbda Tritanopia 0.001% of the population

Trichromacy

#c3c8dd Protanomaly 1% of men, 0.01% of women
#c9c6df Deuteranomaly 6% of men, 0.4% of women
#bdcadb Tritanomaly 0.01% of the population

#bcc8dd hex color

#bcc8dd Color Information

#bcc8dd Color Conversion

Color Schemes with #bcc8dd

Alternatives to #bcc8dd

#bcc8dd Preview

Shades and Tints of #bcc8dd

Tones of #bcc8dd

Color Blindness Simulator