#b4c1ce hex color

In a RGB color space, hex #b4c1ce is composed of 70.6% red, 75.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 6.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 210 degrees, a saturation of 21% and a lightness of 75.7%. #b4c1ce color hex could be obtained by blending #ffffff with #69839d. 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

● #b4c1ce color description : Grayish blue.

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

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

CIE-LAB	77.459, -1.839, -8.04
XYZ	49.031, 52.299, 65.901
xyY	0.293, 0.313, 52.299
CIE-LCH	77.459, 8.248, 257.113
CIE-LUV	77.459, -7.707, -11.977
Hunter-Lab	72.318, -5.536, -3.406
Binary	10110100, 11000001, 11001110

#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#cec1b4
```
#cec1b4 rgb(206,193,180)
```

Complementary Color

#b4cece
```
#b4cece rgb(180,206,206)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#b4b4ce
```
#b4b4ce rgb(180,180,206)
```

Analogous Color

#ceceb4
```
#ceceb4 rgb(206,206,180)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#ceb4b4
```
#ceb4b4 rgb(206,180,180)
```

Split Complementary Color

#c1ceb4
```
#c1ceb4 rgb(193,206,180)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#ceb4c1
```
#ceb4c1 rgb(206,180,193)
```

Triadic Color

#b4cec1
```
#b4cec1 rgb(180,206,193)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#ceb4c1
```
#ceb4c1 rgb(206,180,193)
```
#cec1b4
```
#cec1b4 rgb(206,193,180)
```

Tetradic Color

#869bb0
```
#869bb0 rgb(134,155,176)
```
#95a8ba
```
#95a8ba rgb(149,168,186)
```
#a5b4c4
```
#a5b4c4 rgb(165,180,196)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#c3ced8
```
#c3ced8 rgb(195,206,216)
```
#d3dbe2
```
#d3dbe2 rgb(211,219,226)
```
#e2e7ec
```
#e2e7ec rgb(226,231,236)
```

Monochromatic Color

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

#b4c8ce
```
#b4c8ce rgb(180,200,206)
```
#b4c5ce
```
#b4c5ce rgb(180,197,206)
```
#b4c3ce
```
#b4c3ce rgb(180,195,206)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#b4bfce
```
#b4bfce rgb(180,191,206)
```
#b4bdce
```
#b4bdce rgb(180,189,206)
```
#b4bbce
```
#b4bbce rgb(180,187,206)
```

Similar Colors

Text with hexadecimal color #b4c1ce

This text has a font color of #b4c1ce.

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

#b4c1ce background color

This paragraph has a background color of #b4c1ce.

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

#b4c1ce border color

This element has a border color of #b4c1ce.

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

CSS codes

.text {color:#b4c1ce;}

.background {background-color:#b4c1ce;}

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

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)
```
#0d1014
```
#0d1014 rgb(13,16,20)
```
#151a20
```
#151a20 rgb(21,26,32)
```
#1d242c
```
#1d242c rgb(29,36,44)
```
#242e38
```
#242e38 rgb(36,46,56)
```
#2c3843
```
#2c3843 rgb(44,56,67)
```
#34424f
```
#34424f rgb(52,66,79)
```
#3c4b5b
```
#3c4b5b rgb(60,75,91)
```
#435567
```
#435567 rgb(67,85,103)
```
#4b5f73
```
#4b5f73 rgb(75,95,115)
```
#53697f
```
#53697f rgb(83,105,127)
```
#5b738b
```
#5b738b rgb(91,115,139)
```
#627c96
```
#627c96 rgb(98,124,150)
```

Shade Color Variation

#6d869f
```
#6d869f rgb(109,134,159)
```
#7990a7
```
#7990a7 rgb(121,144,167)
```
#859aaf
```
#859aaf rgb(133,154,175)
```
#90a4b7
```
#90a4b7 rgb(144,164,183)
```
#9cadbe
```
#9cadbe rgb(156,173,190)
```
#a8b7c6
```
#a8b7c6 rgb(168,183,198)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#c0cbd6
```
#c0cbd6 rgb(192,203,214)
```
#ccd5de
```
#ccd5de rgb(204,213,222)
```
#d8dee5
```
#d8dee5 rgb(216,222,229)
```
#e3e8ed
```
#e3e8ed rgb(227,232,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 #84c1fe is the most saturated one.

#bec1c4
```
#bec1c4 rgb(190,193,196)
```
#b9c1c9
```
#b9c1c9 rgb(185,193,201)
```
#b4c1ce
```
#b4c1ce rgb(180,193,206)
```
#afc1d3
```
#afc1d3 rgb(175,193,211)
```
#aac1d8
```
#aac1d8 rgb(170,193,216)
```
#a6c1dc
```
#a6c1dc rgb(166,193,220)
```
#a1c1e1
```
#a1c1e1 rgb(161,193,225)
```
#9cc1e6
```
#9cc1e6 rgb(156,193,230)
```
#97c1eb
```
#97c1eb rgb(151,193,235)
```
#93c1ef
```
#93c1ef rgb(147,193,239)
```
#8ec1f4
```
#8ec1f4 rgb(142,193,244)
```
#89c1f9
```
#89c1f9 rgb(137,193,249)
```
#84c1fe
```
#84c1fe rgb(132,193,254)
```

Tone Color Variation

Below, you can see how #b4c1ce 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
#bdbfc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c1cf Protanopia 1% of men
#ccbdd2 Deuteranopia 1% of men
#b8c3d2 Tritanopia 0.001% of the population

Trichromacy

#bcc1ce Protanomaly 1% of men, 0.01% of women
#c3bed1 Deuteranomaly 6% of men, 0.4% of women
#b6c2d0 Tritanomaly 0.01% of the population

#b4c1ce hex color

#b4c1ce Color Information

#b4c1ce Color Conversion

Color Schemes with #b4c1ce

Alternatives to #b4c1ce

#b4c1ce Preview

Shades and Tints of #b4c1ce

Tones of #b4c1ce

Color Blindness Simulator