#bcb7d1 hex color

In a RGB color space, hex #bcb7d1 is composed of 73.7% red, 71.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 12.4% magenta, 0% yellow and 18% black. It has a hue angle of 251.5 degrees, a saturation of 22% and a lightness of 76.9%. #bcb7d1 color hex could be obtained by blending #ffffff with #796fa3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 72
- B 82
RGB color chart
- C 10
- M 12
- Y 0
- K 18
CMYK color chart

● #bcb7d1 color description : Grayish blue.

The hexadecimal color #bcb7d1 has RGB values of R:188, G:183, B:209 and CMYK values of C:0.1, M:0.12, Y:0, K:0.18. Its decimal value is 12367825.

Hex triplet	bcb7d1	`#bcb7d1`
RGB Decimal	188, 183, 209	`rgb(188,183,209)`
RGB Percent	73.7, 71.8, 82	`rgb(73.7%,71.8%,82%)`
CMYK	10, 12, 0, 18
HSL	251.5°, 22, 76.9	`hsl(251.5,22%,76.9%)`
HSV (or HSB)	251.5°, 12.4, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.552, 6.786, -12.447
XYZ	49.179, 49.162, 67.216
xyY	0.297, 0.297, 49.162
CIE-LCH	75.552, 14.177, 298.6
CIE-LUV	75.552, 1.193, -20.254
Hunter-Lab	70.115, 2.498, -7.758
Binary	10111100, 10110111, 11010001

#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#ccd1b7
```
#ccd1b7 rgb(204,209,183)
```

Complementary Color

#b7bfd1
```
#b7bfd1 rgb(183,191,209)
```
#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#c9b7d1
```
#c9b7d1 rgb(201,183,209)
```

Analogous Color

#bfd1b7
```
#bfd1b7 rgb(191,209,183)
```
#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#d1c9b7
```
#d1c9b7 rgb(209,201,183)
```

Split Complementary Color

#b7d1bc
```
#b7d1bc rgb(183,209,188)
```
#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#d1bcb7
```
#d1bcb7 rgb(209,188,183)
```

Triadic Color

#b7ccd1
```
#b7ccd1 rgb(183,204,209)
```
#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#d1bcb7
```
#d1bcb7 rgb(209,188,183)
```
#ccd1b7
```
#ccd1b7 rgb(204,209,183)
```

Tetradic Color

#9188b3
```
#9188b3 rgb(145,136,179)
```
#9f98bd
```
#9f98bd rgb(159,152,189)
```
#aea7c7
```
#aea7c7 rgb(174,167,199)
```
#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#cac7db
```
#cac7db rgb(202,199,219)
```
#d9d6e5
```
#d9d6e5 rgb(217,214,229)
```
#e7e6ef
```
#e7e6ef rgb(231,230,239)
```

Monochromatic Color

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

#b7b9d1
```
#b7b9d1 rgb(183,185,209)
```
#b8b7d1
```
#b8b7d1 rgb(184,183,209)
```
#bab7d1
```
#bab7d1 rgb(186,183,209)
```
#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#beb7d1
```
#beb7d1 rgb(190,183,209)
```
#c0b7d1
```
#c0b7d1 rgb(192,183,209)
```
#c3b7d1
```
#c3b7d1 rgb(195,183,209)
```

Similar Colors

Text with hexadecimal color #bcb7d1

This text has a font color of #bcb7d1.

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

#bcb7d1 background color

This paragraph has a background color of #bcb7d1.

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

#bcb7d1 border color

This element has a border color of #bcb7d1.

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

CSS codes

.text {color:#bcb7d1;}

.background {background-color:#bcb7d1;}

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

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, #08080c is the darkest color, while #ffffff is the lightest one.

#08080c
```
#08080c rgb(8,8,12)
```
#110f18
```
#110f18 rgb(17,15,24)
```
#191724
```
#191724 rgb(25,23,36)
```
#221e30
```
#221e30 rgb(34,30,48)
```
#2a263c
```
#2a263c rgb(42,38,60)
```
#332e48
```
#332e48 rgb(51,46,72)
```
#3b3554
```
#3b3554 rgb(59,53,84)
```
#443d60
```
#443d60 rgb(68,61,96)
```
#4c456c
```
#4c456c rgb(76,69,108)
```
#554c77
```
#554c77 rgb(85,76,119)
```
#5d5483
```
#5d5483 rgb(93,84,131)
```
#665c8f
```
#665c8f rgb(102,92,143)
```
#6e639b
```
#6e639b rgb(110,99,155)
```

Shade Color Variation

#796fa3
```
#796fa3 rgb(121,111,163)
```
#847bab
```
#847bab rgb(132,123,171)
```
#8f87b2
```
#8f87b2 rgb(143,135,178)
```
#9b93ba
```
#9b93ba rgb(155,147,186)
```
#a69fc2
```
#a69fc2 rgb(166,159,194)
```
#b1abc9
```
#b1abc9 rgb(177,171,201)
```
#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#c7c3d9
```
#c7c3d9 rgb(199,195,217)
```
#d2cfe0
```
#d2cfe0 rgb(210,207,224)
```
#dddbe8
```
#dddbe8 rgb(221,219,232)
```
#e9e7f0
```
#e9e7f0 rgb(233,231,240)
```
#f4f3f7
```
#f4f3f7 rgb(244,243,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c2c0c8
```
#c2c0c8 rgb(194,192,200)
```
#bfbccc
```
#bfbccc rgb(191,188,204)
```
#bcb7d1
```
#bcb7d1 rgb(188,183,209)
```
#b9b2d6
```
#b9b2d6 rgb(185,178,214)
```
#b6aeda
```
#b6aeda rgb(182,174,218)
```
#b4a9df
```
#b4a9df rgb(180,169,223)
```
#b1a5e3
```
#b1a5e3 rgb(177,165,227)
```
#aea0e8
```
#aea0e8 rgb(174,160,232)
```
#ab9cec
```
#ab9cec rgb(171,156,236)
```
#a897f1
```
#a897f1 rgb(168,151,241)
```
#a693f5
```
#a693f5 rgb(166,147,245)
```
#a38efa
```
#a38efa rgb(163,142,250)
```
#a08afe
```
#a08afe rgb(160,138,254)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bbbabf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bcd4 Protanopia 1% of men
#c4b9d3 Deuteranopia 1% of men
#bdbcc9 Tritanopia 0.001% of the population

Trichromacy

#babad3 Protanomaly 1% of men, 0.01% of women
#c1b8d2 Deuteranomaly 6% of men, 0.4% of women
#bdbacc Tritanomaly 0.01% of the population

#bcb7d1 hex color

#bcb7d1 Color Information

#bcb7d1 Color Conversion

Color Schemes with #bcb7d1

Alternatives to #bcb7d1

#bcb7d1 Preview

Shades and Tints of #bcb7d1

Tones of #bcb7d1

Color Blindness Simulator