#b4bcca hex color

In a RGB color space, hex #b4bcca is composed of 70.6% red, 73.7% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 6.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 218.2 degrees, a saturation of 17.2% and a lightness of 74.9%. #b4bcca color hex could be obtained by blending #ffffff with #697995. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 74
- B 79
RGB color chart
- C 11
- M 7
- Y 0
- K 21
CMYK color chart

● #b4bcca color description : Grayish blue.

The hexadecimal color #b4bcca has RGB values of R:180, G:188, B:202 and CMYK values of C:0.11, M:0.07, Y:0, K:0.21. Its decimal value is 11844810.

Hex triplet	b4bcca	`#b4bcca`
RGB Decimal	180, 188, 202	`rgb(180,188,202)`
RGB Percent	70.6, 73.7, 79.2	`rgb(70.6%,73.7%,79.2%)`
CMYK	11, 7, 0, 21
HSL	218.2°, 17.2, 74.9	`hsl(218.2,17.2%,74.9%)`
HSV (or HSB)	218.2°, 10.9, 79.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.028, 0.011, -7.997
XYZ	47.464, 49.934, 63.011
xyY	0.296, 0.311, 49.934
CIE-LCH	76.028, 7.997, 270.076
CIE-LUV	76.028, -5.13, -12.18
Hunter-Lab	70.664, -3.765, -3.405
Binary	10110100, 10111100, 11001010

#b4bcca
```
#b4bcca rgb(180,188,202)
```
#cac2b4
```
#cac2b4 rgb(202,194,180)
```

Complementary Color

#b4c7ca
```
#b4c7ca rgb(180,199,202)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```
#b7b4ca
```
#b7b4ca rgb(183,180,202)
```

Analogous Color

#c7cab4
```
#c7cab4 rgb(199,202,180)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```
#cab7b4
```
#cab7b4 rgb(202,183,180)
```

Split Complementary Color

#bccab4
```
#bccab4 rgb(188,202,180)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```
#cab4bc
```
#cab4bc rgb(202,180,188)
```

Triadic Color

#b4cac2
```
#b4cac2 rgb(180,202,194)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```
#cab4bc
```
#cab4bc rgb(202,180,188)
```
#cac2b4
```
#cac2b4 rgb(202,194,180)
```

Tetradic Color

#8794aa
```
#8794aa rgb(135,148,170)
```
#96a1b5
```
#96a1b5 rgb(150,161,181)
```
#a5afbf
```
#a5afbf rgb(165,175,191)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```
#c3c9d5
```
#c3c9d5 rgb(195,201,213)
```
#d2d7df
```
#d2d7df rgb(210,215,223)
```
#e1e4ea
```
#e1e4ea rgb(225,228,234)
```

Monochromatic Color

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

#b4c2ca
```
#b4c2ca rgb(180,194,202)
```
#b4c0ca
```
#b4c0ca rgb(180,192,202)
```
#b4beca
```
#b4beca rgb(180,190,202)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```
#b4baca
```
#b4baca rgb(180,186,202)
```
#b4b8ca
```
#b4b8ca rgb(180,184,202)
```
#b4b7ca
```
#b4b7ca rgb(180,183,202)
```

Similar Colors

Text with hexadecimal color #b4bcca

This text has a font color of #b4bcca.

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

#b4bcca background color

This paragraph has a background color of #b4bcca.

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

#b4bcca border color

This element has a border color of #b4bcca.

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

CSS codes

.text {color:#b4bcca;}

.background {background-color:#b4bcca;}

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0e11
```
#0c0e11 rgb(12,14,17)
```
#14171c
```
#14171c rgb(20,23,28)
```
#1c2028
```
#1c2028 rgb(28,32,40)
```
#242a33
```
#242a33 rgb(36,42,51)
```
#2c333f
```
#2c333f rgb(44,51,63)
```
#353d4a
```
#353d4a rgb(53,61,74)
```
#3d4656
```
#3d4656 rgb(61,70,86)
```
#454f61
```
#454f61 rgb(69,79,97)
```
#4d596d
```
#4d596d rgb(77,89,109)
```
#556278
```
#556278 rgb(85,98,120)
```
#5d6b84
```
#5d6b84 rgb(93,107,132)
```
#65758f
```
#65758f rgb(101,117,143)
```

Shade Color Variation

#6f7e99
```
#6f7e99 rgb(111,126,153)
```
#7b89a1
```
#7b89a1 rgb(123,137,161)
```
#8693aa
```
#8693aa rgb(134,147,170)
```
#929db2
```
#929db2 rgb(146,157,178)
```
#9da7ba
```
#9da7ba rgb(157,167,186)
```
#a9b2c2
```
#a9b2c2 rgb(169,178,194)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```
#bfc6d2
```
#bfc6d2 rgb(191,198,210)
```
#cbd1da
```
#cbd1da rgb(203,209,218)
```
#d6dbe2
```
#d6dbe2 rgb(214,219,226)
```
#e2e5ea
```
#e2e5ea rgb(226,229,234)
```
#edeff3
```
#edeff3 rgb(237,239,243)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

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

#bebfc0
```
#bebfc0 rgb(190,191,192)
```
#b9bdc5
```
#b9bdc5 rgb(185,189,197)
```
#b4bcca
```
#b4bcca rgb(180,188,202)
```
#afbbcf
```
#afbbcf rgb(175,187,207)
```
#aab9d4
```
#aab9d4 rgb(170,185,212)
```
#a5b8d9
```
#a5b8d9 rgb(165,184,217)
```
#a0b7de
```
#a0b7de rgb(160,183,222)
```
#9bb5e3
```
#9bb5e3 rgb(155,181,227)
```
#96b4e8
```
#96b4e8 rgb(150,180,232)
```
#92b3ec
```
#92b3ec rgb(146,179,236)
```
#8db1f1
```
#8db1f1 rgb(141,177,241)
```
#88b0f6
```
#88b0f6 rgb(136,176,246)
```
#83affb
```
#83affb rgb(131,175,251)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#babbbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#bebdcb Protanopia 1% of men
#c9bace Deuteranopia 1% of men
#b7bfcd Tritanopia 0.001% of the population

Trichromacy

#babdcb Protanomaly 1% of men, 0.01% of women
#c1bacc Deuteranomaly 6% of men, 0.4% of women
#b6becb Tritanomaly 0.01% of the population

#b4bcca hex color

#b4bcca Color Information

#b4bcca Color Conversion

Color Schemes with #b4bcca

Alternatives to #b4bcca

#b4bcca Preview

Shades and Tints of #b4bcca

Tones of #b4bcca

Color Blindness Simulator