#bdbdc4 hex color

In a RGB color space, hex #bdbdc4 is composed of 74.1% red, 74.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 3.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 240 degrees, a saturation of 5.6% and a lightness of 75.5%. #bdbdc4 color hex could be obtained by blending #ffffff with #7b7b89. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 74
- B 77
RGB color chart
- C 4
- M 4
- Y 0
- K 23
CMYK color chart

● #bdbdc4 color description : Grayish blue.

The hexadecimal color #bdbdc4 has RGB values of R:189, G:189, B:196 and CMYK values of C:0.04, M:0.04, Y:0, K:0.23. Its decimal value is 12434884.

Hex triplet	bdbdc4	`#bdbdc4`
RGB Decimal	189, 189, 196	`rgb(189,189,196)`
RGB Percent	74.1, 74.1, 76.9	`rgb(74.1%,74.1%,76.9%)`
CMYK	4, 4, 0, 23
HSL	240°, 5.6, 75.5	`hsl(240,5.6%,75.5%)`
HSV (or HSB)	240°, 3.6, 76.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.8, 1.317, -3.526
XYZ	49.146, 51.199, 59.515
xyY	0.307, 0.32, 51.199
CIE-LCH	76.8, 3.764, 290.483
CIE-LUV	76.8, -0.403, -5.534
Hunter-Lab	71.554, -2.619, 0.773
Binary	10111101, 10111101, 11000100

#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#c4c4bd
```
#c4c4bd rgb(196,196,189)
```

Complementary Color

#bdc1c4
```
#bdc1c4 rgb(189,193,196)
```
#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#c1bdc4
```
#c1bdc4 rgb(193,189,196)
```

Analogous Color

#c1c4bd
```
#c1c4bd rgb(193,196,189)
```
#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#c4c1bd
```
#c4c1bd rgb(196,193,189)
```

Split Complementary Color

#bdc4bd
```
#bdc4bd rgb(189,196,189)
```
#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#c4bdbd
```
#c4bdbd rgb(196,189,189)
```

Triadic Color

#bdc4c4
```
#bdc4c4 rgb(189,196,196)
```
#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#c4bdbd
```
#c4bdbd rgb(196,189,189)
```
#c4c4bd
```
#c4c4bd rgb(196,196,189)
```

Tetradic Color

#9595a0
```
#9595a0 rgb(149,149,160)
```
#a2a2ac
```
#a2a2ac rgb(162,162,172)
```
#b0b0b8
```
#b0b0b8 rgb(176,176,184)
```
#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#cacad0
```
#cacad0 rgb(202,202,208)
```
#d8d8dc
```
#d8d8dc rgb(216,216,220)
```
#e5e5e8
```
#e5e5e8 rgb(229,229,232)
```

Monochromatic Color

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

#bdbfc4
```
#bdbfc4 rgb(189,191,196)
```
#bdbec4
```
#bdbec4 rgb(189,190,196)
```
#bdbec4
```
#bdbec4 rgb(189,190,196)
```
#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#bebdc4
```
#bebdc4 rgb(190,189,196)
```
#bebdc4
```
#bebdc4 rgb(190,189,196)
```
#bfbdc4
```
#bfbdc4 rgb(191,189,196)
```

Similar Colors

Text with hexadecimal color #bdbdc4

This text has a font color of #bdbdc4.

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

#bdbdc4 background color

This paragraph has a background color of #bdbdc4.

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

#bdbdc4 border color

This element has a border color of #bdbdc4.

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

CSS codes

.text {color:#bdbdc4;}

.background {background-color:#bdbdc4;}

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

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

#060606
```
#060606 rgb(6,6,6)
```
#0f0f11
```
#0f0f11 rgb(15,15,17)
```
#18181b
```
#18181b rgb(24,24,27)
```
#222226
```
#222226 rgb(34,34,38)
```
#2b2b30
```
#2b2b30 rgb(43,43,48)
```
#34343a
```
#34343a rgb(52,52,58)
```
#3d3d45
```
#3d3d45 rgb(61,61,69)
```
#47474f
```
#47474f rgb(71,71,79)
```
#505059
```
#505059 rgb(80,80,89)
```
#595964
```
#595964 rgb(89,89,100)
```
#62626e
```
#62626e rgb(98,98,110)
```
#6c6c78
```
#6c6c78 rgb(108,108,120)
```
#757583
```
#757583 rgb(117,117,131)
```

Shade Color Variation

#7f7f8c
```
#7f7f8c rgb(127,127,140)
```
#898996
```
#898996 rgb(137,137,150)
```
#94949f
```
#94949f rgb(148,148,159)
```
#9e9ea8
```
#9e9ea8 rgb(158,158,168)
```
#a8a8b1
```
#a8a8b1 rgb(168,168,177)
```
#b3b3bb
```
#b3b3bb rgb(179,179,187)
```
#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#c7c7cd
```
#c7c7cd rgb(199,199,205)
```
#d2d2d7
```
#d2d2d7 rgb(210,210,215)
```
#dcdce0
```
#dcdce0 rgb(220,220,224)
```
#e6e6e9
```
#e6e6e9 rgb(230,230,233)
```
#f1f1f2
```
#f1f1f2 rgb(241,241,242)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#bdbdc4
```
#bdbdc4 rgb(189,189,196)
```
#b8b8c9
```
#b8b8c9 rgb(184,184,201)
```
#b3b3ce
```
#b3b3ce rgb(179,179,206)
```
#afafd2
```
#afafd2 rgb(175,175,210)
```
#aaaad7
```
#aaaad7 rgb(170,170,215)
```
#a5a5dc
```
#a5a5dc rgb(165,165,220)
```
#a0a0e1
```
#a0a0e1 rgb(160,160,225)
```
#9b9be6
```
#9b9be6 rgb(155,155,230)
```
#9797ea
```
#9797ea rgb(151,151,234)
```
#9292ef
```
#9292ef rgb(146,146,239)
```
#8d8df4
```
#8d8df4 rgb(141,141,244)
```
#8888f9
```
#8888f9 rgb(136,136,249)
```
#8383fe
```
#8383fe rgb(131,131,254)
```

Tone Color Variation

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

Dichromacy

#c2bfc6 Protanopia 1% of men
#cfbbc8 Deuteranopia 1% of men
#c1bfcd Tritanopia 0.001% of the population

Trichromacy

#c0bec5 Protanomaly 1% of men, 0.01% of women
#c8bcc6 Deuteranomaly 6% of men, 0.4% of women
#bfbec9 Tritanomaly 0.01% of the population

#bdbdc4 hex color

#bdbdc4 Color Information

#bdbdc4 Color Conversion

Color Schemes with #bdbdc4

Alternatives to #bdbdc4

#bdbdc4 Preview

Shades and Tints of #bdbdc4

Tones of #bdbdc4

Color Blindness Simulator