#b5bcd9 hex color

In a RGB color space, hex #b5bcd9 is composed of 71% red, 73.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 13.4% magenta, 0% yellow and 14.9% black. It has a hue angle of 228.3 degrees, a saturation of 32.1% and a lightness of 78%. #b5bcd9 color hex could be obtained by blending #ffffff with #6b79b3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 74
- B 85
RGB color chart
- C 17
- M 13
- Y 0
- K 15
CMYK color chart

● #b5bcd9 color description : Light grayish blue.

The hexadecimal color #b5bcd9 has RGB values of R:181, G:188, B:217 and CMYK values of C:0.17, M:0.13, Y:0, K:0.15. Its decimal value is 11910361.

Hex triplet	b5bcd9	`#b5bcd9`
RGB Decimal	181, 188, 217	`rgb(181,188,217)`
RGB Percent	71, 73.7, 85.1	`rgb(71%,73.7%,85.1%)`
CMYK	17, 13, 0, 15
HSL	228.3°, 32.1, 78	`hsl(228.3,32.1%,78%)`
HSV (or HSB)	228.3°, 16.6, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.557, 3.489, -15.333
XYZ	49.561, 50.799, 72.836
xyY	0.286, 0.293, 50.799
CIE-LCH	76.557, 15.725, 282.82
CIE-LUV	76.557, -5.355, -24.368
Hunter-Lab	71.274, -0.606, -10.698
Binary	10110101, 10111100, 11011001

#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#d9d2b5
```
#d9d2b5 rgb(217,210,181)
```

Complementary Color

#b5ced9
```
#b5ced9 rgb(181,206,217)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#c0b5d9
```
#c0b5d9 rgb(192,181,217)
```

Analogous Color

#ced9b5
```
#ced9b5 rgb(206,217,181)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#d9c0b5
```
#d9c0b5 rgb(217,192,181)
```

Split Complementary Color

#bcd9b5
```
#bcd9b5 rgb(188,217,181)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#d9b5bc
```
#d9b5bc rgb(217,181,188)
```

Triadic Color

#b5d9d2
```
#b5d9d2 rgb(181,217,210)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#d9b5bc
```
#d9b5bc rgb(217,181,188)
```
#d9d2b5
```
#d9d2b5 rgb(217,210,181)
```

Tetradic Color

#828ebf
```
#828ebf rgb(130,142,191)
```
#939dc8
```
#939dc8 rgb(147,157,200)
```
#a4add0
```
#a4add0 rgb(164,173,208)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#c6cbe2
```
#c6cbe2 rgb(198,203,226)
```
#d7dbea
```
#d7dbea rgb(215,219,234)
```
#e8eaf3
```
#e8eaf3 rgb(232,234,243)
```

Monochromatic Color

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

#b5c5d9
```
#b5c5d9 rgb(181,197,217)
```
#b5c2d9
```
#b5c2d9 rgb(181,194,217)
```
#b5bfd9
```
#b5bfd9 rgb(181,191,217)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#b5b9d9
```
#b5b9d9 rgb(181,185,217)
```
#b5b6d9
```
#b5b6d9 rgb(181,182,217)
```
#b7b5d9
```
#b7b5d9 rgb(183,181,217)
```

Similar Colors

Text with hexadecimal color #b5bcd9

This text has a font color of #b5bcd9.

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

#b5bcd9 background color

This paragraph has a background color of #b5bcd9.

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

#b5bcd9 border color

This element has a border color of #b5bcd9.

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

CSS codes

.text {color:#b5bcd9;}

.background {background-color:#b5bcd9;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090a11
```
#090a11 rgb(9,10,17)
```
#0f121e
```
#0f121e rgb(15,18,30)
```
#161a2b
```
#161a2b rgb(22,26,43)
```
#1d2238
```
#1d2238 rgb(29,34,56)
```
#232a45
```
#232a45 rgb(35,42,69)
```
#2a3252
```
#2a3252 rgb(42,50,82)
```
#31395e
```
#31395e rgb(49,57,94)
```
#37416b
```
#37416b rgb(55,65,107)
```
#3e4978
```
#3e4978 rgb(62,73,120)
```
#445185
```
#445185 rgb(68,81,133)
```
#4b5992
```
#4b5992 rgb(75,89,146)
```
#52619f
```
#52619f rgb(82,97,159)
```

Shade Color Variation

#5a6aaa
```
#5a6aaa rgb(90,106,170)
```
#6776b1
```
#6776b1 rgb(103,118,177)
```
#7481b8
```
#7481b8 rgb(116,129,184)
```
#818dbe
```
#818dbe rgb(129,141,190)
```
#8e99c5
```
#8e99c5 rgb(142,153,197)
```
#9ba5cc
```
#9ba5cc rgb(155,165,204)
```
#a8b0d2
```
#a8b0d2 rgb(168,176,210)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#c2c8e0
```
#c2c8e0 rgb(194,200,224)
```
#cfd3e6
```
#cfd3e6 rgb(207,211,230)
```
#dcdfed
```
#dcdfed rgb(220,223,237)
```
#e9ebf4
```
#e9ebf4 rgb(233,235,244)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#c6c7c8
```
#c6c7c8 rgb(198,199,200)
```
#c2c4cc
```
#c2c4cc rgb(194,196,204)
```
#bec1d0
```
#bec1d0 rgb(190,193,208)
```
#b9bfd5
```
#b9bfd5 rgb(185,191,213)
```
#b5bcd9
```
#b5bcd9 rgb(181,188,217)
```
#b1b9dd
```
#b1b9dd rgb(177,185,221)
```
#acb7e2
```
#acb7e2 rgb(172,183,226)
```
#a8b4e6
```
#a8b4e6 rgb(168,180,230)
```
#a4b1ea
```
#a4b1ea rgb(164,177,234)
```
#9fafef
```
#9fafef rgb(159,175,239)
```
#9bacf3
```
#9bacf3 rgb(155,172,243)
```
#97aaf7
```
#97aaf7 rgb(151,170,247)
```
#93a7fb
```
#93a7fb rgb(147,167,251)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbbdc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbeda Protanopia 1% of men
#c4bbdc Deuteranopia 1% of men
#b6c1cf Tritanopia 0.001% of the population

Trichromacy

#b8bdda Protanomaly 1% of men, 0.01% of women
#bebbdb Deuteranomaly 6% of men, 0.4% of women
#b5bfd2 Tritanomaly 0.01% of the population

#b5bcd9 hex color

#b5bcd9 Color Information

#b5bcd9 Color Conversion

Color Schemes with #b5bcd9

Alternatives to #b5bcd9

#b5bcd9 Preview

Shades and Tints of #b5bcd9

Tones of #b5bcd9

Color Blindness Simulator