#bcbddc hex color

In a RGB color space, hex #bcbddc is composed of 73.7% red, 74.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 14.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 238.1 degrees, a saturation of 31.4% and a lightness of 80%. #bcbddc color hex could be obtained by blending #ffffff with #797bb9. Closest websafe color is: #cccccc.

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

● #bcbddc color description : Light grayish blue.

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

Hex triplet	bcbddc	`#bcbddc`
RGB Decimal	188, 189, 220	`rgb(188,189,220)`
RGB Percent	73.7, 74.1, 86.3	`rgb(73.7%,74.1%,86.3%)`
CMYK	15, 14, 0, 14
HSL	238.1°, 31.4, 80	`hsl(238.1,31.4%,80%)`
HSV (or HSB)	238.1°, 14.5, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.432, 5.827, -15.587
XYZ	51.852, 52.254, 75.06
xyY	0.289, 0.292, 52.254
CIE-LCH	77.432, 16.641, 290.497
CIE-LUV	77.432, -2.34, -25.19
Hunter-Lab	72.287, 1.54, -10.964
Binary	10111100, 10111101, 11011100

#bcbddc
```
#bcbddc rgb(188,189,220)
```
#dcdbbc
```
#dcdbbc rgb(220,219,188)
```

Complementary Color

#bccddc
```
#bccddc rgb(188,205,220)
```
#bcbddc
```
#bcbddc rgb(188,189,220)
```
#cbbcdc
```
#cbbcdc rgb(203,188,220)
```

Analogous Color

#cddcbc
```
#cddcbc rgb(205,220,188)
```
#bcbddc
```
#bcbddc rgb(188,189,220)
```
#dccbbc
```
#dccbbc rgb(220,203,188)
```

Split Complementary Color

#bddcbc
```
#bddcbc rgb(189,220,188)
```
#bcbddc
```
#bcbddc rgb(188,189,220)
```
#dcbcbd
```
#dcbcbd rgb(220,188,189)
```

Triadic Color

#bcdcdb
```
#bcdcdb rgb(188,220,219)
```
#bcbddc
```
#bcbddc rgb(188,189,220)
```
#dcbcbd
```
#dcbcbd rgb(220,188,189)
```
#dcdbbc
```
#dcdbbc rgb(220,219,188)
```

Tetradic Color

#8a8cc2
```
#8a8cc2 rgb(138,140,194)
```
#9b9ccb
```
#9b9ccb rgb(155,156,203)
```
#abadd3
```
#abadd3 rgb(171,173,211)
```
#bcbddc
```
#bcbddc rgb(188,189,220)
```
#cdcee5
```
#cdcee5 rgb(205,206,229)
```
#dedeee
```
#dedeee rgb(222,222,238)
```
#eeeff6
```
#eeeff6 rgb(238,239,246)
```

Monochromatic Color

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

#bcc5dc
```
#bcc5dc rgb(188,197,220)
```
#bcc2dc
```
#bcc2dc rgb(188,194,220)
```
#bcc0dc
```
#bcc0dc rgb(188,192,220)
```
#bcbddc
```
#bcbddc rgb(188,189,220)
```
#bebcdc
```
#bebcdc rgb(190,188,220)
```
#c0bcdc
```
#c0bcdc rgb(192,188,220)
```
#c3bcdc
```
#c3bcdc rgb(195,188,220)
```

Similar Colors

Text with hexadecimal color #bcbddc

This text has a font color of #bcbddc.

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

#bcbddc background color

This paragraph has a background color of #bcbddc.

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

#bcbddc border color

This element has a border color of #bcbddc.

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

CSS codes

.text {color:#bcbddc;}

.background {background-color:#bcbddc;}

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

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, #05060a is the darkest color, while #fcfcfe is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0c0c17
```
#0c0c17 rgb(12,12,23)
```
#131324
```
#131324 rgb(19,19,36)
```
#1a1a31
```
#1a1a31 rgb(26,26,49)
```
#20213e
```
#20213e rgb(32,33,62)
```
#27284b
```
#27284b rgb(39,40,75)
```
#2e2f58
```
#2e2f58 rgb(46,47,88)
```
#353665
```
#353665 rgb(53,54,101)
```
#3b3d71
```
#3b3d71 rgb(59,61,113)
```
#42447e
```
#42447e rgb(66,68,126)
```
#494b8b
```
#494b8b rgb(73,75,139)
```
#4f5298
```
#4f5298 rgb(79,82,152)
```
#5659a5
```
#5659a5 rgb(86,89,165)
```

Shade Color Variation

#6264ad
```
#6264ad rgb(98,100,173)
```
#6f71b4
```
#6f71b4 rgb(111,113,180)
```
#7c7eba
```
#7c7eba rgb(124,126,186)
```
#888ac1
```
#888ac1 rgb(136,138,193)
```
#9597c8
```
#9597c8 rgb(149,151,200)
```
#a2a4cf
```
#a2a4cf rgb(162,164,207)
```
#afb0d5
```
#afb0d5 rgb(175,176,213)
```
#bcbddc
```
#bcbddc rgb(188,189,220)
```
#c9cae3
```
#c9cae3 rgb(201,202,227)
```
#d6d6e9
```
#d6d6e9 rgb(214,214,233)
```
#e3e3f0
```
#e3e3f0 rgb(227,227,240)
```
#f0f0f7
```
#f0f0f7 rgb(240,240,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#cccccc
```
#cccccc rgb(204,204,204)
```
#c8c8d0
```
#c8c8d0 rgb(200,200,208)
```
#c4c4d4
```
#c4c4d4 rgb(196,196,212)
```
#c0c1d8
```
#c0c1d8 rgb(192,193,216)
```
#bcbddc
```
#bcbddc rgb(188,189,220)
```
#b8b9e0
```
#b8b9e0 rgb(184,185,224)
```
#b4b6e4
```
#b4b6e4 rgb(180,182,228)
```
#b0b2e8
```
#b0b2e8 rgb(176,178,232)
```
#acaeec
```
#acaeec rgb(172,174,236)
```
#a8abf0
```
#a8abf0 rgb(168,171,240)
```
#a4a7f4
```
#a4a7f4 rgb(164,167,244)
```
#a1a3f7
```
#a1a3f7 rgb(161,163,247)
```
#9da0fb
```
#9da0fb rgb(157,160,251)
```

Tone Color Variation

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

#bdc1de Protanopia 1% of men
#c6bede Deuteranopia 1% of men
#bcc2d0 Tritanopia 0.001% of the population

Trichromacy

#bcbfdd Protanomaly 1% of men, 0.01% of women
#c2bddd Deuteranomaly 6% of men, 0.4% of women
#bcc0d4 Tritanomaly 0.01% of the population

#bcbddc hex color

#bcbddc Color Information

#bcbddc Color Conversion

Color Schemes with #bcbddc

Alternatives to #bcbddc

#bcbddc Preview

Shades and Tints of #bcbddc

Tones of #bcbddc

Color Blindness Simulator