#bdc7dc hex color

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

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

● #bdc7dc color description : Light grayish blue.

The hexadecimal color #bdc7dc has RGB values of R:189, G:199, B:220 and CMYK values of C:0.14, M:0.1, Y:0, K:0.14. Its decimal value is 12437468.

Hex triplet	bdc7dc	`#bdc7dc`
RGB Decimal	189, 199, 220	`rgb(189,199,220)`
RGB Percent	74.1, 78, 86.3	`rgb(74.1%,78%,86.3%)`
CMYK	14, 10, 0, 14
HSL	220.6°, 30.7, 80.2	`hsl(220.6,30.7%,80.2%)`
HSV (or HSB)	220.6°, 14.1, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.085, 0.785, -11.602
XYZ	54.325, 56.832, 75.814
xyY	0.291, 0.304, 56.832
CIE-LCH	80.085, 11.629, 273.873
CIE-LUV	80.085, -6.516, -18.101
Hunter-Lab	75.387, -3.297, -6.854
Binary	10111101, 11000111, 11011100

#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#dcd2bd
```
#dcd2bd rgb(220,210,189)
```

Complementary Color

#bdd7dc
```
#bdd7dc rgb(189,215,220)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#c3bddc
```
#c3bddc rgb(195,189,220)
```

Analogous Color

#d7dcbd
```
#d7dcbd rgb(215,220,189)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#dcc3bd
```
#dcc3bd rgb(220,195,189)
```

Split Complementary Color

#c7dcbd
```
#c7dcbd rgb(199,220,189)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#dcbdc7
```
#dcbdc7 rgb(220,189,199)
```

Triadic Color

#bddcd2
```
#bddcd2 rgb(189,220,210)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#dcbdc7
```
#dcbdc7 rgb(220,189,199)
```
#dcd2bd
```
#dcd2bd rgb(220,210,189)
```

Tetradic Color

#8b9dc1
```
#8b9dc1 rgb(139,157,193)
```
#9cabca
```
#9cabca rgb(156,171,202)
```
#acb9d3
```
#acb9d3 rgb(172,185,211)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#ced5e5
```
#ced5e5 rgb(206,213,229)
```
#dee3ee
```
#dee3ee rgb(222,227,238)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```

Monochromatic Color

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

#bdcfdc
```
#bdcfdc rgb(189,207,220)
```
#bdccdc
```
#bdccdc rgb(189,204,220)
```
#bdcadc
```
#bdcadc rgb(189,202,220)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#bdc4dc
```
#bdc4dc rgb(189,196,220)
```
#bdc2dc
```
#bdc2dc rgb(189,194,220)
```
#bdbfdc
```
#bdbfdc rgb(189,191,220)
```

Similar Colors

Text with hexadecimal color #bdc7dc

This text has a font color of #bdc7dc.

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

#bdc7dc background color

This paragraph has a background color of #bdc7dc.

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

#bdc7dc border color

This element has a border color of #bdc7dc.

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

CSS codes

.text {color:#bdc7dc;}

.background {background-color:#bdc7dc;}

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

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

#06070b
```
#06070b rgb(6,7,11)
```
#0d1018
```
#0d1018 rgb(13,16,24)
```
#131925
```
#131925 rgb(19,25,37)
```
#1a2231
```
#1a2231 rgb(26,34,49)
```
#212a3e
```
#212a3e rgb(33,42,62)
```
#28334b
```
#28334b rgb(40,51,75)
```
#2f3c58
```
#2f3c58 rgb(47,60,88)
```
#354565
```
#354565 rgb(53,69,101)
```
#3c4d71
```
#3c4d71 rgb(60,77,113)
```
#43567e
```
#43567e rgb(67,86,126)
```
#4a5f8b
```
#4a5f8b rgb(74,95,139)
```
#516898
```
#516898 rgb(81,104,152)
```
#5770a5
```
#5770a5 rgb(87,112,165)
```

Shade Color Variation

#637bac
```
#637bac rgb(99,123,172)
```
#7086b3
```
#7086b3 rgb(112,134,179)
```
#7d91ba
```
#7d91ba rgb(125,145,186)
```
#8a9bc1
```
#8a9bc1 rgb(138,155,193)
```
#97a6c8
```
#97a6c8 rgb(151,166,200)
```
#a3b1ce
```
#a3b1ce rgb(163,177,206)
```
#b0bcd5
```
#b0bcd5 rgb(176,188,213)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#cad2e3
```
#cad2e3 rgb(202,210,227)
```
#d7ddea
```
#d7ddea rgb(215,221,234)
```
#e3e8f0
```
#e3e8f0 rgb(227,232,240)
```
#f0f3f7
```
#f0f3f7 rgb(240,243,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#c9cbd0
```
#c9cbd0 rgb(201,203,208)
```
#c5cad4
```
#c5cad4 rgb(197,202,212)
```
#c1c8d8
```
#c1c8d8 rgb(193,200,216)
```
#bdc7dc
```
#bdc7dc rgb(189,199,220)
```
#b9c6e0
```
#b9c6e0 rgb(185,198,224)
```
#b5c4e4
```
#b5c4e4 rgb(181,196,228)
```
#b1c3e8
```
#b1c3e8 rgb(177,195,232)
```
#adc1ec
```
#adc1ec rgb(173,193,236)
```
#aac0ef
```
#aac0ef rgb(170,192,239)
```
#a6bff3
```
#a6bff3 rgb(166,191,243)
```
#a2bdf7
```
#a2bdf7 rgb(162,189,247)
```
#9ebcfb
```
#9ebcfb rgb(158,188,251)
```
#9abbff
```
#9abbff rgb(154,187,255)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c6ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c8dc Protanopia 1% of men
#d1c4df Deuteranopia 1% of men
#bfcad9 Tritanopia 0.001% of the population

Trichromacy

#c3c7dc Protanomaly 1% of men, 0.01% of women
#c9c5de Deuteranomaly 6% of men, 0.4% of women
#bec9da Tritanomaly 0.01% of the population

#bdc7dc hex color

#bdc7dc Color Information

#bdc7dc Color Conversion

Color Schemes with #bdc7dc

Alternatives to #bdc7dc

#bdc7dc Preview

Shades and Tints of #bdc7dc

Tones of #bdc7dc

Color Blindness Simulator