#b4bcc9 hex color

In a RGB color space, hex #b4bcc9 is composed of 70.6% red, 73.7% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 6.5% magenta, 0% yellow and 21.2% black. It has a hue angle of 217.1 degrees, a saturation of 16.3% and a lightness of 74.7%. #b4bcc9 color hex could be obtained by blending #ffffff with #697993. Closest websafe color is: #cccccc.

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

● #b4bcc9 color description : Grayish blue.

The hexadecimal color #b4bcc9 has RGB values of R:180, G:188, B:201 and CMYK values of C:0.1, M:0.06, Y:0, K:0.21. Its decimal value is 11844809.

Hex triplet	b4bcc9	`#b4bcc9`
RGB Decimal	180, 188, 201	`rgb(180,188,201)`
RGB Percent	70.6, 73.7, 78.8	`rgb(70.6%,73.7%,78.8%)`
CMYK	10, 6, 0, 21
HSL	217.1°, 16.3, 74.7	`hsl(217.1,16.3%,74.7%)`
HSV (or HSB)	217.1°, 10.4, 78.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.999, -0.193, -7.497
XYZ	47.346, 49.886, 62.39
xyY	0.297, 0.313, 49.886
CIE-LCH	75.999, 7.5, 268.522
CIE-LUV	75.999, -5.081, -11.368
Hunter-Lab	70.63, -3.948, -2.931
Binary	10110100, 10111100, 11001001

#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#c9c1b4
```
#c9c1b4 rgb(201,193,180)
```

Complementary Color

#b4c7c9
```
#b4c7c9 rgb(180,199,201)
```
#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#b7b4c9
```
#b7b4c9 rgb(183,180,201)
```

Analogous Color

#c7c9b4
```
#c7c9b4 rgb(199,201,180)
```
#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#c9b7b4
```
#c9b7b4 rgb(201,183,180)
```

Split Complementary Color

#bcc9b4
```
#bcc9b4 rgb(188,201,180)
```
#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#c9b4bc
```
#c9b4bc rgb(201,180,188)
```

Triadic Color

#b4c9c1
```
#b4c9c1 rgb(180,201,193)
```
#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#c9b4bc
```
#c9b4bc rgb(201,180,188)
```
#c9c1b4
```
#c9c1b4 rgb(201,193,180)
```

Tetradic Color

#8894a9
```
#8894a9 rgb(136,148,169)
```
#96a2b4
```
#96a2b4 rgb(150,162,180)
```
#a5afbe
```
#a5afbe rgb(165,175,190)
```
#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#c3c9d4
```
#c3c9d4 rgb(195,201,212)
```
#d2d6de
```
#d2d6de rgb(210,214,222)
```
#e0e4e9
```
#e0e4e9 rgb(224,228,233)
```

Monochromatic Color

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

#b4c1c9
```
#b4c1c9 rgb(180,193,201)
```
#b4c0c9
```
#b4c0c9 rgb(180,192,201)
```
#b4bec9
```
#b4bec9 rgb(180,190,201)
```
#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#b4bac9
```
#b4bac9 rgb(180,186,201)
```
#b4b9c9
```
#b4b9c9 rgb(180,185,201)
```
#b4b7c9
```
#b4b7c9 rgb(180,183,201)
```

Similar Colors

Text with hexadecimal color #b4bcc9

This text has a font color of #b4bcc9.

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

#b4bcc9 background color

This paragraph has a background color of #b4bcc9.

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

#b4bcc9 border color

This element has a border color of #b4bcc9.

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

CSS codes

.text {color:#b4bcc9;}

.background {background-color:#b4bcc9;}

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0c0d10
```
#0c0d10 rgb(12,13,16)
```
#14171c
```
#14171c rgb(20,23,28)
```
#1c2027
```
#1c2027 rgb(28,32,39)
```
#242a32
```
#242a32 rgb(36,42,50)
```
#2d333e
```
#2d333e rgb(45,51,62)
```
#353d49
```
#353d49 rgb(53,61,73)
```
#3d4655
```
#3d4655 rgb(61,70,85)
```
#454f60
```
#454f60 rgb(69,79,96)
```
#4d596b
```
#4d596b rgb(77,89,107)
```
#566277
```
#566277 rgb(86,98,119)
```
#5e6c82
```
#5e6c82 rgb(94,108,130)
```
#66758e
```
#66758e rgb(102,117,142)
```

Shade Color Variation

#707f98
```
#707f98 rgb(112,127,152)
```
#7b89a0
```
#7b89a0 rgb(123,137,160)
```
#8693a8
```
#8693a8 rgb(134,147,168)
```
#929db0
```
#929db0 rgb(146,157,176)
```
#9da8b9
```
#9da8b9 rgb(157,168,185)
```
#a9b2c1
```
#a9b2c1 rgb(169,178,193)
```
#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#bfc6d1
```
#bfc6d1 rgb(191,198,209)
```
#cbd0d9
```
#cbd0d9 rgb(203,208,217)
```
#d6dbe2
```
#d6dbe2 rgb(214,219,226)
```
#e2e5ea
```
#e2e5ea rgb(226,229,234)
```
#edeff2
```
#edeff2 rgb(237,239,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#bebebf
```
#bebebf rgb(190,190,191)
```
#b9bdc4
```
#b9bdc4 rgb(185,189,196)
```
#b4bcc9
```
#b4bcc9 rgb(180,188,201)
```
#afbbce
```
#afbbce rgb(175,187,206)
```
#aabad3
```
#aabad3 rgb(170,186,211)
```
#a5b8d8
```
#a5b8d8 rgb(165,184,216)
```
#a0b7dd
```
#a0b7dd rgb(160,183,221)
```
#9bb6e2
```
#9bb6e2 rgb(155,182,226)
```
#96b5e7
```
#96b5e7 rgb(150,181,231)
```
#91b4ec
```
#91b4ec rgb(145,180,236)
```
#8cb3f1
```
#8cb3f1 rgb(140,179,241)
```
#87b1f6
```
#87b1f6 rgb(135,177,246)
```
#82b0fb
```
#82b0fb rgb(130,176,251)
```

Tone Color Variation

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

#bebdca Protanopia 1% of men
#c9b9cd Deuteranopia 1% of men
#b8bfcc Tritanopia 0.001% of the population

Trichromacy

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

#b4bcc9 hex color

#b4bcc9 Color Information

#b4bcc9 Color Conversion

Color Schemes with #b4bcc9

Alternatives to #b4bcc9

#b4bcc9 Preview

Shades and Tints of #b4bcc9

Tones of #b4bcc9

Color Blindness Simulator