#b4c6d3 hex color

In a RGB color space, hex #b4c6d3 is composed of 70.6% red, 77.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 6.2% magenta, 0% yellow and 17.3% black. It has a hue angle of 205.2 degrees, a saturation of 26.1% and a lightness of 76.7%. #b4c6d3 color hex could be obtained by blending #ffffff with #698da7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 78
- B 83
RGB color chart
- C 15
- M 6
- Y 0
- K 17
CMYK color chart

● #b4c6d3 color description : Grayish blue.

The hexadecimal color #b4c6d3 has RGB values of R:180, G:198, B:211 and CMYK values of C:0.15, M:0.06, Y:0, K:0.17. Its decimal value is 11847379.

Hex triplet	b4c6d3	`#b4c6d3`
RGB Decimal	180, 198, 211	`rgb(180,198,211)`
RGB Percent	70.6, 77.6, 82.7	`rgb(70.6%,77.6%,82.7%)`
CMYK	15, 6, 0, 17
HSL	205.2°, 26.1, 76.7	`hsl(205.2,26.1%,76.7%)`
HSV (or HSB)	205.2°, 14.7, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.922, -3.454, -8.564
XYZ	50.772, 54.794, 69.526
xyY	0.29, 0.313, 54.794
CIE-LCH	78.922, 9.234, 248.033
CIE-LUV	78.922, -10.275, -12.57
Hunter-Lab	74.023, -7.108, -3.872
Binary	10110100, 11000110, 11010011

#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#d3c1b4
```
#d3c1b4 rgb(211,193,180)
```

Complementary Color

#b4d3d1
```
#b4d3d1 rgb(180,211,209)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#b4b7d3
```
#b4b7d3 rgb(180,183,211)
```

Analogous Color

#d3d1b4
```
#d3d1b4 rgb(211,209,180)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#d3b4b7
```
#d3b4b7 rgb(211,180,183)
```

Split Complementary Color

#c6d3b4
```
#c6d3b4 rgb(198,211,180)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#d3b4c6
```
#d3b4c6 rgb(211,180,198)
```

Triadic Color

#b4d3c1
```
#b4d3c1 rgb(180,211,193)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#d3b4c6
```
#d3b4c6 rgb(211,180,198)
```
#d3c1b4
```
#d3c1b4 rgb(211,193,180)
```

Tetradic Color

#84a1b7
```
#84a1b7 rgb(132,161,183)
```
#94aec0
```
#94aec0 rgb(148,174,192)
```
#a4baca
```
#a4baca rgb(164,186,202)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#c4d2dc
```
#c4d2dc rgb(196,210,220)
```
#d4dee6
```
#d4dee6 rgb(212,222,230)
```
#e4ebef
```
#e4ebef rgb(228,235,239)
```

Monochromatic Color

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

#b4ced3
```
#b4ced3 rgb(180,206,211)
```
#b4cbd3
```
#b4cbd3 rgb(180,203,211)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#b4c3d3
```
#b4c3d3 rgb(180,195,211)
```
#b4c1d3
```
#b4c1d3 rgb(180,193,211)
```
#b4bed3
```
#b4bed3 rgb(180,190,211)
```

Similar Colors

Text with hexadecimal color #b4c6d3

This text has a font color of #b4c6d3.

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

#b4c6d3 background color

This paragraph has a background color of #b4c6d3.

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

#b4c6d3 border color

This element has a border color of #b4c6d3.

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

CSS codes

.text {color:#b4c6d3;}

.background {background-color:#b4c6d3;}

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

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, #070a0c is the darkest color, while #fefeff is the lightest one.

#070a0c
```
#070a0c rgb(7,10,12)
```
#0e1418
```
#0e1418 rgb(14,20,24)
```
#151e24
```
#151e24 rgb(21,30,36)
```
#1d2831
```
#1d2831 rgb(29,40,49)
```
#24323d
```
#24323d rgb(36,50,61)
```
#2b3d49
```
#2b3d49 rgb(43,61,73)
```
#324756
```
#324756 rgb(50,71,86)
```
#3a5162
```
#3a5162 rgb(58,81,98)
```
#415b6e
```
#415b6e rgb(65,91,110)
```
#48667b
```
#48667b rgb(72,102,123)
```
#4f7087
```
#4f7087 rgb(79,112,135)
```
#577a94
```
#577a94 rgb(87,122,148)
```
#5e84a0
```
#5e84a0 rgb(94,132,160)
```

Shade Color Variation

#6a8ea7
```
#6a8ea7 rgb(106,142,167)
```
#7697af
```
#7697af rgb(118,151,175)
```
#83a0b6
```
#83a0b6 rgb(131,160,182)
```
#8faabd
```
#8faabd rgb(143,170,189)
```
#9bb3c4
```
#9bb3c4 rgb(155,179,196)
```
#a8bdcc
```
#a8bdcc rgb(168,189,204)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#c0cfda
```
#c0cfda rgb(192,207,218)
```
#cdd9e2
```
#cdd9e2 rgb(205,217,226)
```
#d9e2e9
```
#d9e2e9 rgb(217,226,233)
```
#e5ecf0
```
#e5ecf0 rgb(229,236,240)
```
#f2f5f7
```
#f2f5f7 rgb(242,245,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#c2c4c5
```
#c2c4c5 rgb(194,196,197)
```
#bdc5ca
```
#bdc5ca rgb(189,197,202)
```
#b9c5ce
```
#b9c5ce rgb(185,197,206)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#afc7d8
```
#afc7d8 rgb(175,199,216)
```
#abc7dc
```
#abc7dc rgb(171,199,220)
```
#a6c8e1
```
#a6c8e1 rgb(166,200,225)
```
#a2c9e5
```
#a2c9e5 rgb(162,201,229)
```
#9dcaea
```
#9dcaea rgb(157,202,234)
```
#99caee
```
#99caee rgb(153,202,238)
```
#94cbf3
```
#94cbf3 rgb(148,203,243)
```
#8fccf8
```
#8fccf8 rgb(143,204,248)
```
#8bcdfc
```
#8bcdfc rgb(139,205,252)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bfc3c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c5d3 Protanopia 1% of men
#d0c1d7 Deuteranopia 1% of men
#b8c8d7 Tritanopia 0.001% of the population

Trichromacy

#bfc5d3 Protanomaly 1% of men, 0.01% of women
#c6c3d6 Deuteranomaly 6% of men, 0.4% of women
#b6c7d5 Tritanomaly 0.01% of the population

#b4c6d3 hex color

#b4c6d3 Color Information

#b4c6d3 Color Conversion

Color Schemes with #b4c6d3

Alternatives to #b4c6d3

#b4c6d3 Preview

Shades and Tints of #b4c6d3

Tones of #b4c6d3

Color Blindness Simulator