#b4bcda hex color

In a RGB color space, hex #b4bcda is composed of 70.6% red, 73.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 13.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 227.4 degrees, a saturation of 33.9% and a lightness of 78%. #b4bcda color hex could be obtained by blending #ffffff with #6979b5. Closest websafe color is: #cccccc.

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

● #b4bcda color description : Light grayish blue.

The hexadecimal color #b4bcda has RGB values of R:180, G:188, B:218 and CMYK values of C:0.17, M:0.14, Y:0, K:0.15. Its decimal value is 11844826.

Hex triplet	b4bcda	`#b4bcda`
RGB Decimal	180, 188, 218	`rgb(180,188,218)`
RGB Percent	70.6, 73.7, 85.5	`rgb(70.6%,73.7%,85.5%)`
CMYK	17, 14, 0, 15
HSL	227.4°, 33.9, 78	`hsl(227.4,33.9%,78%)`
HSV (or HSB)	227.4°, 17.4, 85.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.516, 3.388, -15.944
XYZ	49.458, 50.731, 73.512
xyY	0.285, 0.292, 50.731
CIE-LCH	76.516, 16.3, 281.998
CIE-LUV	76.516, -5.918, -25.333
Hunter-Lab	71.226, -0.698, -11.335
Binary	10110100, 10111100, 11011010

#b4bcda
```
#b4bcda rgb(180,188,218)
```
#dad2b4
```
#dad2b4 rgb(218,210,180)
```

Complementary Color

#b4cfda
```
#b4cfda rgb(180,207,218)
```
#b4bcda
```
#b4bcda rgb(180,188,218)
```
#bfb4da
```
#bfb4da rgb(191,180,218)
```

Analogous Color

#cfdab4
```
#cfdab4 rgb(207,218,180)
```
#b4bcda
```
#b4bcda rgb(180,188,218)
```
#dabfb4
```
#dabfb4 rgb(218,191,180)
```

Split Complementary Color

#bcdab4
```
#bcdab4 rgb(188,218,180)
```
#b4bcda
```
#b4bcda rgb(180,188,218)
```
#dab4bc
```
#dab4bc rgb(218,180,188)
```

Triadic Color

#b4dad2
```
#b4dad2 rgb(180,218,210)
```
#b4bcda
```
#b4bcda rgb(180,188,218)
```
#dab4bc
```
#dab4bc rgb(218,180,188)
```
#dad2b4
```
#dad2b4 rgb(218,210,180)
```

Tetradic Color

#818ec1
```
#818ec1 rgb(129,142,193)
```
#929dc9
```
#929dc9 rgb(146,157,201)
```
#a3add2
```
#a3add2 rgb(163,173,210)
```
#b4bcda
```
#b4bcda rgb(180,188,218)
```
#c5cbe2
```
#c5cbe2 rgb(197,203,226)
```
#d6dbeb
```
#d6dbeb rgb(214,219,235)
```
#e7eaf3
```
#e7eaf3 rgb(231,234,243)
```

Monochromatic Color

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

#b4c6da
```
#b4c6da rgb(180,198,218)
```
#b4c2da
```
#b4c2da rgb(180,194,218)
```
#b4bfda
```
#b4bfda rgb(180,191,218)
```
#b4bcda
```
#b4bcda rgb(180,188,218)
```
#b4b9da
```
#b4b9da rgb(180,185,218)
```
#b4b6da
```
#b4b6da rgb(180,182,218)
```
#b6b4da
```
#b6b4da rgb(182,180,218)
```

Similar Colors

Text with hexadecimal color #b4bcda

This text has a font color of #b4bcda.

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

#b4bcda background color

This paragraph has a background color of #b4bcda.

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

#b4bcda border color

This element has a border color of #b4bcda.

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

CSS codes

.text {color:#b4bcda;}

.background {background-color:#b4bcda;}

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

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)
```
#080a11
```
#080a11 rgb(8,10,17)
```
#0f121e
```
#0f121e rgb(15,18,30)
```
#151a2b
```
#151a2b rgb(21,26,43)
```
#1c2238
```
#1c2238 rgb(28,34,56)
```
#222a45
```
#222a45 rgb(34,42,69)
```
#293253
```
#293253 rgb(41,50,83)
```
#2f3960
```
#2f3960 rgb(47,57,96)
```
#36416d
```
#36416d rgb(54,65,109)
```
#3c497a
```
#3c497a rgb(60,73,122)
```
#435187
```
#435187 rgb(67,81,135)
```
#495994
```
#495994 rgb(73,89,148)
```
#5061a1
```
#5061a1 rgb(80,97,161)
```

Shade Color Variation

#586aad
```
#586aad rgb(88,106,173)
```
#6576b3
```
#6576b3 rgb(101,118,179)
```
#7281ba
```
#7281ba rgb(114,129,186)
```
#7f8dc0
```
#7f8dc0 rgb(127,141,192)
```
#8d99c7
```
#8d99c7 rgb(141,153,199)
```
#9aa5cd
```
#9aa5cd rgb(154,165,205)
```
#a7b0d4
```
#a7b0d4 rgb(167,176,212)
```
#b4bcda
```
#b4bcda rgb(180,188,218)
```
#c1c8e0
```
#c1c8e0 rgb(193,200,224)
```
#ced3e7
```
#ced3e7 rgb(206,211,231)
```
#dbdfed
```
#dbdfed rgb(219,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, #c5c6c9 is the less saturated color, while #92a8fc is the most saturated one.

#c5c6c9
```
#c5c6c9 rgb(197,198,201)
```
#c1c3cd
```
#c1c3cd rgb(193,195,205)
```
#bdc1d1
```
#bdc1d1 rgb(189,193,209)
```
#b8bed6
```
#b8bed6 rgb(184,190,214)
```
#b4bcda
```
#b4bcda rgb(180,188,218)
```
#b0bade
```
#b0bade rgb(176,186,222)
```
#abb7e3
```
#abb7e3 rgb(171,183,227)
```
#a7b5e7
```
#a7b5e7 rgb(167,181,231)
```
#a3b2eb
```
#a3b2eb rgb(163,178,235)
```
#9eb0f0
```
#9eb0f0 rgb(158,176,240)
```
#9aadf4
```
#9aadf4 rgb(154,173,244)
```
#96abf8
```
#96abf8 rgb(150,171,248)
```
#92a8fc
```
#92a8fc rgb(146,168,252)
```

Tone Color Variation

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

#babedb Protanopia 1% of men
#c3bbdd Deuteranopia 1% of men
#b5c1cf Tritanopia 0.001% of the population

Trichromacy

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

#b4bcda hex color

#b4bcda Color Information

#b4bcda Color Conversion

Color Schemes with #b4bcda

Alternatives to #b4bcda

#b4bcda Preview

Shades and Tints of #b4bcda

Tones of #b4bcda

Color Blindness Simulator