#bdc5dd hex color

In a RGB color space, hex #bdc5dd is composed of 74.1% red, 77.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 14.5% cyan, 10.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 225 degrees, a saturation of 32% and a lightness of 80.4%. #bdc5dd color hex could be obtained by blending #ffffff with #7b8bbb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 77
- B 87
RGB color chart
- C 14
- M 11
- Y 0
- K 13
CMYK color chart

● #bdc5dd color description : Light grayish blue.

The hexadecimal color #bdc5dd has RGB values of R:189, G:197, B:221 and CMYK values of C:0.14, M:0.11, Y:0, K:0.13. Its decimal value is 12436957.

Hex triplet	bdc5dd	`#bdc5dd`
RGB Decimal	189, 197, 221	`rgb(189,197,221)`
RGB Percent	74.1, 77.3, 86.7	`rgb(74.1%,77.3%,86.7%)`
CMYK	14, 11, 0, 13
HSL	225°, 32, 80.4	`hsl(225,32%,80.4%)`
HSV (or HSB)	225°, 14.5, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.597, 2.061, -12.869
XYZ	54.001, 55.971, 76.361
xyY	0.29, 0.3, 55.971
CIE-LCH	79.597, 13.033, 279.098
CIE-LUV	79.597, -5.623, -20.313
Hunter-Lab	74.814, -2.082, -8.146
Binary	10111101, 11000101, 11011101

#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#ddd5bd
```
#ddd5bd rgb(221,213,189)
```

Complementary Color

#bdd5dd
```
#bdd5dd rgb(189,213,221)
```
#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#c5bddd
```
#c5bddd rgb(197,189,221)
```

Analogous Color

#d5ddbd
```
#d5ddbd rgb(213,221,189)
```
#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#ddc5bd
```
#ddc5bd rgb(221,197,189)
```

Split Complementary Color

#c5ddbd
```
#c5ddbd rgb(197,221,189)
```
#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#ddbdc5
```
#ddbdc5 rgb(221,189,197)
```

Triadic Color

#bdddd5
```
#bdddd5 rgb(189,221,213)
```
#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#ddbdc5
```
#ddbdc5 rgb(221,189,197)
```
#ddd5bd
```
#ddd5bd rgb(221,213,189)
```

Tetradic Color

#8b99c3
```
#8b99c3 rgb(139,153,195)
```
#9ba7cc
```
#9ba7cc rgb(155,167,204)
```
#acb6d4
```
#acb6d4 rgb(172,182,212)
```
#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#ced4e6
```
#ced4e6 rgb(206,212,230)
```
#dfe3ee
```
#dfe3ee rgb(223,227,238)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```

Monochromatic Color

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

#bdcddd
```
#bdcddd rgb(189,205,221)
```
#bdcadd
```
#bdcadd rgb(189,202,221)
```
#bdc8dd
```
#bdc8dd rgb(189,200,221)
```
#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#bdc2dd
```
#bdc2dd rgb(189,194,221)
```
#bdc0dd
```
#bdc0dd rgb(189,192,221)
```
#bdbddd
```
#bdbddd rgb(189,189,221)
```

Similar Colors

Text with hexadecimal color #bdc5dd

This text has a font color of #bdc5dd.

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

#bdc5dd background color

This paragraph has a background color of #bdc5dd.

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

#bdc5dd border color

This element has a border color of #bdc5dd.

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

CSS codes

.text {color:#bdc5dd;}

.background {background-color:#bdc5dd;}

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

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, #06070c is the darkest color, while #fefefe is the lightest one.

#06070c
```
#06070c rgb(6,7,12)
```
#0d1019
```
#0d1019 rgb(13,16,25)
```
#131826
```
#131826 rgb(19,24,38)
```
#1a2033
```
#1a2033 rgb(26,32,51)
```
#21283f
```
#21283f rgb(33,40,63)
```
#27314c
```
#27314c rgb(39,49,76)
```
#2e3959
```
#2e3959 rgb(46,57,89)
```
#354166
```
#354166 rgb(53,65,102)
```
#3b4973
```
#3b4973 rgb(59,73,115)
```
#425280
```
#425280 rgb(66,82,128)
```
#495a8d
```
#495a8d rgb(73,90,141)
```
#4f629a
```
#4f629a rgb(79,98,154)
```
#566aa7
```
#566aa7 rgb(86,106,167)
```

Shade Color Variation

#6275ae
```
#6275ae rgb(98,117,174)
```
#6f81b5
```
#6f81b5 rgb(111,129,181)
```
#7c8cbc
```
#7c8cbc rgb(124,140,188)
```
#8997c2
```
#8997c2 rgb(137,151,194)
```
#96a3c9
```
#96a3c9 rgb(150,163,201)
```
#a3aed0
```
#a3aed0 rgb(163,174,208)
```
#b0bad6
```
#b0bad6 rgb(176,186,214)
```
#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#cad0e4
```
#cad0e4 rgb(202,208,228)
```
#d7dcea
```
#d7dcea rgb(215,220,234)
```
#e4e7f1
```
#e4e7f1 rgb(228,231,241)
```
#f1f3f8
```
#f1f3f8 rgb(241,243,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#cccdce
```
#cccdce rgb(204,205,206)
```
#c9cbd1
```
#c9cbd1 rgb(201,203,209)
```
#c5c9d5
```
#c5c9d5 rgb(197,201,213)
```
#c1c7d9
```
#c1c7d9 rgb(193,199,217)
```
#bdc5dd
```
#bdc5dd rgb(189,197,221)
```
#b9c3e1
```
#b9c3e1 rgb(185,195,225)
```
#b5c1e5
```
#b5c1e5 rgb(181,193,229)
```
#b1bfe9
```
#b1bfe9 rgb(177,191,233)
```
#aebdec
```
#aebdec rgb(174,189,236)
```
#aabbf0
```
#aabbf0 rgb(170,187,240)
```
#a6b9f4
```
#a6b9f4 rgb(166,185,244)
```
#a2b8f8
```
#a2b8f8 rgb(162,184,248)
```
#9eb6fc
```
#9eb6fc rgb(158,182,252)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3c5ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c6de Protanopia 1% of men
#cec3e0 Deuteranopia 1% of men
#bec9d7 Tritanopia 0.001% of the population

Trichromacy

#c1c6dd Protanomaly 1% of men, 0.01% of women
#c8c4df Deuteranomaly 6% of men, 0.4% of women
#bec7d9 Tritanomaly 0.01% of the population

#bdc5dd hex color

#bdc5dd Color Information

#bdc5dd Color Conversion

Color Schemes with #bdc5dd

Alternatives to #bdc5dd

#bdc5dd Preview

Shades and Tints of #bdc5dd

Tones of #bdc5dd

Color Blindness Simulator