#bdbcdd hex color

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

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

● #bdbcdd color description : Light grayish blue.

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

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

CIE-LAB	77.284, 6.9, -16.343
XYZ	52.018, 52.005, 75.7
xyY	0.289, 0.289, 52.005
CIE-LCH	77.284, 17.74, 292.889
CIE-LUV	77.284, -1.403, -26.572
Hunter-Lab	72.115, 2.556, -11.757
Binary	10111101, 10111100, 11011101

#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#dcddbc
```
#dcddbc rgb(220,221,188)
```

Complementary Color

#bcccdd
```
#bcccdd rgb(188,204,221)
```
#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#cebcdd
```
#cebcdd rgb(206,188,221)
```

Analogous Color

#ccddbc
```
#ccddbc rgb(204,221,188)
```
#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#ddcebc
```
#ddcebc rgb(221,206,188)
```

Split Complementary Color

#bcddbd
```
#bcddbd rgb(188,221,189)
```
#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#ddbdbc
```
#ddbdbc rgb(221,189,188)
```

Triadic Color

#bcdcdd
```
#bcdcdd rgb(188,220,221)
```
#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#ddbdbc
```
#ddbdbc rgb(221,189,188)
```
#dcddbc
```
#dcddbc rgb(220,221,188)
```

Tetradic Color

#8b89c3
```
#8b89c3 rgb(139,137,195)
```
#9c9acc
```
#9c9acc rgb(156,154,204)
```
#acabd4
```
#acabd4 rgb(172,171,212)
```
#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#cecde6
```
#cecde6 rgb(206,205,230)
```
#dedeee
```
#dedeee rgb(222,222,238)
```
#efeff7
```
#efeff7 rgb(239,239,247)
```

Monochromatic Color

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

#bcc3dd
```
#bcc3dd rgb(188,195,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)
```
#c3bcdd
```
#c3bcdd rgb(195,188,221)
```
#c5bcdd
```
#c5bcdd rgb(197,188,221)
```

Similar Colors

Text with hexadecimal color #bdbcdd

This text has a font color of #bdbcdd.

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

#bdbcdd background color

This paragraph has a background color of #bdbcdd.

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

#bdbcdd border color

This element has a border color of #bdbcdd.

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

CSS codes

.text {color:#bdbcdd;}

.background {background-color:#bdbcdd;}

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

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)
```
#0d0c18
```
#0d0c18 rgb(13,12,24)
```
#131325
```
#131325 rgb(19,19,37)
```
#1a1932
```
#1a1932 rgb(26,25,50)
```
#21203f
```
#21203f rgb(33,32,63)
```
#28274c
```
#28274c rgb(40,39,76)
```
#2f2d59
```
#2f2d59 rgb(47,45,89)
```
#353466
```
#353466 rgb(53,52,102)
```
#3c3a73
```
#3c3a73 rgb(60,58,115)
```
#434180
```
#434180 rgb(67,65,128)
```
#4a488d
```
#4a488d rgb(74,72,141)
```
#514e9a
```
#514e9a rgb(81,78,154)
```
#5755a7
```
#5755a7 rgb(87,85,167)
```

Shade Color Variation

#6361af
```
#6361af rgb(99,97,175)
```
#706eb5
```
#706eb5 rgb(112,110,181)
```
#7d7bbc
```
#7d7bbc rgb(125,123,188)
```
#8a88c3
```
#8a88c3 rgb(138,136,195)
```
#9795c9
```
#9795c9 rgb(151,149,201)
```
#a3a2d0
```
#a3a2d0 rgb(163,162,208)
```
#b0afd6
```
#b0afd6 rgb(176,175,214)
```
#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#cac9e4
```
#cac9e4 rgb(202,201,228)
```
#d7d6ea
```
#d7d6ea rgb(215,214,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 #a09dfc is the most saturated one.

#cccccd
```
#cccccd rgb(204,204,205)
```
#c8c8d1
```
#c8c8d1 rgb(200,200,209)
```
#c4c4d5
```
#c4c4d5 rgb(196,196,213)
```
#c1c0d9
```
#c1c0d9 rgb(193,192,217)
```
#bdbcdd
```
#bdbcdd rgb(189,188,221)
```
#b9b8e1
```
#b9b8e1 rgb(185,184,225)
```
#b6b4e5
```
#b6b4e5 rgb(182,180,229)
```
#b2b0e9
```
#b2b0e9 rgb(178,176,233)
```
#aeaced
```
#aeaced rgb(174,172,237)
```
#aba9f0
```
#aba9f0 rgb(171,169,240)
```
#a7a5f4
```
#a7a5f4 rgb(167,165,244)
```
#a3a1f8
```
#a3a1f8 rgb(163,161,248)
```
#a09dfc
```
#a09dfc rgb(160,157,252)
```

Tone Color Variation

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

#bcc0df Protanopia 1% of men
#c5bddf Deuteranopia 1% of men
#bdc2d0 Tritanopia 0.001% of the population

Trichromacy

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

#bdbcdd hex color

#bdbcdd Color Information

#bdbcdd Color Conversion

Color Schemes with #bdbcdd

Alternatives to #bdbcdd

#bdbcdd Preview

Shades and Tints of #bdbcdd

Tones of #bdbcdd

Color Blindness Simulator