#b5bcd6 hex color

In a RGB color space, hex #b5bcd6 is composed of 71% red, 73.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 12.1% magenta, 0% yellow and 16.1% black. It has a hue angle of 227.3 degrees, a saturation of 28.7% and a lightness of 77.5%. #b5bcd6 color hex could be obtained by blending #ffffff with #6b79ad. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 74
- B 84
RGB color chart
- C 15
- M 12
- Y 0
- K 16
CMYK color chart

● #b5bcd6 color description : Grayish blue.

The hexadecimal color #b5bcd6 has RGB values of R:181, G:188, B:214 and CMYK values of C:0.15, M:0.12, Y:0, K:0.16. Its decimal value is 11910358.

Hex triplet	b5bcd6	`#b5bcd6`
RGB Decimal	181, 188, 214	`rgb(181,188,214)`
RGB Percent	71, 73.7, 83.9	`rgb(71%,73.7%,83.9%)`
CMYK	15, 12, 0, 16
HSL	227.3°, 28.7, 77.5	`hsl(227.3,28.7%,77.5%)`
HSV (or HSB)	227.3°, 15.4, 83.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.463, 2.845, -13.849
XYZ	49.175, 50.645, 70.799
xyY	0.288, 0.297, 50.645
CIE-LCH	76.463, 14.138, 281.608
CIE-LUV	76.463, -5.202, -21.884
Hunter-Lab	71.165, -1.197, -9.17
Binary	10110101, 10111100, 11010110

#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#d6cfb5
```
#d6cfb5 rgb(214,207,181)
```

Complementary Color

#b5cdd6
```
#b5cdd6 rgb(181,205,214)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#bfb5d6
```
#bfb5d6 rgb(191,181,214)
```

Analogous Color

#cdd6b5
```
#cdd6b5 rgb(205,214,181)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#d6bfb5
```
#d6bfb5 rgb(214,191,181)
```

Split Complementary Color

#bcd6b5
```
#bcd6b5 rgb(188,214,181)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#d6b5bc
```
#d6b5bc rgb(214,181,188)
```

Triadic Color

#b5d6cf
```
#b5d6cf rgb(181,214,207)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#d6b5bc
```
#d6b5bc rgb(214,181,188)
```
#d6cfb5
```
#d6cfb5 rgb(214,207,181)
```

Tetradic Color

#848fbb
```
#848fbb rgb(132,143,187)
```
#949ec4
```
#949ec4 rgb(148,158,196)
```
#a5adcd
```
#a5adcd rgb(165,173,205)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#c5cbdf
```
#c5cbdf rgb(197,203,223)
```
#d6dae8
```
#d6dae8 rgb(214,218,232)
```
#e6e9f1
```
#e6e9f1 rgb(230,233,241)
```

Monochromatic Color

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

#b5c4d6
```
#b5c4d6 rgb(181,196,214)
```
#b5c2d6
```
#b5c2d6 rgb(181,194,214)
```
#b5bfd6
```
#b5bfd6 rgb(181,191,214)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#b5b9d6
```
#b5b9d6 rgb(181,185,214)
```
#b5b7d6
```
#b5b7d6 rgb(181,183,214)
```
#b6b5d6
```
#b6b5d6 rgb(182,181,214)
```

Similar Colors

Text with hexadecimal color #b5bcd6

This text has a font color of #b5bcd6.

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

#b5bcd6 background color

This paragraph has a background color of #b5bcd6.

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

#b5bcd6 border color

This element has a border color of #b5bcd6.

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

CSS codes

.text {color:#b5bcd6;}

.background {background-color:#b5bcd6;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#08090e
```
#08090e rgb(8,9,14)
```
#0f111b
```
#0f111b rgb(15,17,27)
```
#161a28
```
#161a28 rgb(22,26,40)
```
#1d2234
```
#1d2234 rgb(29,34,52)
```
#242a41
```
#242a41 rgb(36,42,65)
```
#2b324d
```
#2b324d rgb(43,50,77)
```
#323a5a
```
#323a5a rgb(50,58,90)
```
#394367
```
#394367 rgb(57,67,103)
```
#404b73
```
#404b73 rgb(64,75,115)
```
#475380
```
#475380 rgb(71,83,128)
```
#4e5b8d
```
#4e5b8d rgb(78,91,141)
```
#556399
```
#556399 rgb(85,99,153)
```

Shade Color Variation

#5d6ca5
```
#5d6ca5 rgb(93,108,165)
```
#6977ac
```
#6977ac rgb(105,119,172)
```
#7683b3
```
#7683b3 rgb(118,131,179)
```
#838eba
```
#838eba rgb(131,142,186)
```
#8f9ac1
```
#8f9ac1 rgb(143,154,193)
```
#9ca5c8
```
#9ca5c8 rgb(156,165,200)
```
#a8b1cf
```
#a8b1cf rgb(168,177,207)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#c2c7dd
```
#c2c7dd rgb(194,199,221)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#dbdeeb
```
#dbdeeb rgb(219,222,235)
```
#e7eaf2
```
#e7eaf2 rgb(231,234,242)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

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

#c2c4c9
```
#c2c4c9 rgb(194,196,201)
```
#bec1cd
```
#bec1cd rgb(190,193,205)
```
#b9bfd2
```
#b9bfd2 rgb(185,191,210)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#b1b9da
```
#b1b9da rgb(177,185,218)
```
#acb7df
```
#acb7df rgb(172,183,223)
```
#a8b4e3
```
#a8b4e3 rgb(168,180,227)
```
#a3b2e8
```
#a3b2e8 rgb(163,178,232)
```
#9fafec
```
#9fafec rgb(159,175,236)
```
#9aadf1
```
#9aadf1 rgb(154,173,241)
```
#96aaf5
```
#96aaf5 rgb(150,170,245)
```
#92a8f9
```
#92a8f9 rgb(146,168,249)
```
#8da5fe
```
#8da5fe rgb(141,165,254)
```

Tone Color Variation

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

Dichromacy

#bbbed7 Protanopia 1% of men
#c5bbd9 Deuteranopia 1% of men
#b6c1ce Tritanopia 0.001% of the population

Trichromacy

#b9bdd7 Protanomaly 1% of men, 0.01% of women
#bfbbd8 Deuteranomaly 6% of men, 0.4% of women
#b6bfd1 Tritanomaly 0.01% of the population

#b5bcd6 hex color

#b5bcd6 Color Information

#b5bcd6 Color Conversion

Color Schemes with #b5bcd6

Alternatives to #b5bcd6

#b5bcd6 Preview

Shades and Tints of #b5bcd6

Tones of #b5bcd6

Color Blindness Simulator