#bdc7d2 hex color

In a RGB color space, hex #bdc7d2 is composed of 74.1% red, 78% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 5.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 211.4 degrees, a saturation of 18.9% and a lightness of 78.2%. #bdc7d2 color hex could be obtained by blending #ffffff with #7b8fa5. Closest websafe color is: #cccccc.

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

● #bdc7d2 color description : Grayish blue.

The hexadecimal color #bdc7d2 has RGB values of R:189, G:199, B:210 and CMYK values of C:0.1, M:0.05, Y:0, K:0.18. Its decimal value is 12437458.

Hex triplet	bdc7d2	`#bdc7d2`
RGB Decimal	189, 199, 210	`rgb(189,199,210)`
RGB Percent	74.1, 78, 82.4	`rgb(74.1%,78%,82.4%)`
CMYK	10, 5, 0, 18
HSL	211.4°, 18.9, 78.2	`hsl(211.4,18.9%,78.2%)`
HSV (or HSB)	211.4°, 10, 82.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.795, -1.26, -6.663
XYZ	53.04, 56.318, 69.045
xyY	0.297, 0.316, 56.318
CIE-LCH	79.795, 6.781, 259.289
CIE-LUV	79.795, -6.048, -9.974
Hunter-Lab	75.046, -5.171, -2.018
Binary	10111101, 11000111, 11010010

#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#d2c8bd
```
#d2c8bd rgb(210,200,189)
```

Complementary Color

#bdd2d2
```
#bdd2d2 rgb(189,210,210)
```
#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#bebdd2
```
#bebdd2 rgb(190,189,210)
```

Analogous Color

#d2d2bd
```
#d2d2bd rgb(210,210,189)
```
#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#d2bebd
```
#d2bebd rgb(210,190,189)
```

Split Complementary Color

#c7d2bd
```
#c7d2bd rgb(199,210,189)
```
#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#d2bdc7
```
#d2bdc7 rgb(210,189,199)
```

Triadic Color

#bdd2c8
```
#bdd2c8 rgb(189,210,200)
```
#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#d2bdc7
```
#d2bdc7 rgb(210,189,199)
```
#d2c8bd
```
#d2c8bd rgb(210,200,189)
```

Tetradic Color

#90a0b3
```
#90a0b3 rgb(144,160,179)
```
#9fadbd
```
#9fadbd rgb(159,173,189)
```
#aebac8
```
#aebac8 rgb(174,186,200)
```
#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#ccd4dc
```
#ccd4dc rgb(204,212,220)
```
#dbe1e7
```
#dbe1e7 rgb(219,225,231)
```
#eaeef1
```
#eaeef1 rgb(234,238,241)
```

Monochromatic Color

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

#bdccd2
```
#bdccd2 rgb(189,204,210)
```
#bdcbd2
```
#bdcbd2 rgb(189,203,210)
```
#bdc9d2
```
#bdc9d2 rgb(189,201,210)
```
#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#bdc5d2
```
#bdc5d2 rgb(189,197,210)
```
#bdc4d2
```
#bdc4d2 rgb(189,196,210)
```
#bdc2d2
```
#bdc2d2 rgb(189,194,210)
```

Similar Colors

Text with hexadecimal color #bdc7d2

This text has a font color of #bdc7d2.

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

#bdc7d2 background color

This paragraph has a background color of #bdc7d2.

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

#bdc7d2 border color

This element has a border color of #bdc7d2.

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

CSS codes

.text {color:#bdc7d2;}

.background {background-color:#bdc7d2;}

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0d10
```
#0b0d10 rgb(11,13,16)
```
#13171b
```
#13171b rgb(19,23,27)
```
#1b2027
```
#1b2027 rgb(27,32,39)
```
#232a33
```
#232a33 rgb(35,42,51)
```
#2a343e
```
#2a343e rgb(42,52,62)
```
#323e4a
```
#323e4a rgb(50,62,74)
```
#3a4756
```
#3a4756 rgb(58,71,86)
```
#425161
```
#425161 rgb(66,81,97)
```
#4a5b6d
```
#4a5b6d rgb(74,91,109)
```
#526579
```
#526579 rgb(82,101,121)
```
#5a6e84
```
#5a6e84 rgb(90,110,132)
```
#627890
```
#627890 rgb(98,120,144)
```

Shade Color Variation

#6b829a
```
#6b829a rgb(107,130,154)
```
#778ca2
```
#778ca2 rgb(119,140,162)
```
#8396aa
```
#8396aa rgb(131,150,170)
```
#8e9fb2
```
#8e9fb2 rgb(142,159,178)
```
#9aa9ba
```
#9aa9ba rgb(154,169,186)
```
#a6b3c2
```
#a6b3c2 rgb(166,179,194)
```
#b1bdca
```
#b1bdca rgb(177,189,202)
```
#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#c9d1da
```
#c9d1da rgb(201,209,218)
```
#d4dbe2
```
#d4dbe2 rgb(212,219,226)
```
#e0e5ea
```
#e0e5ea rgb(224,229,234)
```
#eceff2
```
#eceff2 rgb(236,239,242)
```
#f7f8fa
```
#f7f8fa rgb(247,248,250)
```

Tint Color Variation

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

#c6c7c9
```
#c6c7c9 rgb(198,199,201)
```
#c1c7ce
```
#c1c7ce rgb(193,199,206)
```
#bdc7d2
```
#bdc7d2 rgb(189,199,210)
```
#b9c7d6
```
#b9c7d6 rgb(185,199,214)
```
#b4c7db
```
#b4c7db rgb(180,199,219)
```
#b0c6df
```
#b0c6df rgb(176,198,223)
```
#acc6e3
```
#acc6e3 rgb(172,198,227)
```
#a8c6e7
```
#a8c6e7 rgb(168,198,231)
```
#a3c6ec
```
#a3c6ec rgb(163,198,236)
```
#9fc6f0
```
#9fc6f0 rgb(159,198,240)
```
#9bc5f4
```
#9bc5f4 rgb(155,197,244)
```
#97c5f8
```
#97c5f8 rgb(151,197,248)
```
#92c5fd
```
#92c5fd rgb(146,197,253)
```

Tone Color Variation

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

Dichromacy

#c8c7d3 Protanopia 1% of men
#d4c3d6 Deuteranopia 1% of men
#c1c9d7 Tritanopia 0.001% of the population

Trichromacy

#c4c7d2 Protanomaly 1% of men, 0.01% of women
#ccc4d4 Deuteranomaly 6% of men, 0.4% of women
#bfc8d5 Tritanomaly 0.01% of the population

#bdc7d2 hex color

#bdc7d2 Color Information

#bdc7d2 Color Conversion

Color Schemes with #bdc7d2

Alternatives to #bdc7d2

#bdc7d2 Preview

Shades and Tints of #bdc7d2

Tones of #bdc7d2

Color Blindness Simulator