#bdbdcc hex color

In a RGB color space, hex #bdbdcc is composed of 74.1% red, 74.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 7.4% magenta, 0% yellow and 20% black. It has a hue angle of 240 degrees, a saturation of 12.8% and a lightness of 77.1%. #bdbdcc color hex could be obtained by blending #ffffff with #7b7b99. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 74
- B 80
RGB color chart
- C 7
- M 7
- Y 0
- K 20
CMYK color chart

● #bdbdcc color description : Grayish blue.

The hexadecimal color #bdbdcc has RGB values of R:189, G:189, B:204 and CMYK values of C:0.07, M:0.07, Y:0, K:0.2. Its decimal value is 12434892.

Hex triplet	bdbdcc	`#bdbdcc`
RGB Decimal	189, 189, 204	`rgb(189,189,204)`
RGB Percent	74.1, 74.1, 80	`rgb(74.1%,74.1%,80%)`
CMYK	7, 7, 0, 20
HSL	240°, 12.8, 77.1	`hsl(240,12.8%,77.1%)`
HSV (or HSB)	240°, 7.4, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.025, 2.875, -7.529
XYZ	50.081, 51.573, 64.44
xyY	0.302, 0.311, 51.573
CIE-LCH	77.025, 8.059, 290.898
CIE-LUV	77.025, -0.866, -11.951
Hunter-Lab	71.815, -1.196, -2.931
Binary	10111101, 10111101, 11001100

#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#ccccbd
```
#ccccbd rgb(204,204,189)
```

Complementary Color

#bdc5cc
```
#bdc5cc rgb(189,197,204)
```
#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#c5bdcc
```
#c5bdcc rgb(197,189,204)
```

Analogous Color

#c5ccbd
```
#c5ccbd rgb(197,204,189)
```
#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#ccc5bd
```
#ccc5bd rgb(204,197,189)
```

Split Complementary Color

#bdccbd
```
#bdccbd rgb(189,204,189)
```
#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#ccbdbd
```
#ccbdbd rgb(204,189,189)
```

Triadic Color

#bdcccc
```
#bdcccc rgb(189,204,204)
```
#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#ccbdbd
```
#ccbdbd rgb(204,189,189)
```
#ccccbd
```
#ccccbd rgb(204,204,189)
```

Tetradic Color

#9292ab
```
#9292ab rgb(146,146,171)
```
#a0a0b6
```
#a0a0b6 rgb(160,160,182)
```
#afafc1
```
#afafc1 rgb(175,175,193)
```
#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#cbcbd7
```
#cbcbd7 rgb(203,203,215)
```
#dadae2
```
#dadae2 rgb(218,218,226)
```
#e8e8ed
```
#e8e8ed rgb(232,232,237)
```

Monochromatic Color

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

#bdc1cc
```
#bdc1cc rgb(189,193,204)
```
#bdc0cc
```
#bdc0cc rgb(189,192,204)
```
#bdbecc
```
#bdbecc rgb(189,190,204)
```
#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#bebdcc
```
#bebdcc rgb(190,189,204)
```
#c0bdcc
```
#c0bdcc rgb(192,189,204)
```
#c1bdcc
```
#c1bdcc rgb(193,189,204)
```

Similar Colors

Text with hexadecimal color #bdbdcc

This text has a font color of #bdbdcc.

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

#bdbdcc background color

This paragraph has a background color of #bdbdcc.

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

#bdbdcc border color

This element has a border color of #bdbdcc.

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

CSS codes

.text {color:#bdbdcc;}

.background {background-color:#bdbdcc;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#09090b
```
#09090b rgb(9,9,11)
```
#111117
```
#111117 rgb(17,17,23)
```
#1a1a22
```
#1a1a22 rgb(26,26,34)
```
#23232d
```
#23232d rgb(35,35,45)
```
#2b2b38
```
#2b2b38 rgb(43,43,56)
```
#343443
```
#343443 rgb(52,52,67)
```
#3c3c4e
```
#3c3c4e rgb(60,60,78)
```
#454559
```
#454559 rgb(69,69,89)
```
#4d4d64
```
#4d4d64 rgb(77,77,100)
```
#56566f
```
#56566f rgb(86,86,111)
```
#5e5e7a
```
#5e5e7a rgb(94,94,122)
```
#676785
```
#676785 rgb(103,103,133)
```

Shade Color Variation

#707090
```
#707090 rgb(112,112,144)
```
#7b7b99
```
#7b7b99 rgb(123,123,153)
```
#8686a1
```
#8686a1 rgb(134,134,161)
```
#9191aa
```
#9191aa rgb(145,145,170)
```
#9c9cb2
```
#9c9cb2 rgb(156,156,178)
```
#a7a7bb
```
#a7a7bb rgb(167,167,187)
```
#b2b2c3
```
#b2b2c3 rgb(178,178,195)
```
#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#c8c8d5
```
#c8c8d5 rgb(200,200,213)
```
#d3d3dd
```
#d3d3dd rgb(211,211,221)
```
#dedee6
```
#dedee6 rgb(222,222,230)
```
#e9e9ee
```
#e9e9ee rgb(233,233,238)
```
#f4f4f7
```
#f4f4f7 rgb(244,244,247)
```

Tint Color Variation

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

#c2c2c8
```
#c2c2c8 rgb(194,194,200)
```
#bdbdcc
```
#bdbdcc rgb(189,189,204)
```
#b9b9d1
```
#b9b9d1 rgb(185,185,209)
```
#b4b4d5
```
#b4b4d5 rgb(180,180,213)
```
#b0b0da
```
#b0b0da rgb(176,176,218)
```
#ababde
```
#ababde rgb(171,171,222)
```
#a7a7e3
```
#a7a7e3 rgb(167,167,227)
```
#a2a2e7
```
#a2a2e7 rgb(162,162,231)
```
#9e9eec
```
#9e9eec rgb(158,158,236)
```
#9999f0
```
#9999f0 rgb(153,153,240)
```
#9595f5
```
#9595f5 rgb(149,149,245)
```
#9090f9
```
#9090f9 rgb(144,144,249)
```
#8c8cfe
```
#8c8cfe rgb(140,140,254)
```

Tone Color Variation

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

Dichromacy

#c0c0ce Protanopia 1% of men
#ccbccf Deuteranopia 1% of men
#c0c0ce Tritanopia 0.001% of the population

Trichromacy

#bfbfcd Protanomaly 1% of men, 0.01% of women
#c6bcce Deuteranomaly 6% of men, 0.4% of women
#bfbfcd Tritanomaly 0.01% of the population

#bdbdcc hex color

#bdbdcc Color Information

#bdbdcc Color Conversion

Color Schemes with #bdbdcc

Alternatives to #bdbdcc

#bdbdcc Preview

Shades and Tints of #bdbdcc

Tones of #bdbdcc

Color Blindness Simulator