#bdbdd7 hex color

In a RGB color space, hex #bdbdd7 is composed of 74.1% red, 74.1% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 12.1% magenta, 0% yellow and 15.7% black. It has a hue angle of 240 degrees, a saturation of 24.5% and a lightness of 79.2%. #bdbdd7 color hex could be obtained by blending #ffffff with #7b7baf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 74
- B 84
RGB color chart
- C 12
- M 12
- Y 0
- K 16
CMYK color chart

● #bdbdd7 color description : Grayish blue.

The hexadecimal color #bdbdd7 has RGB values of R:189, G:189, B:215 and CMYK values of C:0.12, M:0.12, Y:0, K:0.16. Its decimal value is 12434903.

Hex triplet	bdbdd7	`#bdbdd7`
RGB Decimal	189, 189, 215	`rgb(189,189,215)`
RGB Percent	74.1, 74.1, 84.3	`rgb(74.1%,74.1%,84.3%)`
CMYK	12, 12, 0, 16
HSL	240°, 24.5, 79.2	`hsl(240,24.5%,79.2%)`
HSV (or HSB)	240°, 12.1, 84.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.353, 5.103, -12.996
XYZ	51.447, 52.12, 71.636
xyY	0.294, 0.297, 52.12
CIE-LCH	77.353, 13.962, 291.439
CIE-LUV	77.353, -1.514, -20.923
Hunter-Lab	72.194, 0.863, -8.296
Binary	10111101, 10111101, 11010111

#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#d7d7bd
```
#d7d7bd rgb(215,215,189)
```

Complementary Color

#bdcad7
```
#bdcad7 rgb(189,202,215)
```
#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#cabdd7
```
#cabdd7 rgb(202,189,215)
```

Analogous Color

#cad7bd
```
#cad7bd rgb(202,215,189)
```
#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#d7cabd
```
#d7cabd rgb(215,202,189)
```

Split Complementary Color

#bdd7bd
```
#bdd7bd rgb(189,215,189)
```
#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#d7bdbd
```
#d7bdbd rgb(215,189,189)
```

Triadic Color

#bdd7d7
```
#bdd7d7 rgb(189,215,215)
```
#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#d7bdbd
```
#d7bdbd rgb(215,189,189)
```
#d7d7bd
```
#d7d7bd rgb(215,215,189)
```

Tetradic Color

#8d8dba
```
#8d8dba rgb(141,141,186)
```
#9d9dc4
```
#9d9dc4 rgb(157,157,196)
```
#adadcd
```
#adadcd rgb(173,173,205)
```
#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#cdcde1
```
#cdcde1 rgb(205,205,225)
```
#ddddea
```
#ddddea rgb(221,221,234)
```
#ededf4
```
#ededf4 rgb(237,237,244)
```

Monochromatic Color

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

#bdc4d7
```
#bdc4d7 rgb(189,196,215)
```
#bdc1d7
```
#bdc1d7 rgb(189,193,215)
```
#bdbfd7
```
#bdbfd7 rgb(189,191,215)
```
#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#bfbdd7
```
#bfbdd7 rgb(191,189,215)
```
#c1bdd7
```
#c1bdd7 rgb(193,189,215)
```
#c4bdd7
```
#c4bdd7 rgb(196,189,215)
```

Similar Colors

Text with hexadecimal color #bdbdd7

This text has a font color of #bdbdd7.

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

#bdbdd7 background color

This paragraph has a background color of #bdbdd7.

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

#bdbdd7 border color

This element has a border color of #bdbdd7.

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

CSS codes

.text {color:#bdbdd7;}

.background {background-color:#bdbdd7;}

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0c0c13
```
#0c0c13 rgb(12,12,19)
```
#131320
```
#131320 rgb(19,19,32)
```
#1b1b2c
```
#1b1b2c rgb(27,27,44)
```
#222238
```
#222238 rgb(34,34,56)
```
#292944
```
#292944 rgb(41,41,68)
```
#313151
```
#313151 rgb(49,49,81)
```
#38385d
```
#38385d rgb(56,56,93)
```
#404069
```
#404069 rgb(64,64,105)
```
#474775
```
#474775 rgb(71,71,117)
```
#4e4e81
```
#4e4e81 rgb(78,78,129)
```
#56568e
```
#56568e rgb(86,86,142)
```
#5d5d9a
```
#5d5d9a rgb(93,93,154)
```

Shade Color Variation

#6868a3
```
#6868a3 rgb(104,104,163)
```
#7474ab
```
#7474ab rgb(116,116,171)
```
#8080b2
```
#8080b2 rgb(128,128,178)
```
#8c8cb9
```
#8c8cb9 rgb(140,140,185)
```
#9898c1
```
#9898c1 rgb(152,152,193)
```
#a5a5c8
```
#a5a5c8 rgb(165,165,200)
```
#b1b1d0
```
#b1b1d0 rgb(177,177,208)
```
#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#c9c9de
```
#c9c9de rgb(201,201,222)
```
#d5d5e6
```
#d5d5e6 rgb(213,213,230)
```
#e2e2ed
```
#e2e2ed rgb(226,226,237)
```
#eeeef5
```
#eeeef5 rgb(238,238,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#c9c9cb
```
#c9c9cb rgb(201,201,203)
```
#c5c5cf
```
#c5c5cf rgb(197,197,207)
```
#c1c1d3
```
#c1c1d3 rgb(193,193,211)
```
#bdbdd7
```
#bdbdd7 rgb(189,189,215)
```
#b9b9db
```
#b9b9db rgb(185,185,219)
```
#b5b5df
```
#b5b5df rgb(181,181,223)
```
#b1b1e3
```
#b1b1e3 rgb(177,177,227)
```
#adade7
```
#adade7 rgb(173,173,231)
```
#a9a9eb
```
#a9a9eb rgb(169,169,235)
```
#a5a5ef
```
#a5a5ef rgb(165,165,239)
```
#a0a0f4
```
#a0a0f4 rgb(160,160,244)
```
#9c9cf8
```
#9c9cf8 rgb(156,156,248)
```
#9898fc
```
#9898fc rgb(152,152,252)
```

Tone Color Variation

Below, you can see how #bdbdd7 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
#bfbfc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec1d9 Protanopia 1% of men
#c8bdd9 Deuteranopia 1% of men
#bec2cf Tritanopia 0.001% of the population

Trichromacy

#bdbfd8 Protanomaly 1% of men, 0.01% of women
#c4bdd8 Deuteranomaly 6% of men, 0.4% of women
#bec0d2 Tritanomaly 0.01% of the population

#bdbdd7 hex color

#bdbdd7 Color Information

#bdbdd7 Color Conversion

Color Schemes with #bdbdd7

Alternatives to #bdbdd7

#bdbdd7 Preview

Shades and Tints of #bdbdd7

Tones of #bdbdd7

Color Blindness Simulator