#bcbddd hex color

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

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

● #bcbddd color description : Light grayish blue.

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

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

CIE-LAB	77.464, 6.039, -16.08
XYZ	51.985, 52.307, 75.76
xyY	0.289, 0.291, 52.307
CIE-LCH	77.464, 17.176, 290.584
CIE-LUV	77.464, -2.398, -26.018
Hunter-Lab	72.323, 1.738, -11.481
Binary	10111100, 10111101, 11011101

#bcbddd
```
#bcbddd rgb(188,189,221)
```
#dddcbc
```
#dddcbc rgb(221,220,188)
```

Complementary Color

#bccedd
```
#bccedd rgb(188,206,221)
```
#bcbddd
```
#bcbddd rgb(188,189,221)
```
#ccbcdd
```
#ccbcdd rgb(204,188,221)
```

Analogous Color

#ceddbc
```
#ceddbc rgb(206,221,188)
```
#bcbddd
```
#bcbddd rgb(188,189,221)
```
#ddccbc
```
#ddccbc rgb(221,204,188)
```

Split Complementary Color

#bdddbc
```
#bdddbc rgb(189,221,188)
```
#bcbddd
```
#bcbddd rgb(188,189,221)
```
#ddbcbd
```
#ddbcbd rgb(221,188,189)
```

Triadic Color

#bcdddc
```
#bcdddc rgb(188,221,220)
```
#bcbddd
```
#bcbddd rgb(188,189,221)
```
#ddbcbd
```
#ddbcbd rgb(221,188,189)
```
#dddcbc
```
#dddcbc rgb(221,220,188)
```

Tetradic Color

#898bc3
```
#898bc3 rgb(137,139,195)
```
#9a9ccc
```
#9a9ccc rgb(154,156,204)
```
#abacd4
```
#abacd4 rgb(171,172,212)
```
#bcbddd
```
#bcbddd rgb(188,189,221)
```
#cdcee6
```
#cdcee6 rgb(205,206,230)
```
#dedeee
```
#dedeee rgb(222,222,238)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```

Monochromatic Color

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

#bcc5dd
```
#bcc5dd rgb(188,197,221)
```
#bcc3dd
```
#bcc3dd rgb(188,195,221)
```
#bcc0dd
```
#bcc0dd rgb(188,192,221)
```
#bcbddd
```
#bcbddd rgb(188,189,221)
```
#bebcdd
```
#bebcdd rgb(190,188,221)
```
#c1bcdd
```
#c1bcdd rgb(193,188,221)
```
#c3bcdd
```
#c3bcdd rgb(195,188,221)
```

Similar Colors

Text with hexadecimal color #bcbddd

This text has a font color of #bcbddd.

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

#bcbddd background color

This paragraph has a background color of #bcbddd.

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

#bcbddd border color

This element has a border color of #bcbddd.

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

CSS codes

.text {color:#bcbddd;}

.background {background-color:#bcbddd;}

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

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)
```
#131325
```
#131325 rgb(19,19,37)
```
#191a32
```
#191a32 rgb(25,26,50)
```
#20213f
```
#20213f rgb(32,33,63)
```
#27284c
```
#27284c rgb(39,40,76)
```
#2d2f59
```
#2d2f59 rgb(45,47,89)
```
#343566
```
#343566 rgb(52,53,102)
```
#3a3c73
```
#3a3c73 rgb(58,60,115)
```
#414380
```
#414380 rgb(65,67,128)
```
#484a8d
```
#484a8d rgb(72,74,141)
```
#4e519a
```
#4e519a rgb(78,81,154)
```
#5557a7
```
#5557a7 rgb(85,87,167)
```

Shade Color Variation

#6163af
```
#6163af rgb(97,99,175)
```
#6e70b5
```
#6e70b5 rgb(110,112,181)
```
#7b7dbc
```
#7b7dbc rgb(123,125,188)
```
#888ac3
```
#888ac3 rgb(136,138,195)
```
#9597c9
```
#9597c9 rgb(149,151,201)
```
#a2a3d0
```
#a2a3d0 rgb(162,163,208)
```
#afb0d6
```
#afb0d6 rgb(175,176,214)
```
#bcbddd
```
#bcbddd rgb(188,189,221)
```
#c9cae4
```
#c9cae4 rgb(201,202,228)
```
#d6d7ea
```
#d6d7ea rgb(214,215,234)
```
#e3e3f1
```
#e3e3f1 rgb(227,227,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 #9da0fc is the most saturated one.

#cccccd
```
#cccccd rgb(204,204,205)
```
#c8c8d1
```
#c8c8d1 rgb(200,200,209)
```
#c4c4d5
```
#c4c4d5 rgb(196,196,213)
```
#c0c1d9
```
#c0c1d9 rgb(192,193,217)
```
#bcbddd
```
#bcbddd rgb(188,189,221)
```
#b8b9e1
```
#b8b9e1 rgb(184,185,225)
```
#b4b6e5
```
#b4b6e5 rgb(180,182,229)
```
#b0b2e9
```
#b0b2e9 rgb(176,178,233)
```
#acaeed
```
#acaeed rgb(172,174,237)
```
#a9abf0
```
#a9abf0 rgb(169,171,240)
```
#a5a7f4
```
#a5a7f4 rgb(165,167,244)
```
#a1a3f8
```
#a1a3f8 rgb(161,163,248)
```
#9da0fc
```
#9da0fc rgb(157,160,252)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bfbfc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc1df Protanopia 1% of men
#c6bedf Deuteranopia 1% of men
#bcc2d0 Tritanopia 0.001% of the population

Trichromacy

#bcbfde Protanomaly 1% of men, 0.01% of women
#c2bdde Deuteranomaly 6% of men, 0.4% of women
#bcc0d5 Tritanomaly 0.01% of the population

#bcbddd hex color

#bcbddd Color Information

#bcbddd Color Conversion

Color Schemes with #bcbddd

Alternatives to #bcbddd

#bcbddd Preview

Shades and Tints of #bcbddd

Tones of #bcbddd

Color Blindness Simulator