#bdccd5 hex color

In a RGB color space, hex #bdccd5 is composed of 74.1% red, 80% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 4.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 202.5 degrees, a saturation of 22.2% and a lightness of 78.8%. #bdccd5 color hex could be obtained by blending #ffffff with #7b99ab. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 80
- B 84
RGB color chart
- C 11
- M 4
- Y 0
- K 16
CMYK color chart

● #bdccd5 color description : Grayish blue.

The hexadecimal color #bdccd5 has RGB values of R:189, G:204, B:213 and CMYK values of C:0.11, M:0.04, Y:0, K:0.16. Its decimal value is 12438741.

Hex triplet	bdccd5	`#bdccd5`
RGB Decimal	189, 204, 213	`rgb(189,204,213)`
RGB Percent	74.1, 80, 83.5	`rgb(74.1%,80%,83.5%)`
CMYK	11, 4, 0, 16
HSL	202.5°, 22.2, 78.8	`hsl(202.5,22.2%,78.8%)`
HSV (or HSB)	202.5°, 11.3, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.186, -3.294, -6.213
XYZ	54.587, 58.808, 71.422
xyY	0.295, 0.318, 58.808
CIE-LCH	81.186, 7.033, 242.068
CIE-LUV	81.186, -8.584, -8.96
Hunter-Lab	76.686, -7.141, -1.54
Binary	10111101, 11001100, 11010101

#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#d5c6bd
```
#d5c6bd rgb(213,198,189)
```

Complementary Color

#bdd5d2
```
#bdd5d2 rgb(189,213,210)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#bdc0d5
```
#bdc0d5 rgb(189,192,213)
```

Analogous Color

#d5d2bd
```
#d5d2bd rgb(213,210,189)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#d5bdc0
```
#d5bdc0 rgb(213,189,192)
```

Split Complementary Color

#ccd5bd
```
#ccd5bd rgb(204,213,189)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#d5bdcc
```
#d5bdcc rgb(213,189,204)
```

Triadic Color

#bdd5c6
```
#bdd5c6 rgb(189,213,198)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#d5bdcc
```
#d5bdcc rgb(213,189,204)
```
#d5c6bd
```
#d5c6bd rgb(213,198,189)
```

Tetradic Color

#8ea8b7
```
#8ea8b7 rgb(142,168,183)
```
#9eb4c1
```
#9eb4c1 rgb(158,180,193)
```
#adc0cb
```
#adc0cb rgb(173,192,203)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#cdd8df
```
#cdd8df rgb(205,216,223)
```
#dce4e9
```
#dce4e9 rgb(220,228,233)
```
#ecf0f3
```
#ecf0f3 rgb(236,240,243)
```

Monochromatic Color

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

#bdd2d5
```
#bdd2d5 rgb(189,210,213)
```
#bdd0d5
```
#bdd0d5 rgb(189,208,213)
```
#bdced5
```
#bdced5 rgb(189,206,213)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#bdcad5
```
#bdcad5 rgb(189,202,213)
```
#bdc8d5
```
#bdc8d5 rgb(189,200,213)
```
#bdc6d5
```
#bdc6d5 rgb(189,198,213)
```

Similar Colors

Text with hexadecimal color #bdccd5

This text has a font color of #bdccd5.

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

#bdccd5 background color

This paragraph has a background color of #bdccd5.

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

#bdccd5 border color

This element has a border color of #bdccd5.

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

CSS codes

.text {color:#bdccd5;}

.background {background-color:#bdccd5;}

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b0f12
```
#0b0f12 rgb(11,15,18)
```
#131a1e
```
#131a1e rgb(19,26,30)
```
#1b242a
```
#1b242a rgb(27,36,42)
```
#222f36
```
#222f36 rgb(34,47,54)
```
#2a3942
```
#2a3942 rgb(42,57,66)
```
#32434e
```
#32434e rgb(50,67,78)
```
#394e5a
```
#394e5a rgb(57,78,90)
```
#415866
```
#415866 rgb(65,88,102)
```
#486272
```
#486272 rgb(72,98,114)
```
#506d7e
```
#506d7e rgb(80,109,126)
```
#58778a
```
#58778a rgb(88,119,138)
```
#5f8196
```
#5f8196 rgb(95,129,150)
```

Shade Color Variation

#698ba0
```
#698ba0 rgb(105,139,160)
```
#7594a7
```
#7594a7 rgb(117,148,167)
```
#819eaf
```
#819eaf rgb(129,158,175)
```
#8da7b6
```
#8da7b6 rgb(141,167,182)
```
#99b0be
```
#99b0be rgb(153,176,190)
```
#a5b9c6
```
#a5b9c6 rgb(165,185,198)
```
#b1c3cd
```
#b1c3cd rgb(177,195,205)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#c9d5dd
```
#c9d5dd rgb(201,213,221)
```
#d5dfe4
```
#d5dfe4 rgb(213,223,228)
```
#e1e8ec
```
#e1e8ec rgb(225,232,236)
```
#edf1f4
```
#edf1f4 rgb(237,241,244)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#c5cacd
```
#c5cacd rgb(197,202,205)
```
#c1cbd1
```
#c1cbd1 rgb(193,203,209)
```
#bdccd5
```
#bdccd5 rgb(189,204,213)
```
#b9cdd9
```
#b9cdd9 rgb(185,205,217)
```
#b5cedd
```
#b5cedd rgb(181,206,221)
```
#b1cfe1
```
#b1cfe1 rgb(177,207,225)
```
#acd0e6
```
#acd0e6 rgb(172,208,230)
```
#a8d1ea
```
#a8d1ea rgb(168,209,234)
```
#a4d2ee
```
#a4d2ee rgb(164,210,238)
```
#a0d3f2
```
#a0d3f2 rgb(160,211,242)
```
#9cd4f6
```
#9cd4f6 rgb(156,212,246)
```
#98d5fa
```
#98d5fa rgb(152,213,250)
```
#93d6ff
```
#93d6ff rgb(147,214,255)
```

Tone Color Variation

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

Dichromacy

#cdcbd5 Protanopia 1% of men
#d9c6d9 Deuteranopia 1% of men
#c1cddc Tritanopia 0.001% of the population

Trichromacy

#c7cbd5 Protanomaly 1% of men, 0.01% of women
#cec8d8 Deuteranomaly 6% of men, 0.4% of women
#bfcdd9 Tritanomaly 0.01% of the population

#bdccd5 hex color

#bdccd5 Color Information

#bdccd5 Color Conversion

Color Schemes with #bdccd5

Alternatives to #bdccd5

#bdccd5 Preview

Shades and Tints of #bdccd5

Tones of #bdccd5

Color Blindness Simulator