#bdcbd3 hex color

In a RGB color space, hex #bdcbd3 is composed of 74.1% red, 79.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 3.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 201.8 degrees, a saturation of 20% and a lightness of 78.4%. #bdcbd3 color hex could be obtained by blending #ffffff with #7b97a7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 80
- B 83
RGB color chart
- C 10
- M 4
- Y 0
- K 17
CMYK color chart

● #bdcbd3 color description : Grayish blue.

The hexadecimal color #bdcbd3 has RGB values of R:189, G:203, B:211 and CMYK values of C:0.1, M:0.04, Y:0, K:0.17. Its decimal value is 12438483.

Hex triplet	bdcbd3	`#bdcbd3`
RGB Decimal	189, 203, 211	`rgb(189,203,211)`
RGB Percent	74.1, 79.6, 82.7	`rgb(74.1%,79.6%,82.7%)`
CMYK	10, 4, 0, 17
HSL	201.8°, 20, 78.4	`hsl(201.8,20%,78.4%)`
HSV (or HSB)	201.8°, 10.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.868, -3.17, -5.612
XYZ	54.098, 58.233, 70.014
xyY	0.297, 0.319, 58.233
CIE-LCH	80.868, 6.445, 240.535
CIE-LUV	80.868, -8.021, -8.039
Hunter-Lab	76.311, -7.003, -0.981
Binary	10111101, 11001011, 11010011

#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#d3c5bd
```
#d3c5bd rgb(211,197,189)
```

Complementary Color

#bdd3d0
```
#bdd3d0 rgb(189,211,208)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#bdc0d3
```
#bdc0d3 rgb(189,192,211)
```

Analogous Color

#d3d0bd
```
#d3d0bd rgb(211,208,189)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#d3bdc0
```
#d3bdc0 rgb(211,189,192)
```

Split Complementary Color

#cbd3bd
```
#cbd3bd rgb(203,211,189)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#d3bdcb
```
#d3bdcb rgb(211,189,203)
```

Triadic Color

#bdd3c5
```
#bdd3c5 rgb(189,211,197)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#d3bdcb
```
#d3bdcb rgb(211,189,203)
```
#d3c5bd
```
#d3c5bd rgb(211,197,189)
```

Tetradic Color

#8fa7b4
```
#8fa7b4 rgb(143,167,180)
```
#9eb3bf
```
#9eb3bf rgb(158,179,191)
```
#aebfc9
```
#aebfc9 rgb(174,191,201)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#ccd7dd
```
#ccd7dd rgb(204,215,221)
```
#dce3e7
```
#dce3e7 rgb(220,227,231)
```
#ebeff2
```
#ebeff2 rgb(235,239,242)
```

Monochromatic Color

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

#bdd1d3
```
#bdd1d3 rgb(189,209,211)
```
#bdcfd3
```
#bdcfd3 rgb(189,207,211)
```
#bdcdd3
```
#bdcdd3 rgb(189,205,211)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#bdc9d3
```
#bdc9d3 rgb(189,201,211)
```
#bdc7d3
```
#bdc7d3 rgb(189,199,211)
```
#bdc6d3
```
#bdc6d3 rgb(189,198,211)
```

Similar Colors

Text with hexadecimal color #bdcbd3

This text has a font color of #bdcbd3.

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

#bdcbd3 background color

This paragraph has a background color of #bdcbd3.

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

#bdcbd3 border color

This element has a border color of #bdcbd3.

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

CSS codes

.text {color:#bdcbd3;}

.background {background-color:#bdcbd3;}

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0e10
```
#0b0e10 rgb(11,14,16)
```
#13191c
```
#13191c rgb(19,25,28)
```
#1b2328
```
#1b2328 rgb(27,35,40)
```
#222d34
```
#222d34 rgb(34,45,52)
```
#2a383f
```
#2a383f rgb(42,56,63)
```
#32424b
```
#32424b rgb(50,66,75)
```
#3a4c57
```
#3a4c57 rgb(58,76,87)
```
#425763
```
#425763 rgb(66,87,99)
```
#4a616f
```
#4a616f rgb(74,97,111)
```
#526b7a
```
#526b7a rgb(82,107,122)
```
#597686
```
#597686 rgb(89,118,134)
```
#618092
```
#618092 rgb(97,128,146)
```

Shade Color Variation

#6b8a9c
```
#6b8a9c rgb(107,138,156)
```
#7693a4
```
#7693a4 rgb(118,147,164)
```
#829dac
```
#829dac rgb(130,157,172)
```
#8ea6b4
```
#8ea6b4 rgb(142,166,180)
```
#9aafbb
```
#9aafbb rgb(154,175,187)
```
#a5b8c3
```
#a5b8c3 rgb(165,184,195)
```
#b1c2cb
```
#b1c2cb rgb(177,194,203)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#c9d4db
```
#c9d4db rgb(201,212,219)
```
#d5dee3
```
#d5dee3 rgb(213,222,227)
```
#e0e7eb
```
#e0e7eb rgb(224,231,235)
```
#ecf0f2
```
#ecf0f2 rgb(236,240,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#c5c9cb
```
#c5c9cb rgb(197,201,203)
```
#c1cacf
```
#c1cacf rgb(193,202,207)
```
#bdcbd3
```
#bdcbd3 rgb(189,203,211)
```
#b9ccd7
```
#b9ccd7 rgb(185,204,215)
```
#b5cddb
```
#b5cddb rgb(181,205,219)
```
#b0cee0
```
#b0cee0 rgb(176,206,224)
```
#acd0e4
```
#acd0e4 rgb(172,208,228)
```
#a8d1e8
```
#a8d1e8 rgb(168,209,232)
```
#a4d2ec
```
#a4d2ec rgb(164,210,236)
```
#9fd3f1
```
#9fd3f1 rgb(159,211,241)
```
#9bd4f5
```
#9bd4f5 rgb(155,212,245)
```
#97d5f9
```
#97d5f9 rgb(151,213,249)
```
#93d7fd
```
#93d7fd rgb(147,215,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c6c9ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccad3 Protanopia 1% of men
#d8c6d7 Deuteranopia 1% of men
#c1ccdb Tritanopia 0.001% of the population

Trichromacy

#c6cad3 Protanomaly 1% of men, 0.01% of women
#cec7d6 Deuteranomaly 6% of men, 0.4% of women
#bfccd8 Tritanomaly 0.01% of the population

#bdcbd3 hex color

#bdcbd3 Color Information

#bdcbd3 Color Conversion

Color Schemes with #bdcbd3

Alternatives to #bdcbd3

#bdcbd3 Preview

Shades and Tints of #bdcbd3

Tones of #bdcbd3

Color Blindness Simulator