#bdccdc hex color

In a RGB color space, hex #bdccdc is composed of 74.1% red, 80% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 7.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 211 degrees, a saturation of 30.7% and a lightness of 80.2%. #bdccdc color hex could be obtained by blending #ffffff with #7b99b9. Closest websafe color is: #cccccc.

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

● #bdccdc color description : Light grayish blue.

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

Hex triplet	bdccdc	`#bdccdc`
RGB Decimal	189, 204, 220	`rgb(189,204,220)`
RGB Percent	74.1, 80, 86.3	`rgb(74.1%,80%,86.3%)`
CMYK	14, 7, 0, 14
HSL	211°, 30.7, 80.2	`hsl(211,30.7%,80.2%)`
HSV (or HSB)	211°, 14.1, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.386, -1.863, -9.663
XYZ	55.495, 59.171, 76.204
xyY	0.291, 0.31, 59.171
CIE-LCH	81.386, 9.841, 259.086
CIE-LUV	81.386, -8.871, -14.625
Hunter-Lab	76.923, -5.839, -4.89
Binary	10111101, 11001100, 11011100

#bdccdc
```
#bdccdc rgb(189,204,220)
```
#dccdbd
```
#dccdbd rgb(220,205,189)
```

Complementary Color

#bddcdc
```
#bddcdc rgb(189,220,220)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#bebddc
```
#bebddc rgb(190,189,220)
```

Analogous Color

#dcdcbd
```
#dcdcbd rgb(220,220,189)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#dcbebd
```
#dcbebd rgb(220,190,189)
```

Split Complementary Color

#ccdcbd
```
#ccdcbd rgb(204,220,189)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#dcbdcc
```
#dcbdcc rgb(220,189,204)
```

Triadic Color

#bddccd
```
#bddccd rgb(189,220,205)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#dcbdcc
```
#dcbdcc rgb(220,189,204)
```
#dccdbd
```
#dccdbd rgb(220,205,189)
```

Tetradic Color

#8ba5c1
```
#8ba5c1 rgb(139,165,193)
```
#9cb2ca
```
#9cb2ca rgb(156,178,202)
```
#acbfd3
```
#acbfd3 rgb(172,191,211)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#ced9e5
```
#ced9e5 rgb(206,217,229)
```
#dee6ee
```
#dee6ee rgb(222,230,238)
```
#eff3f7
```
#eff3f7 rgb(239,243,247)
```

Monochromatic Color

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

#bdd4dc
```
#bdd4dc rgb(189,212,220)
```
#bdd1dc
```
#bdd1dc rgb(189,209,220)
```
#bdcfdc
```
#bdcfdc rgb(189,207,220)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#bdc9dc
```
#bdc9dc rgb(189,201,220)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#bdc4dc
```
#bdc4dc rgb(189,196,220)
```

Similar Colors

Text with hexadecimal color #bdccdc

This text has a font color of #bdccdc.

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

#bdccdc background color

This paragraph has a background color of #bdccdc.

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

#bdccdc border color

This element has a border color of #bdccdc.

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

CSS codes

.text {color:#bdccdc;}

.background {background-color:#bdccdc;}

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

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, #06080b is the darkest color, while #fdfefe is the lightest one.

#06080b
```
#06080b rgb(6,8,11)
```
#0d1218
```
#0d1218 rgb(13,18,24)
```
#131c25
```
#131c25 rgb(19,28,37)
```
#1a2531
```
#1a2531 rgb(26,37,49)
```
#212f3e
```
#212f3e rgb(33,47,62)
```
#28394b
```
#28394b rgb(40,57,75)
```
#2f4358
```
#2f4358 rgb(47,67,88)
```
#354c65
```
#354c65 rgb(53,76,101)
```
#3c5671
```
#3c5671 rgb(60,86,113)
```
#43607e
```
#43607e rgb(67,96,126)
```
#4a698b
```
#4a698b rgb(74,105,139)
```
#517398
```
#517398 rgb(81,115,152)
```
#577da5
```
#577da5 rgb(87,125,165)
```

Shade Color Variation

#6387ac
```
#6387ac rgb(99,135,172)
```
#7091b3
```
#7091b3 rgb(112,145,179)
```
#7d9aba
```
#7d9aba rgb(125,154,186)
```
#8aa4c1
```
#8aa4c1 rgb(138,164,193)
```
#97aec8
```
#97aec8 rgb(151,174,200)
```
#a3b8ce
```
#a3b8ce rgb(163,184,206)
```
#b0c2d5
```
#b0c2d5 rgb(176,194,213)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#cad6e3
```
#cad6e3 rgb(202,214,227)
```
#d7e0ea
```
#d7e0ea rgb(215,224,234)
```
#e3eaf0
```
#e3eaf0 rgb(227,234,240)
```
#f0f4f7
```
#f0f4f7 rgb(240,244,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#c9ccd0
```
#c9ccd0 rgb(201,204,208)
```
#c5ccd4
```
#c5ccd4 rgb(197,204,212)
```
#c1ccd8
```
#c1ccd8 rgb(193,204,216)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#b9cce0
```
#b9cce0 rgb(185,204,224)
```
#b5cce4
```
#b5cce4 rgb(181,204,228)
```
#b1cce8
```
#b1cce8 rgb(177,204,232)
```
#adcbec
```
#adcbec rgb(173,203,236)
```
#aacbef
```
#aacbef rgb(170,203,239)
```
#a6cbf3
```
#a6cbf3 rgb(166,203,243)
```
#a2cbf7
```
#a2cbf7 rgb(162,203,247)
```
#9ecbfb
```
#9ecbfb rgb(158,203,251)
```
#9acbff
```
#9acbff rgb(154,203,255)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c7cacd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcbdc Protanopia 1% of men
#d6c7e0 Deuteranopia 1% of men
#c0cedd Tritanopia 0.001% of the population

Trichromacy

#c6cbdc Protanomaly 1% of men, 0.01% of women
#cdc9de Deuteranomaly 6% of men, 0.4% of women
#bfcddc Tritanomaly 0.01% of the population

#bdccdc hex color

#bdccdc Color Information

#bdccdc Color Conversion

Color Schemes with #bdccdc

Alternatives to #bdccdc

#bdccdc Preview

Shades and Tints of #bdccdc

Tones of #bdccdc

Color Blindness Simulator