#bac5ce hex color

In a RGB color space, hex #bac5ce is composed of 72.9% red, 77.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 4.4% magenta, 0% yellow and 19.2% black. It has a hue angle of 207 degrees, a saturation of 16.9% and a lightness of 76.9%. #bac5ce color hex could be obtained by blending #ffffff with #758b9d. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 77
- B 81
RGB color chart
- C 10
- M 4
- Y 0
- K 19
CMYK color chart

● #bac5ce color description : Grayish blue.

The hexadecimal color #bac5ce has RGB values of R:186, G:197, B:206 and CMYK values of C:0.1, M:0.04, Y:0, K:0.19. Its decimal value is 12240334.

Hex triplet	bac5ce	`#bac5ce`
RGB Decimal	186, 197, 206	`rgb(186,197,206)`
RGB Percent	72.9, 77.3, 80.8	`rgb(72.9%,77.3%,80.8%)`
CMYK	10, 4, 0, 19
HSL	207°, 16.9, 76.9	`hsl(207,16.9%,76.9%)`
HSV (or HSB)	207°, 9.7, 80.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.942, -1.992, -5.796
XYZ	51.354, 54.827, 66.266
xyY	0.298, 0.318, 54.827
CIE-LCH	78.942, 6.129, 251.03
CIE-LUV	78.942, -6.486, -8.491
Hunter-Lab	74.045, -5.781, -1.229
Binary	10111010, 11000101, 11001110

#bac5ce
```
#bac5ce rgb(186,197,206)
```
#cec3ba
```
#cec3ba rgb(206,195,186)
```

Complementary Color

#bacecd
```
#bacecd rgb(186,206,205)
```
#bac5ce
```
#bac5ce rgb(186,197,206)
```
#babbce
```
#babbce rgb(186,187,206)
```

Analogous Color

#cecdba
```
#cecdba rgb(206,205,186)
```
#bac5ce
```
#bac5ce rgb(186,197,206)
```
#cebabb
```
#cebabb rgb(206,186,187)
```

Split Complementary Color

#c5ceba
```
#c5ceba rgb(197,206,186)
```
#bac5ce
```
#bac5ce rgb(186,197,206)
```
#cebac5
```
#cebac5 rgb(206,186,197)
```

Triadic Color

#bacec3
```
#bacec3 rgb(186,206,195)
```
#bac5ce
```
#bac5ce rgb(186,197,206)
```
#cebac5
```
#cebac5 rgb(206,186,197)
```
#cec3ba
```
#cec3ba rgb(206,195,186)
```

Tetradic Color

#8d9fae
```
#8d9fae rgb(141,159,174)
```
#9cacb9
```
#9cacb9 rgb(156,172,185)
```
#abb8c3
```
#abb8c3 rgb(171,184,195)
```
#bac5ce
```
#bac5ce rgb(186,197,206)
```
#c9d2d9
```
#c9d2d9 rgb(201,210,217)
```
#d8dee3
```
#d8dee3 rgb(216,222,227)
```
#e7ebee
```
#e7ebee rgb(231,235,238)
```

Monochromatic Color

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

#bacace
```
#bacace rgb(186,202,206)
```
#bac8ce
```
#bac8ce rgb(186,200,206)
```
#bac7ce
```
#bac7ce rgb(186,199,206)
```
#bac5ce
```
#bac5ce rgb(186,197,206)
```
#bac3ce
```
#bac3ce rgb(186,195,206)
```
#bac2ce
```
#bac2ce rgb(186,194,206)
```
#bac0ce
```
#bac0ce rgb(186,192,206)
```

Similar Colors

Text with hexadecimal color #bac5ce

This text has a font color of #bac5ce.

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

#bac5ce background color

This paragraph has a background color of #bac5ce.

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

#bac5ce border color

This element has a border color of #bac5ce.

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

CSS codes

.text {color:#bac5ce;}

.background {background-color:#bac5ce;}

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

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, #080a0b is the darkest color, while #ffffff is the lightest one.

#080a0b
```
#080a0b rgb(8,10,11)
```
#101417
```
#101417 rgb(16,20,23)
```
#181e22
```
#181e22 rgb(24,30,34)
```
#20282e
```
#20282e rgb(32,40,46)
```
#293239
```
#293239 rgb(41,50,57)
```
#313c45
```
#313c45 rgb(49,60,69)
```
#394650
```
#394650 rgb(57,70,80)
```
#41505c
```
#41505c rgb(65,80,92)
```
#495a67
```
#495a67 rgb(73,90,103)
```
#516473
```
#516473 rgb(81,100,115)
```
#596e7e
```
#596e7e rgb(89,110,126)
```
#627889
```
#627889 rgb(98,120,137)
```
#6a8295
```
#6a8295 rgb(106,130,149)
```

Shade Color Variation

#758b9d
```
#758b9d rgb(117,139,157)
```
#8195a5
```
#8195a5 rgb(129,149,165)
```
#8c9ead
```
#8c9ead rgb(140,158,173)
```
#98a8b6
```
#98a8b6 rgb(152,168,182)
```
#a3b2be
```
#a3b2be rgb(163,178,190)
```
#afbbc6
```
#afbbc6 rgb(175,187,198)
```
#bac5ce
```
#bac5ce rgb(186,197,206)
```
#c5cfd6
```
#c5cfd6 rgb(197,207,214)
```
#d1d8de
```
#d1d8de rgb(209,216,222)
```
#dce2e6
```
#dce2e6 rgb(220,226,230)
```
#e8ecef
```
#e8ecef rgb(232,236,239)
```
#f3f5f7
```
#f3f5f7 rgb(243,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c3c4c5
```
#c3c4c5 rgb(195,196,197)
```
#bfc5c9
```
#bfc5c9 rgb(191,197,201)
```
#bac5ce
```
#bac5ce rgb(186,197,206)
```
#b5c5d3
```
#b5c5d3 rgb(181,197,211)
```
#b1c6d7
```
#b1c6d7 rgb(177,198,215)
```
#acc6dc
```
#acc6dc rgb(172,198,220)
```
#a8c7e0
```
#a8c7e0 rgb(168,199,224)
```
#a3c7e5
```
#a3c7e5 rgb(163,199,229)
```
#9fc8e9
```
#9fc8e9 rgb(159,200,233)
```
#9ac8ee
```
#9ac8ee rgb(154,200,238)
```
#96c9f2
```
#96c9f2 rgb(150,201,242)
```
#91c9f7
```
#91c9f7 rgb(145,201,247)
```
#8dcafb
```
#8dcafb rgb(141,202,251)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c1c3c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c5cf Protanopia 1% of men
#d3c1d2 Deuteranopia 1% of men
#bec7d5 Tritanopia 0.001% of the population

Trichromacy

#c2c5ce Protanomaly 1% of men, 0.01% of women
#c9c2d1 Deuteranomaly 6% of men, 0.4% of women
#bcc6d2 Tritanomaly 0.01% of the population

#bac5ce hex color

#bac5ce Color Information

#bac5ce Color Conversion

Color Schemes with #bac5ce

Alternatives to #bac5ce

#bac5ce Preview

Shades and Tints of #bac5ce

Tones of #bac5ce

Color Blindness Simulator