#bcbedd hex color

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

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

● #bcbedd color description : Light grayish blue.

The hexadecimal color #bcbedd has RGB values of R:188, G:190, B:221 and CMYK values of C:0.15, M:0.14, Y:0, K:0.13. Its decimal value is 12369629.

Hex triplet	bcbedd	`#bcbedd`
RGB Decimal	188, 190, 221	`rgb(188,190,221)`
RGB Percent	73.7, 74.5, 86.7	`rgb(73.7%,74.5%,86.7%)`
CMYK	15, 14, 0, 13
HSL	236.4°, 32.7, 80.2	`hsl(236.4,32.7%,80.2%)`
HSV (or HSB)	236.4°, 14.9, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.72, 5.499, -15.694
XYZ	52.201, 52.738, 75.832
xyY	0.289, 0.292, 52.738
CIE-LCH	77.72, 16.629, 289.309
CIE-LUV	77.72, -2.865, -25.322
Hunter-Lab	72.621, 1.221, -11.077
Binary	10111100, 10111110, 11011101

#bcbedd
```
#bcbedd rgb(188,190,221)
```
#dddbbc
```
#dddbbc rgb(221,219,188)
```

Complementary Color

#bccfdd
```
#bccfdd rgb(188,207,221)
```
#bcbedd
```
#bcbedd rgb(188,190,221)
```
#cbbcdd
```
#cbbcdd rgb(203,188,221)
```

Analogous Color

#cfddbc
```
#cfddbc rgb(207,221,188)
```
#bcbedd
```
#bcbedd rgb(188,190,221)
```
#ddcbbc
```
#ddcbbc rgb(221,203,188)
```

Split Complementary Color

#beddbc
```
#beddbc rgb(190,221,188)
```
#bcbedd
```
#bcbedd rgb(188,190,221)
```
#ddbcbe
```
#ddbcbe rgb(221,188,190)
```

Triadic Color

#bcdddb
```
#bcdddb rgb(188,221,219)
```
#bcbedd
```
#bcbedd rgb(188,190,221)
```
#ddbcbe
```
#ddbcbe rgb(221,188,190)
```
#dddbbc
```
#dddbbc rgb(221,219,188)
```

Tetradic Color

#898dc3
```
#898dc3 rgb(137,141,195)
```
#9a9dcc
```
#9a9dcc rgb(154,157,204)
```
#abaed4
```
#abaed4 rgb(171,174,212)
```
#bcbedd
```
#bcbedd rgb(188,190,221)
```
#cdcee6
```
#cdcee6 rgb(205,206,230)
```
#dedfee
```
#dedfee rgb(222,223,238)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```

Monochromatic Color

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

#bcc6dd
```
#bcc6dd rgb(188,198,221)
```
#bcc4dd
```
#bcc4dd rgb(188,196,221)
```
#bcc1dd
```
#bcc1dd rgb(188,193,221)
```
#bcbedd
```
#bcbedd rgb(188,190,221)
```
#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#c0bcdd
```
#c0bcdd rgb(192,188,221)
```
#c2bcdd
```
#c2bcdd rgb(194,188,221)
```

Similar Colors

Text with hexadecimal color #bcbedd

This text has a font color of #bcbedd.

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

#bcbedd background color

This paragraph has a background color of #bcbedd.

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

#bcbedd border color

This element has a border color of #bcbedd.

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

CSS codes

.text {color:#bcbedd;}

.background {background-color:#bcbedd;}

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

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

#06060b
```
#06060b rgb(6,6,11)
```
#0c0d18
```
#0c0d18 rgb(12,13,24)
```
#131425
```
#131425 rgb(19,20,37)
```
#191b32
```
#191b32 rgb(25,27,50)
```
#20223f
```
#20223f rgb(32,34,63)
```
#27294c
```
#27294c rgb(39,41,76)
```
#2d3059
```
#2d3059 rgb(45,48,89)
```
#343766
```
#343766 rgb(52,55,102)
```
#3a3e73
```
#3a3e73 rgb(58,62,115)
```
#414580
```
#414580 rgb(65,69,128)
```
#484c8d
```
#484c8d rgb(72,76,141)
```
#4e539a
```
#4e539a rgb(78,83,154)
```
#555aa7
```
#555aa7 rgb(85,90,167)
```

Shade Color Variation

#6166af
```
#6166af rgb(97,102,175)
```
#6e72b5
```
#6e72b5 rgb(110,114,181)
```
#7b7fbc
```
#7b7fbc rgb(123,127,188)
```
#888cc3
```
#888cc3 rgb(136,140,195)
```
#9598c9
```
#9598c9 rgb(149,152,201)
```
#a2a5d0
```
#a2a5d0 rgb(162,165,208)
```
#afb1d6
```
#afb1d6 rgb(175,177,214)
```
#bcbedd
```
#bcbedd rgb(188,190,221)
```
#c9cbe4
```
#c9cbe4 rgb(201,203,228)
```
#d6d7ea
```
#d6d7ea rgb(214,215,234)
```
#e3e4f1
```
#e3e4f1 rgb(227,228,241)
```
#f0f0f7
```
#f0f0f7 rgb(240,240,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 #9da3fc is the most saturated one.

#cccccd
```
#cccccd rgb(204,204,205)
```
#c8c8d1
```
#c8c8d1 rgb(200,200,209)
```
#c4c5d5
```
#c4c5d5 rgb(196,197,213)
```
#c0c1d9
```
#c0c1d9 rgb(192,193,217)
```
#bcbedd
```
#bcbedd rgb(188,190,221)
```
#b8bbe1
```
#b8bbe1 rgb(184,187,225)
```
#b4b7e5
```
#b4b7e5 rgb(180,183,229)
```
#b0b4e9
```
#b0b4e9 rgb(176,180,233)
```
#acb0ed
```
#acb0ed rgb(172,176,237)
```
#a9adf0
```
#a9adf0 rgb(169,173,240)
```
#a5aaf4
```
#a5aaf4 rgb(165,170,244)
```
#a1a6f8
```
#a1a6f8 rgb(161,166,248)
```
#9da3fc
```
#9da3fc rgb(157,163,252)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c0c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc1df Protanopia 1% of men
#c7bedf Deuteranopia 1% of men
#bcc3d1 Tritanopia 0.001% of the population

Trichromacy

#bdc0de Protanomaly 1% of men, 0.01% of women
#c3bede Deuteranomaly 6% of men, 0.4% of women
#bcc1d5 Tritanomaly 0.01% of the population

#bcbedd hex color

#bcbedd Color Information

#bcbedd Color Conversion

Color Schemes with #bcbedd

Alternatives to #bcbedd

#bcbedd Preview

Shades and Tints of #bcbedd

Tones of #bcbedd

Color Blindness Simulator