#bdbbd3 hex color

In a RGB color space, hex #bdbbd3 is composed of 74.1% red, 73.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 11.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 245 degrees, a saturation of 21.4% and a lightness of 78%. #bdbbd3 color hex could be obtained by blending #ffffff with #7b77a7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 73
- B 83
RGB color chart
- C 10
- M 11
- Y 0
- K 17
CMYK color chart

● #bdbbd3 color description : Grayish blue.

The hexadecimal color #bdbbd3 has RGB values of R:189, G:187, B:211 and CMYK values of C:0.1, M:0.11, Y:0, K:0.17. Its decimal value is 12434387.

Hex triplet	bdbbd3	`#bdbbd3`
RGB Decimal	189, 187, 211	`rgb(189,187,211)`
RGB Percent	74.1, 73.3, 82.7	`rgb(74.1%,73.3%,82.7%)`
CMYK	10, 11, 0, 17
HSL	245°, 21.4, 78	`hsl(245,21.4%,78%)`
HSV (or HSB)	245°, 11.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.717, 5.36, -11.781
XYZ	50.512, 51.062, 68.819
xyY	0.296, 0.3, 51.062
CIE-LCH	76.717, 12.943, 294.462
CIE-LUV	76.717, -0.314, -19.015
Hunter-Lab	71.458, 1.127, -7.08
Binary	10111101, 10111011, 11010011

#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#d1d3bb
```
#d1d3bb rgb(209,211,187)
```

Complementary Color

#bbc5d3
```
#bbc5d3 rgb(187,197,211)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#c9bbd3
```
#c9bbd3 rgb(201,187,211)
```

Analogous Color

#c5d3bb
```
#c5d3bb rgb(197,211,187)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#d3c9bb
```
#d3c9bb rgb(211,201,187)
```

Split Complementary Color

#bbd3bd
```
#bbd3bd rgb(187,211,189)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#d3bdbb
```
#d3bdbb rgb(211,189,187)
```

Triadic Color

#bbd1d3
```
#bbd1d3 rgb(187,209,211)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#d3bdbb
```
#d3bdbb rgb(211,189,187)
```
#d1d3bb
```
#d1d3bb rgb(209,211,187)
```

Tetradic Color

#908db5
```
#908db5 rgb(144,141,181)
```
#9f9cbf
```
#9f9cbf rgb(159,156,191)
```
#aeacc9
```
#aeacc9 rgb(174,172,201)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#cccadd
```
#cccadd rgb(204,202,221)
```
#dbdae7
```
#dbdae7 rgb(219,218,231)
```
#eae9f1
```
#eae9f1 rgb(234,233,241)
```

Monochromatic Color

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

#bbbfd3
```
#bbbfd3 rgb(187,191,211)
```
#bbbdd3
```
#bbbdd3 rgb(187,189,211)
```
#bbbbd3
```
#bbbbd3 rgb(187,187,211)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#bfbbd3
```
#bfbbd3 rgb(191,187,211)
```
#c1bbd3
```
#c1bbd3 rgb(193,187,211)
```
#c3bbd3
```
#c3bbd3 rgb(195,187,211)
```

Similar Colors

Text with hexadecimal color #bdbbd3

This text has a font color of #bdbbd3.

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

#bdbbd3 background color

This paragraph has a background color of #bdbbd3.

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

#bdbbd3 border color

This element has a border color of #bdbbd3.

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

CSS codes

.text {color:#bdbbd3;}

.background {background-color:#bdbbd3;}

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

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, #020203 is the darkest color, while #f7f7fa is the lightest one.

#020203
```
#020203 rgb(2,2,3)
```
#0a0a0f
```
#0a0a0f rgb(10,10,15)
```
#12121b
```
#12121b rgb(18,18,27)
```
#1b1927
```
#1b1927 rgb(27,25,39)
```
#232133
```
#232133 rgb(35,33,51)
```
#2b293f
```
#2b293f rgb(43,41,63)
```
#33304b
```
#33304b rgb(51,48,75)
```
#3b3857
```
#3b3857 rgb(59,56,87)
```
#434063
```
#434063 rgb(67,64,99)
```
#4b486f
```
#4b486f rgb(75,72,111)
```
#534f7b
```
#534f7b rgb(83,79,123)
```
#5b5786
```
#5b5786 rgb(91,87,134)
```
#635f92
```
#635f92 rgb(99,95,146)
```

Shade Color Variation

#6c689d
```
#6c689d rgb(108,104,157)
```
#7874a5
```
#7874a5 rgb(120,116,165)
```
#837fac
```
#837fac rgb(131,127,172)
```
#8f8bb4
```
#8f8bb4 rgb(143,139,180)
```
#9a97bc
```
#9a97bc rgb(154,151,188)
```
#a6a3c4
```
#a6a3c4 rgb(166,163,196)
```
#b1afcb
```
#b1afcb rgb(177,175,203)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#c9c7db
```
#c9c7db rgb(201,199,219)
```
#d4d3e2
```
#d4d3e2 rgb(212,211,226)
```
#e0dfea
```
#e0dfea rgb(224,223,234)
```
#ebebf2
```
#ebebf2 rgb(235,235,242)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

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

#c4c4ca
```
#c4c4ca rgb(196,196,202)
```
#c1bfcf
```
#c1bfcf rgb(193,191,207)
```
#bdbbd3
```
#bdbbd3 rgb(189,187,211)
```
#b9b7d7
```
#b9b7d7 rgb(185,183,215)
```
#b6b2dc
```
#b6b2dc rgb(182,178,220)
```
#b2aee0
```
#b2aee0 rgb(178,174,224)
```
#afaae4
```
#afaae4 rgb(175,170,228)
```
#aba5e9
```
#aba5e9 rgb(171,165,233)
```
#a7a1ed
```
#a7a1ed rgb(167,161,237)
```
#a49df1
```
#a49df1 rgb(164,157,241)
```
#a099f5
```
#a099f5 rgb(160,153,245)
```
#9d94fa
```
#9d94fa rgb(157,148,250)
```
#9990fe
```
#9990fe rgb(153,144,254)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bebdc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbfd5 Protanopia 1% of men
#c8bcd6 Deuteranopia 1% of men
#bebfcd Tritanopia 0.001% of the population

Trichromacy

#bdbdd4 Protanomaly 1% of men, 0.01% of women
#c4bbd4 Deuteranomaly 6% of men, 0.4% of women
#bebecf Tritanomaly 0.01% of the population

#bdbbd3 hex color

#bdbbd3 Color Information

#bdbbd3 Color Conversion

Color Schemes with #bdbbd3

Alternatives to #bdbbd3

#bdbbd3 Preview

Shades and Tints of #bdbbd3

Tones of #bdbbd3

Color Blindness Simulator