#bdbcd4 hex color

In a RGB color space, hex #bdbcd4 is composed of 74.1% red, 73.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 11.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 242.5 degrees, a saturation of 21.8% and a lightness of 78.4%. #bdbcd4 color hex could be obtained by blending #ffffff with #7b79a9. Closest websafe color is: #cccccc.

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

● #bdbcd4 color description : Grayish blue.

The hexadecimal color #bdbcd4 has RGB values of R:189, G:188, B:212 and CMYK values of C:0.11, M:0.11, Y:0, K:0.17. Its decimal value is 12434644.

Hex triplet	bdbcd4	`#bdbcd4`
RGB Decimal	189, 188, 212	`rgb(189,188,212)`
RGB Percent	74.1, 73.7, 83.1	`rgb(74.1%,73.7%,83.1%)`
CMYK	11, 11, 0, 17
HSL	242.5°, 21.8, 78.4	`hsl(242.5,21.8%,78.4%)`
HSV (or HSB)	242.5°, 11.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.004, 5.025, -11.894
XYZ	50.851, 51.539, 69.553
xyY	0.296, 0.3, 51.539
CIE-LCH	77.004, 12.911, 292.902
CIE-LUV	77.004, -0.856, -19.148
Hunter-Lab	71.79, 0.803, -7.189
Binary	10111101, 10111100, 11010100

#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#d3d4bc
```
#d3d4bc rgb(211,212,188)
```

Complementary Color

#bcc7d4
```
#bcc7d4 rgb(188,199,212)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#c9bcd4
```
#c9bcd4 rgb(201,188,212)
```

Analogous Color

#c7d4bc
```
#c7d4bc rgb(199,212,188)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#d4c9bc
```
#d4c9bc rgb(212,201,188)
```

Split Complementary Color

#bcd4bd
```
#bcd4bd rgb(188,212,189)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#d4bdbc
```
#d4bdbc rgb(212,189,188)
```

Triadic Color

#bcd3d4
```
#bcd3d4 rgb(188,211,212)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#d4bdbc
```
#d4bdbc rgb(212,189,188)
```
#d3d4bc
```
#d3d4bc rgb(211,212,188)
```

Tetradic Color

#8f8db6
```
#8f8db6 rgb(143,141,182)
```
#9e9dc0
```
#9e9dc0 rgb(158,157,192)
```
#aeacca
```
#aeacca rgb(174,172,202)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#ccccde
```
#ccccde rgb(204,204,222)
```
#dcdbe8
```
#dcdbe8 rgb(220,219,232)
```
#ebebf2
```
#ebebf2 rgb(235,235,242)
```

Monochromatic Color

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

#bcc1d4
```
#bcc1d4 rgb(188,193,212)
```
#bcbfd4
```
#bcbfd4 rgb(188,191,212)
```
#bcbdd4
```
#bcbdd4 rgb(188,189,212)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#bfbcd4
```
#bfbcd4 rgb(191,188,212)
```
#c1bcd4
```
#c1bcd4 rgb(193,188,212)
```
#c3bcd4
```
#c3bcd4 rgb(195,188,212)
```

Similar Colors

Text with hexadecimal color #bdbcd4

This text has a font color of #bdbcd4.

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

#bdbcd4 background color

This paragraph has a background color of #bdbcd4.

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

#bdbcd4 border color

This element has a border color of #bdbcd4.

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

CSS codes

.text {color:#bdbcd4;}

.background {background-color:#bdbcd4;}

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0b0b11
```
#0b0b11 rgb(11,11,17)
```
#13121d
```
#13121d rgb(19,18,29)
```
#1b1a29
```
#1b1a29 rgb(27,26,41)
```
#222234
```
#222234 rgb(34,34,52)
```
#2a2940
```
#2a2940 rgb(42,41,64)
```
#32314c
```
#32314c rgb(50,49,76)
```
#3a3958
```
#3a3958 rgb(58,57,88)
```
#424064
```
#424064 rgb(66,64,100)
```
#4a4870
```
#4a4870 rgb(74,72,112)
```
#52507c
```
#52507c rgb(82,80,124)
```
#595788
```
#595788 rgb(89,87,136)
```
#615f94
```
#615f94 rgb(97,95,148)
```

Shade Color Variation

#6b689e
```
#6b689e rgb(107,104,158)
```
#7674a6
```
#7674a6 rgb(118,116,166)
```
#8280ae
```
#8280ae rgb(130,128,174)
```
#8e8cb5
```
#8e8cb5 rgb(142,140,181)
```
#9a98bd
```
#9a98bd rgb(154,152,189)
```
#a5a4c5
```
#a5a4c5 rgb(165,164,197)
```
#b1b0cc
```
#b1b0cc rgb(177,176,204)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#c9c8dc
```
#c9c8dc rgb(201,200,220)
```
#d5d4e3
```
#d5d4e3 rgb(213,212,227)
```
#e0e0eb
```
#e0e0eb rgb(224,224,235)
```
#ececf3
```
#ececf3 rgb(236,236,243)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#c5c4cc
```
#c5c4cc rgb(197,196,204)
```
#c1c0d0
```
#c1c0d0 rgb(193,192,208)
```
#bdbcd4
```
#bdbcd4 rgb(189,188,212)
```
#b9b8d8
```
#b9b8d8 rgb(185,184,216)
```
#b5b4dc
```
#b5b4dc rgb(181,180,220)
```
#b1afe1
```
#b1afe1 rgb(177,175,225)
```
#adabe5
```
#adabe5 rgb(173,171,229)
```
#aaa7e9
```
#aaa7e9 rgb(170,167,233)
```
#a6a3ed
```
#a6a3ed rgb(166,163,237)
```
#a29ef2
```
#a29ef2 rgb(162,158,242)
```
#9e9af6
```
#9e9af6 rgb(158,154,246)
```
#9a96fa
```
#9a96fa rgb(154,150,250)
```
#9692fe
```
#9692fe rgb(150,146,254)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bfbec3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec0d6 Protanopia 1% of men
#c8bcd7 Deuteranopia 1% of men
#bec0ce Tritanopia 0.001% of the population

Trichromacy

#bdbed5 Protanomaly 1% of men, 0.01% of women
#c4bcd5 Deuteranomaly 6% of men, 0.4% of women
#bebfd0 Tritanomaly 0.01% of the population

#bdbcd4 hex color

#bdbcd4 Color Information

#bdbcd4 Color Conversion

Color Schemes with #bdbcd4

Alternatives to #bdbcd4

#bdbcd4 Preview

Shades and Tints of #bdbcd4

Tones of #bdbcd4

Color Blindness Simulator