#bdc3cf hex color

In a RGB color space, hex #bdc3cf is composed of 74.1% red, 76.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 8.7% cyan, 5.8% magenta, 0% yellow and 18.8% black. It has a hue angle of 220 degrees, a saturation of 15.8% and a lightness of 77.6%. #bdc3cf color hex could be obtained by blending #ffffff with #7b879f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 76
- B 81
RGB color chart
- C 9
- M 6
- Y 0
- K 19
CMYK color chart

● #bdc3cf color description : Grayish blue.

The hexadecimal color #bdc3cf has RGB values of R:189, G:195, B:207 and CMYK values of C:0.09, M:0.06, Y:0, K:0.19. Its decimal value is 12436431.

Hex triplet	bdc3cf	`#bdc3cf`
RGB Decimal	189, 195, 207	`rgb(189,195,207)`
RGB Percent	74.1, 76.5, 81.2	`rgb(74.1%,76.5%,81.2%)`
CMYK	9, 6, 0, 19
HSL	220°, 15.8, 77.6	`hsl(220,15.8%,77.6%)`
HSV (or HSB)	220°, 8.7, 81.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.668, 0.263, -6.716
XYZ	51.762, 54.354, 66.792
xyY	0.299, 0.314, 54.354
CIE-LCH	78.668, 6.721, 272.247
CIE-LUV	78.668, -3.963, -10.289
Hunter-Lab	73.725, -3.695, -2.107
Binary	10111101, 11000011, 11001111

#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#cfc9bd
```
#cfc9bd rgb(207,201,189)
```

Complementary Color

#bdcccf
```
#bdcccf rgb(189,204,207)
```
#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#c0bdcf
```
#c0bdcf rgb(192,189,207)
```

Analogous Color

#cccfbd
```
#cccfbd rgb(204,207,189)
```
#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#cfc0bd
```
#cfc0bd rgb(207,192,189)
```

Split Complementary Color

#c3cfbd
```
#c3cfbd rgb(195,207,189)
```
#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#cfbdc3
```
#cfbdc3 rgb(207,189,195)
```

Triadic Color

#bdcfc9
```
#bdcfc9 rgb(189,207,201)
```
#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#cfbdc3
```
#cfbdc3 rgb(207,189,195)
```
#cfc9bd
```
#cfc9bd rgb(207,201,189)
```

Tetradic Color

#919baf
```
#919baf rgb(145,155,175)
```
#9fa8ba
```
#9fa8ba rgb(159,168,186)
```
#aeb6c4
```
#aeb6c4 rgb(174,182,196)
```
#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#ccd0da
```
#ccd0da rgb(204,208,218)
```
#dbdee4
```
#dbdee4 rgb(219,222,228)
```
#e9ebef
```
#e9ebef rgb(233,235,239)
```

Monochromatic Color

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

#bdc8cf
```
#bdc8cf rgb(189,200,207)
```
#bdc6cf
```
#bdc6cf rgb(189,198,207)
```
#bdc5cf
```
#bdc5cf rgb(189,197,207)
```
#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#bdc2cf
```
#bdc2cf rgb(189,194,207)
```
#bdc0cf
```
#bdc0cf rgb(189,192,207)
```
#bdbfcf
```
#bdbfcf rgb(189,191,207)
```

Similar Colors

Text with hexadecimal color #bdc3cf

This text has a font color of #bdc3cf.

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

#bdc3cf background color

This paragraph has a background color of #bdc3cf.

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

#bdc3cf border color

This element has a border color of #bdc3cf.

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

CSS codes

.text {color:#bdc3cf;}

.background {background-color:#bdc3cf;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0b0d
```
#0a0b0d rgb(10,11,13)
```
#121419
```
#121419 rgb(18,20,25)
```
#1a1e24
```
#1a1e24 rgb(26,30,36)
```
#232730
```
#232730 rgb(35,39,48)
```
#2b303b
```
#2b303b rgb(43,48,59)
```
#333946
```
#333946 rgb(51,57,70)
```
#3b4352
```
#3b4352 rgb(59,67,82)
```
#444c5d
```
#444c5d rgb(68,76,93)
```
#4c5568
```
#4c5568 rgb(76,85,104)
```
#545f74
```
#545f74 rgb(84,95,116)
```
#5c687f
```
#5c687f rgb(92,104,127)
```
#65718a
```
#65718a rgb(101,113,138)
```

Shade Color Variation

#6e7b95
```
#6e7b95 rgb(110,123,149)
```
#79859d
```
#79859d rgb(121,133,157)
```
#848fa6
```
#848fa6 rgb(132,143,166)
```
#909aae
```
#909aae rgb(144,154,174)
```
#9ba4b6
```
#9ba4b6 rgb(155,164,182)
```
#a6aebe
```
#a6aebe rgb(166,174,190)
```
#b2b9c7
```
#b2b9c7 rgb(178,185,199)
```
#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#c8cdd7
```
#c8cdd7 rgb(200,205,215)
```
#d4d8e0
```
#d4d8e0 rgb(212,216,224)
```
#dfe2e8
```
#dfe2e8 rgb(223,226,232)
```
#eaecf0
```
#eaecf0 rgb(234,236,240)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

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

#c6c6c6
```
#c6c6c6 rgb(198,198,198)
```
#c1c4cb
```
#c1c4cb rgb(193,196,203)
```
#bdc3cf
```
#bdc3cf rgb(189,195,207)
```
#b9c2d3
```
#b9c2d3 rgb(185,194,211)
```
#b4c0d8
```
#b4c0d8 rgb(180,192,216)
```
#b0bfdc
```
#b0bfdc rgb(176,191,220)
```
#abbde1
```
#abbde1 rgb(171,189,225)
```
#a7bce5
```
#a7bce5 rgb(167,188,229)
```
#a3bae9
```
#a3bae9 rgb(163,186,233)
```
#9eb9ee
```
#9eb9ee rgb(158,185,238)
```
#9ab7f2
```
#9ab7f2 rgb(154,183,242)
```
#96b6f6
```
#96b6f6 rgb(150,182,246)
```
#91b4fb
```
#91b4fb rgb(145,180,251)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c2c3c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c4d0 Protanopia 1% of men
#d1c0d3 Deuteranopia 1% of men
#c0c5d3 Tritanopia 0.001% of the population

Trichromacy

#c2c4d0 Protanomaly 1% of men, 0.01% of women
#cac1d1 Deuteranomaly 6% of men, 0.4% of women
#bfc4d2 Tritanomaly 0.01% of the population

#bdc3cf hex color

#bdc3cf Color Information

#bdc3cf Color Conversion

Color Schemes with #bdc3cf

Alternatives to #bdc3cf

#bdc3cf Preview

Shades and Tints of #bdc3cf

Tones of #bdc3cf

Color Blindness Simulator