#b2bcc9 hex color

In a RGB color space, hex #b2bcc9 is composed of 69.8% red, 73.7% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 6.5% magenta, 0% yellow and 21.2% black. It has a hue angle of 213.9 degrees, a saturation of 17.6% and a lightness of 74.3%. #b2bcc9 color hex could be obtained by blending #ffffff with #657993. Closest websafe color is: #99cccc.

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

● #b2bcc9 color description : Grayish blue.

The hexadecimal color #b2bcc9 has RGB values of R:178, G:188, B:201 and CMYK values of C:0.11, M:0.06, Y:0, K:0.21. Its decimal value is 11713737.

Hex triplet	b2bcc9	`#b2bcc9`
RGB Decimal	178, 188, 201	`rgb(178,188,201)`
RGB Percent	69.8, 73.7, 78.8	`rgb(69.8%,73.7%,78.8%)`
CMYK	11, 6, 0, 21
HSL	213.9°, 17.6, 74.3	`hsl(213.9,17.6%,74.3%)`
HSV (or HSB)	213.9°, 11.4, 78.8
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.853, -0.855, -7.731
XYZ	46.884, 49.648, 62.368
xyY	0.295, 0.312, 49.648
CIE-LCH	75.853, 7.778, 263.689
CIE-LUV	75.853, -6.138, -11.619
Hunter-Lab	70.461, -4.536, -3.157
Binary	10110010, 10111100, 11001001

#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#c9bfb2
```
#c9bfb2 rgb(201,191,178)
```

Complementary Color

#b2c8c9
```
#b2c8c9 rgb(178,200,201)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#b4b2c9
```
#b4b2c9 rgb(180,178,201)
```

Analogous Color

#c8c9b2
```
#c8c9b2 rgb(200,201,178)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#c9b4b2
```
#c9b4b2 rgb(201,180,178)
```

Split Complementary Color

#bcc9b2
```
#bcc9b2 rgb(188,201,178)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#c9b2bc
```
#c9b2bc rgb(201,178,188)
```

Triadic Color

#b2c9bf
```
#b2c9bf rgb(178,201,191)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#c9b2bc
```
#c9b2bc rgb(201,178,188)
```
#c9bfb2
```
#c9bfb2 rgb(201,191,178)
```

Tetradic Color

#8595a9
```
#8595a9 rgb(133,149,169)
```
#94a2b4
```
#94a2b4 rgb(148,162,180)
```
#a3afbe
```
#a3afbe rgb(163,175,190)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#c1c9d4
```
#c1c9d4 rgb(193,201,212)
```
#d0d6de
```
#d0d6de rgb(208,214,222)
```
#dfe3e9
```
#dfe3e9 rgb(223,227,233)
```

Monochromatic Color

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

#b2c2c9
```
#b2c2c9 rgb(178,194,201)
```
#b2c0c9
```
#b2c0c9 rgb(178,192,201)
```
#b2bec9
```
#b2bec9 rgb(178,190,201)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#b2bac9
```
#b2bac9 rgb(178,186,201)
```
#b2b8c9
```
#b2b8c9 rgb(178,184,201)
```
#b2b6c9
```
#b2b6c9 rgb(178,182,201)
```

Similar Colors

Text with hexadecimal color #b2bcc9

This text has a font color of #b2bcc9.

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

#b2bcc9 background color

This paragraph has a background color of #b2bcc9.

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

#b2bcc9 border color

This element has a border color of #b2bcc9.

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

CSS codes

.text {color:#b2bcc9;}

.background {background-color:#b2bcc9;}

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0d0f
```
#0b0d0f rgb(11,13,15)
```
#13161b
```
#13161b rgb(19,22,27)
```
#1b2026
```
#1b2026 rgb(27,32,38)
```
#232932
```
#232932 rgb(35,41,50)
```
#2b333d
```
#2b333d rgb(43,51,61)
```
#333d49
```
#333d49 rgb(51,61,73)
```
#3b4654
```
#3b4654 rgb(59,70,84)
```
#435060
```
#435060 rgb(67,80,96)
```
#4b596b
```
#4b596b rgb(75,89,107)
```
#536377
```
#536377 rgb(83,99,119)
```
#5c6c83
```
#5c6c83 rgb(92,108,131)
```
#64768e
```
#64768e rgb(100,118,142)
```

Shade Color Variation

#6d8098
```
#6d8098 rgb(109,128,152)
```
#788aa1
```
#788aa1 rgb(120,138,161)
```
#8494a9
```
#8494a9 rgb(132,148,169)
```
#8f9eb1
```
#8f9eb1 rgb(143,158,177)
```
#9ba8b9
```
#9ba8b9 rgb(155,168,185)
```
#a6b2c1
```
#a6b2c1 rgb(166,178,193)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#bec6d1
```
#bec6d1 rgb(190,198,209)
```
#c9d0d9
```
#c9d0d9 rgb(201,208,217)
```
#d5dae1
```
#d5dae1 rgb(213,218,225)
```
#e0e4e9
```
#e0e4e9 rgb(224,228,233)
```
#eceef1
```
#eceef1 rgb(236,238,241)
```
#f7f8fa
```
#f7f8fa rgb(247,248,250)
```

Tint Color Variation

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

#bcbdbf
```
#bcbdbf rgb(188,189,191)
```
#b7bdc4
```
#b7bdc4 rgb(183,189,196)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#adbbce
```
#adbbce rgb(173,187,206)
```
#a8bbd3
```
#a8bbd3 rgb(168,187,211)
```
#a3bad8
```
#a3bad8 rgb(163,186,216)
```
#9eb9dd
```
#9eb9dd rgb(158,185,221)
```
#99b9e2
```
#99b9e2 rgb(153,185,226)
```
#94b8e7
```
#94b8e7 rgb(148,184,231)
```
#8fb7ec
```
#8fb7ec rgb(143,183,236)
```
#8ab7f1
```
#8ab7f1 rgb(138,183,241)
```
#85b6f6
```
#85b6f6 rgb(133,182,246)
```
#80b5fb
```
#80b5fb rgb(128,181,251)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8babd Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbdca Protanopia 1% of men
#c8b9cd Deuteranopia 1% of men
#b6bfcc Tritanopia 0.001% of the population

Trichromacy

#b9bcca Protanomaly 1% of men, 0.01% of women
#c0bacc Deuteranomaly 6% of men, 0.4% of women
#b4becb Tritanomaly 0.01% of the population

#b2bcc9 hex color

#b2bcc9 Color Information

#b2bcc9 Color Conversion

Color Schemes with #b2bcc9

Alternatives to #b2bcc9

#b2bcc9 Preview

Shades and Tints of #b2bcc9

Tones of #b2bcc9

Color Blindness Simulator