#b4c2ce hex color

In a RGB color space, hex #b4c2ce is composed of 70.6% red, 76.1% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 5.8% magenta, 0% yellow and 19.2% black. It has a hue angle of 207.7 degrees, a saturation of 21% and a lightness of 75.7%. #b4c2ce color hex could be obtained by blending #ffffff with #69859d. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 76
- B 81
RGB color chart
- C 13
- M 6
- Y 0
- K 19
CMYK color chart

● #b4c2ce color description : Grayish blue.

The hexadecimal color #b4c2ce has RGB values of R:180, G:194, B:206 and CMYK values of C:0.13, M:0.06, Y:0, K:0.19. Its decimal value is 11846350.

Hex triplet	b4c2ce	`#b4c2ce`
RGB Decimal	180, 194, 206	`rgb(180,194,206)`
RGB Percent	70.6, 76.1, 80.8	`rgb(70.6%,76.1%,80.8%)`
CMYK	13, 6, 0, 19
HSL	207.7°, 21, 75.7	`hsl(207.7,21%,75.7%)`
HSV (or HSB)	207.7°, 12.6, 80.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.723, -2.371, -7.649
XYZ	49.252, 52.743, 65.975
xyY	0.293, 0.314, 52.743
CIE-LCH	77.723, 8.008, 252.774
CIE-LUV	77.723, -8.184, -11.286
Hunter-Lab	72.624, -6.036, -3.025
Binary	10110100, 11000010, 11001110

#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#cec0b4
```
#cec0b4 rgb(206,192,180)
```

Complementary Color

#b4cecd
```
#b4cecd rgb(180,206,205)
```
#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#b4b5ce
```
#b4b5ce rgb(180,181,206)
```

Analogous Color

#cecdb4
```
#cecdb4 rgb(206,205,180)
```
#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#ceb4b5
```
#ceb4b5 rgb(206,180,181)
```

Split Complementary Color

#c2ceb4
```
#c2ceb4 rgb(194,206,180)
```
#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#ceb4c2
```
#ceb4c2 rgb(206,180,194)
```

Triadic Color

#b4cec0
```
#b4cec0 rgb(180,206,192)
```
#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#ceb4c2
```
#ceb4c2 rgb(206,180,194)
```
#cec0b4
```
#cec0b4 rgb(206,192,180)
```

Tetradic Color

#869cb0
```
#869cb0 rgb(134,156,176)
```
#95a9ba
```
#95a9ba rgb(149,169,186)
```
#a5b5c4
```
#a5b5c4 rgb(165,181,196)
```
#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#c3cfd8
```
#c3cfd8 rgb(195,207,216)
```
#d3dbe2
```
#d3dbe2 rgb(211,219,226)
```
#e2e8ec
```
#e2e8ec rgb(226,232,236)
```

Monochromatic Color

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

#b4c9ce
```
#b4c9ce rgb(180,201,206)
```
#b4c6ce
```
#b4c6ce rgb(180,198,206)
```
#b4c4ce
```
#b4c4ce rgb(180,196,206)
```
#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#b4c0ce
```
#b4c0ce rgb(180,192,206)
```
#b4bece
```
#b4bece rgb(180,190,206)
```
#b4bcce
```
#b4bcce rgb(180,188,206)
```

Similar Colors

Text with hexadecimal color #b4c2ce

This text has a font color of #b4c2ce.

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

#b4c2ce background color

This paragraph has a background color of #b4c2ce.

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

#b4c2ce border color

This element has a border color of #b4c2ce.

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

CSS codes

.text {color:#b4c2ce;}

.background {background-color:#b4c2ce;}

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

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

#050708
```
#050708 rgb(5,7,8)
```
#0d1114
```
#0d1114 rgb(13,17,20)
```
#151b20
```
#151b20 rgb(21,27,32)
```
#1d252c
```
#1d252c rgb(29,37,44)
```
#242f38
```
#242f38 rgb(36,47,56)
```
#2c3943
```
#2c3943 rgb(44,57,67)
```
#34434f
```
#34434f rgb(52,67,79)
```
#3c4d5b
```
#3c4d5b rgb(60,77,91)
```
#435667
```
#435667 rgb(67,86,103)
```
#4b6073
```
#4b6073 rgb(75,96,115)
```
#536a7f
```
#536a7f rgb(83,106,127)
```
#5b748b
```
#5b748b rgb(91,116,139)
```
#627e96
```
#627e96 rgb(98,126,150)
```

Shade Color Variation

#6d889f
```
#6d889f rgb(109,136,159)
```
#7992a7
```
#7992a7 rgb(121,146,167)
```
#859baf
```
#859baf rgb(133,155,175)
```
#90a5b7
```
#90a5b7 rgb(144,165,183)
```
#9cafbe
```
#9cafbe rgb(156,175,190)
```
#a8b8c6
```
#a8b8c6 rgb(168,184,198)
```
#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#c0ccd6
```
#c0ccd6 rgb(192,204,214)
```
#ccd5de
```
#ccd5de rgb(204,213,222)
```
#d8dfe5
```
#d8dfe5 rgb(216,223,229)
```
#e3e9ed
```
#e3e9ed rgb(227,233,237)
```
#eff2f5
```
#eff2f5 rgb(239,242,245)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#bec1c4
```
#bec1c4 rgb(190,193,196)
```
#b9c2c9
```
#b9c2c9 rgb(185,194,201)
```
#b4c2ce
```
#b4c2ce rgb(180,194,206)
```
#afc2d3
```
#afc2d3 rgb(175,194,211)
```
#aac3d8
```
#aac3d8 rgb(170,195,216)
```
#a6c3dc
```
#a6c3dc rgb(166,195,220)
```
#a1c3e1
```
#a1c3e1 rgb(161,195,225)
```
#9cc4e6
```
#9cc4e6 rgb(156,196,230)
```
#97c4eb
```
#97c4eb rgb(151,196,235)
```
#93c5ef
```
#93c5ef rgb(147,197,239)
```
#8ec5f4
```
#8ec5f4 rgb(142,197,244)
```
#89c5f9
```
#89c5f9 rgb(137,197,249)
```
#84c6fe
```
#84c6fe rgb(132,198,254)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bdc0c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c2ce Protanopia 1% of men
#cebed2 Deuteranopia 1% of men
#b8c4d2 Tritanopia 0.001% of the population

Trichromacy

#bdc2ce Protanomaly 1% of men, 0.01% of women
#c4bfd1 Deuteranomaly 6% of men, 0.4% of women
#b6c3d1 Tritanomaly 0.01% of the population

#b4c2ce hex color

#b4c2ce Color Information

#b4c2ce Color Conversion

Color Schemes with #b4c2ce

Alternatives to #b4c2ce

#b4c2ce Preview

Shades and Tints of #b4c2ce

Tones of #b4c2ce

Color Blindness Simulator