#b4c9d3 hex color

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

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

● #b4c9d3 color description : Grayish blue.

The hexadecimal color #b4c9d3 has RGB values of R:180, G:201, B:211 and CMYK values of C:0.15, M:0.05, Y:0, K:0.17. Its decimal value is 11848147.

Hex triplet	b4c9d3	`#b4c9d3`
RGB Decimal	180, 201, 211	`rgb(180,201,211)`
RGB Percent	70.6, 78.8, 82.7	`rgb(70.6%,78.8%,82.7%)`
CMYK	15, 5, 0, 17
HSL	199.4°, 26.1, 76.7	`hsl(199.4,26.1%,76.7%)`
HSV (or HSB)	199.4°, 14.7, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.716, -5.037, -7.387
XYZ	51.464, 56.179, 69.757
xyY	0.29, 0.317, 56.179
CIE-LCH	79.716, 8.941, 235.711
CIE-LUV	79.716, -11.685, -10.482
Hunter-Lab	74.953, -8.604, -2.713
Binary	10110100, 11001001, 11010011

#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#d3beb4
```
#d3beb4 rgb(211,190,180)
```

Complementary Color

#b4d3ce
```
#b4d3ce rgb(180,211,206)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#b4bad3
```
#b4bad3 rgb(180,186,211)
```

Analogous Color

#d3ceb4
```
#d3ceb4 rgb(211,206,180)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#d3b4ba
```
#d3b4ba rgb(211,180,186)
```

Split Complementary Color

#c9d3b4
```
#c9d3b4 rgb(201,211,180)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#d3b4c9
```
#d3b4c9 rgb(211,180,201)
```

Triadic Color

#b4d3be
```
#b4d3be rgb(180,211,190)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#d3b4c9
```
#d3b4c9 rgb(211,180,201)
```
#d3beb4
```
#d3beb4 rgb(211,190,180)
```

Tetradic Color

#84a6b7
```
#84a6b7 rgb(132,166,183)
```
#94b2c0
```
#94b2c0 rgb(148,178,192)
```
#a4bdca
```
#a4bdca rgb(164,189,202)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#c4d5dc
```
#c4d5dc rgb(196,213,220)
```
#d4e0e6
```
#d4e0e6 rgb(212,224,230)
```
#e4ecef
```
#e4ecef rgb(228,236,239)
```

Monochromatic Color

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

#b4d1d3
```
#b4d1d3 rgb(180,209,211)
```
#b4ced3
```
#b4ced3 rgb(180,206,211)
```
#b4ccd3
```
#b4ccd3 rgb(180,204,211)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#b4c6d3
```
#b4c6d3 rgb(180,198,211)
```
#b4c4d3
```
#b4c4d3 rgb(180,196,211)
```
#b4c1d3
```
#b4c1d3 rgb(180,193,211)
```

Similar Colors

Text with hexadecimal color #b4c9d3

This text has a font color of #b4c9d3.

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

#b4c9d3 background color

This paragraph has a background color of #b4c9d3.

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

#b4c9d3 border color

This element has a border color of #b4c9d3.

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

CSS codes

.text {color:#b4c9d3;}

.background {background-color:#b4c9d3;}

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

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)
```
#0e1518
```
#0e1518 rgb(14,21,24)
```
#151f24
```
#151f24 rgb(21,31,36)
```
#1d2a31
```
#1d2a31 rgb(29,42,49)
```
#24353d
```
#24353d rgb(36,53,61)
```
#2b4049
```
#2b4049 rgb(43,64,73)
```
#324a56
```
#324a56 rgb(50,74,86)
```
#3a5562
```
#3a5562 rgb(58,85,98)
```
#41606e
```
#41606e rgb(65,96,110)
```
#486a7b
```
#486a7b rgb(72,106,123)
```
#4f7587
```
#4f7587 rgb(79,117,135)
```
#578094
```
#578094 rgb(87,128,148)
```
#5e8ba0
```
#5e8ba0 rgb(94,139,160)
```

Shade Color Variation

#6a94a7
```
#6a94a7 rgb(106,148,167)
```
#769caf
```
#769caf rgb(118,156,175)
```
#83a5b6
```
#83a5b6 rgb(131,165,182)
```
#8faebd
```
#8faebd rgb(143,174,189)
```
#9bb7c4
```
#9bb7c4 rgb(155,183,196)
```
#a8c0cc
```
#a8c0cc rgb(168,192,204)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#c0d2da
```
#c0d2da rgb(192,210,218)
```
#cddbe2
```
#cddbe2 rgb(205,219,226)
```
#d9e4e9
```
#d9e4e9 rgb(217,228,233)
```
#e5edf0
```
#e5edf0 rgb(229,237,240)
```
#f2f6f7
```
#f2f6f7 rgb(242,246,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 #8bd8fc is the most saturated one.

#c2c4c5
```
#c2c4c5 rgb(194,196,197)
```
#bdc6ca
```
#bdc6ca rgb(189,198,202)
```
#b9c7ce
```
#b9c7ce rgb(185,199,206)
```
#b4c9d3
```
#b4c9d3 rgb(180,201,211)
```
#afcbd8
```
#afcbd8 rgb(175,203,216)
```
#abccdc
```
#abccdc rgb(171,204,220)
```
#a6cee1
```
#a6cee1 rgb(166,206,225)
```
#a2cfe5
```
#a2cfe5 rgb(162,207,229)
```
#9dd1ea
```
#9dd1ea rgb(157,209,234)
```
#99d3ee
```
#99d3ee rgb(153,211,238)
```
#94d4f3
```
#94d4f3 rgb(148,212,243)
```
#8fd6f8
```
#8fd6f8 rgb(143,214,248)
```
#8bd8fc
```
#8bd8fc rgb(139,216,252)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c1c5c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c7d2 Protanopia 1% of men
#d3c3d8 Deuteranopia 1% of men
#b8cbd9 Tritanopia 0.001% of the population

Trichromacy

#c1c7d2 Protanomaly 1% of men, 0.01% of women
#c8c5d6 Deuteranomaly 6% of men, 0.4% of women
#b7cad7 Tritanomaly 0.01% of the population

#b4c9d3 hex color

#b4c9d3 Color Information

#b4c9d3 Color Conversion

Color Schemes with #b4c9d3

Alternatives to #b4c9d3

#b4c9d3 Preview

Shades and Tints of #b4c9d3

Tones of #b4c9d3

Color Blindness Simulator