#b9bdcc hex color

In a RGB color space, hex #b9bdcc is composed of 72.5% red, 74.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 7.4% magenta, 0% yellow and 20% black. It has a hue angle of 227.4 degrees, a saturation of 15.7% and a lightness of 76.3%. #b9bdcc color hex could be obtained by blending #ffffff with #737b99. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 74
- B 80
RGB color chart
- C 9
- M 7
- Y 0
- K 20
CMYK color chart

● #b9bdcc color description : Grayish blue.

The hexadecimal color #b9bdcc has RGB values of R:185, G:189, B:204 and CMYK values of C:0.09, M:0.07, Y:0, K:0.2. Its decimal value is 12172748.

Hex triplet	b9bdcc	`#b9bdcc`
RGB Decimal	185, 189, 204	`rgb(185,189,204)`
RGB Percent	72.5, 74.1, 80	`rgb(72.5%,74.1%,80%)`
CMYK	9, 7, 0, 20
HSL	227.4°, 15.7, 76.3	`hsl(227.4,15.7%,76.3%)`
HSV (or HSB)	227.4°, 9.3, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.721, 1.539, -8.014
XYZ	49.102, 51.069, 64.394
xyY	0.298, 0.31, 51.069
CIE-LCH	76.721, 8.16, 280.869
CIE-LUV	76.721, -3.043, -12.475
Hunter-Lab	71.462, -2.411, -3.402
Binary	10111001, 10111101, 11001100

#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#ccc8b9
```
#ccc8b9 rgb(204,200,185)
```

Complementary Color

#b9c7cc
```
#b9c7cc rgb(185,199,204)
```
#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#bfb9cc
```
#bfb9cc rgb(191,185,204)
```

Analogous Color

#c7ccb9
```
#c7ccb9 rgb(199,204,185)
```
#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#ccbfb9
```
#ccbfb9 rgb(204,191,185)
```

Split Complementary Color

#bdccb9
```
#bdccb9 rgb(189,204,185)
```
#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#ccb9bd
```
#ccb9bd rgb(204,185,189)
```

Triadic Color

#b9ccc8
```
#b9ccc8 rgb(185,204,200)
```
#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#ccb9bd
```
#ccb9bd rgb(204,185,189)
```
#ccc8b9
```
#ccc8b9 rgb(204,200,185)
```

Tetradic Color

#8d93ac
```
#8d93ac rgb(141,147,172)
```
#9ba1b7
```
#9ba1b7 rgb(155,161,183)
```
#aaafc1
```
#aaafc1 rgb(170,175,193)
```
#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#c8cbd7
```
#c8cbd7 rgb(200,203,215)
```
#d7d9e1
```
#d7d9e1 rgb(215,217,225)
```
#e5e7ec
```
#e5e7ec rgb(229,231,236)
```

Monochromatic Color

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

#b9c2cc
```
#b9c2cc rgb(185,194,204)
```
#b9c0cc
```
#b9c0cc rgb(185,192,204)
```
#b9bfcc
```
#b9bfcc rgb(185,191,204)
```
#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#b9bbcc
```
#b9bbcc rgb(185,187,204)
```
#b9bacc
```
#b9bacc rgb(185,186,204)
```
#bab9cc
```
#bab9cc rgb(186,185,204)
```

Similar Colors

Text with hexadecimal color #b9bdcc

This text has a font color of #b9bdcc.

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

#b9bdcc background color

This paragraph has a background color of #b9bdcc.

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

#b9bdcc border color

This element has a border color of #b9bdcc.

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

CSS codes

.text {color:#b9bdcc;}

.background {background-color:#b9bdcc;}

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

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

#070709
```
#070709 rgb(7,7,9)
```
#0f1015
```
#0f1015 rgb(15,16,21)
```
#171920
```
#171920 rgb(23,25,32)
```
#20222b
```
#20222b rgb(32,34,43)
```
#282b37
```
#282b37 rgb(40,43,55)
```
#303442
```
#303442 rgb(48,52,66)
```
#383d4e
```
#383d4e rgb(56,61,78)
```
#414659
```
#414659 rgb(65,70,89)
```
#494f64
```
#494f64 rgb(73,79,100)
```
#515870
```
#515870 rgb(81,88,112)
```
#5a617b
```
#5a617b rgb(90,97,123)
```
#626986
```
#626986 rgb(98,105,134)
```
#6a7292
```
#6a7292 rgb(106,114,146)
```

Shade Color Variation

#757d9a
```
#757d9a rgb(117,125,154)
```
#8088a3
```
#8088a3 rgb(128,136,163)
```
#8c92ab
```
#8c92ab rgb(140,146,171)
```
#979db3
```
#979db3 rgb(151,157,179)
```
#a2a8bb
```
#a2a8bb rgb(162,168,187)
```
#aeb2c4
```
#aeb2c4 rgb(174,178,196)
```
#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#c4c8d4
```
#c4c8d4 rgb(196,200,212)
```
#d0d2dd
```
#d0d2dd rgb(208,210,221)
```
#dbdde5
```
#dbdde5 rgb(219,221,229)
```
#e6e8ed
```
#e6e8ed rgb(230,232,237)
```
#f2f2f5
```
#f2f2f5 rgb(242,242,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#c2c2c3
```
#c2c2c3 rgb(194,194,195)
```
#bec0c7
```
#bec0c7 rgb(190,192,199)
```
#b9bdcc
```
#b9bdcc rgb(185,189,204)
```
#b4bad1
```
#b4bad1 rgb(180,186,209)
```
#b0b8d5
```
#b0b8d5 rgb(176,184,213)
```
#abb5da
```
#abb5da rgb(171,181,218)
```
#a6b2df
```
#a6b2df rgb(166,178,223)
```
#a2b0e3
```
#a2b0e3 rgb(162,176,227)
```
#9dade8
```
#9dade8 rgb(157,173,232)
```
#98aaed
```
#98aaed rgb(152,170,237)
```
#94a7f1
```
#94a7f1 rgb(148,167,241)
```
#8fa5f6
```
#8fa5f6 rgb(143,165,246)
```
#8aa2fb
```
#8aa2fb rgb(138,162,251)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdbec1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbfce Protanopia 1% of men
#cbbbd0 Deuteranopia 1% of men
#bcc0ce Tritanopia 0.001% of the population

Trichromacy

#bdbecd Protanomaly 1% of men, 0.01% of women
#c4bcce Deuteranomaly 6% of men, 0.4% of women
#bbbfcd Tritanomaly 0.01% of the population

#b9bdcc hex color

#b9bdcc Color Information

#b9bdcc Color Conversion

Color Schemes with #b9bdcc

Alternatives to #b9bdcc

#b9bdcc Preview

Shades and Tints of #b9bdcc

Tones of #b9bdcc

Color Blindness Simulator