#bac4ce hex color

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

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

● #bac4ce color description : Grayish blue.

The hexadecimal color #bac4ce has RGB values of R:186, G:196, B:206 and CMYK values of C:0.1, M:0.05, Y:0, K:0.19. Its decimal value is 12240078.

Hex triplet	bac4ce	`#bac4ce`
RGB Decimal	186, 196, 206	`rgb(186,196,206)`
RGB Percent	72.9, 76.9, 80.8	`rgb(72.9%,76.9%,80.8%)`
CMYK	10, 5, 0, 19
HSL	210°, 16.9, 76.9	`hsl(210,16.9%,76.9%)`
HSV (or HSB)	210°, 9.7, 80.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.68, -1.462, -6.184
XYZ	51.128, 54.375, 66.191
xyY	0.298, 0.317, 54.375
CIE-LCH	78.68, 6.354, 256.695
CIE-LUV	78.68, -6.002, -9.175
Hunter-Lab	73.739, -5.278, -1.603
Binary	10111010, 11000100, 11001110

#bac4ce
```
#bac4ce rgb(186,196,206)
```
#cec4ba
```
#cec4ba rgb(206,196,186)
```

Complementary Color

#bacece
```
#bacece rgb(186,206,206)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#babace
```
#babace rgb(186,186,206)
```

Analogous Color

#ceceba
```
#ceceba rgb(206,206,186)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#cebaba
```
#cebaba rgb(206,186,186)
```

Split Complementary Color

#c4ceba
```
#c4ceba rgb(196,206,186)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#cebac4
```
#cebac4 rgb(206,186,196)
```

Triadic Color

#bacec4
```
#bacec4 rgb(186,206,196)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#cebac4
```
#cebac4 rgb(206,186,196)
```
#cec4ba
```
#cec4ba rgb(206,196,186)
```

Tetradic Color

#8d9eae
```
#8d9eae rgb(141,158,174)
```
#9cabb9
```
#9cabb9 rgb(156,171,185)
```
#abb7c3
```
#abb7c3 rgb(171,183,195)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#c9d1d9
```
#c9d1d9 rgb(201,209,217)
```
#d8dee3
```
#d8dee3 rgb(216,222,227)
```
#e7eaee
```
#e7eaee rgb(231,234,238)
```

Monochromatic Color

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

#bac9ce
```
#bac9ce rgb(186,201,206)
```
#bac7ce
```
#bac7ce rgb(186,199,206)
```
#bac6ce
```
#bac6ce rgb(186,198,206)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#bac2ce
```
#bac2ce rgb(186,194,206)
```
#bac1ce
```
#bac1ce rgb(186,193,206)
```
#babfce
```
#babfce rgb(186,191,206)
```

Similar Colors

Text with hexadecimal color #bac4ce

This text has a font color of #bac4ce.

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

#bac4ce background color

This paragraph has a background color of #bac4ce.

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

#bac4ce border color

This element has a border color of #bac4ce.

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

CSS codes

.text {color:#bac4ce;}

.background {background-color:#bac4ce;}

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

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)
```
#101317
```
#101317 rgb(16,19,23)
```
#181d22
```
#181d22 rgb(24,29,34)
```
#20272e
```
#20272e rgb(32,39,46)
```
#293139
```
#293139 rgb(41,49,57)
```
#313b45
```
#313b45 rgb(49,59,69)
```
#394550
```
#394550 rgb(57,69,80)
```
#414e5c
```
#414e5c rgb(65,78,92)
```
#495867
```
#495867 rgb(73,88,103)
```
#516273
```
#516273 rgb(81,98,115)
```
#596c7e
```
#596c7e rgb(89,108,126)
```
#627689
```
#627689 rgb(98,118,137)
```
#6a7f95
```
#6a7f95 rgb(106,127,149)
```

Shade Color Variation

#75899d
```
#75899d rgb(117,137,157)
```
#8193a5
```
#8193a5 rgb(129,147,165)
```
#8c9dad
```
#8c9dad rgb(140,157,173)
```
#98a7b6
```
#98a7b6 rgb(152,167,182)
```
#a3b0be
```
#a3b0be rgb(163,176,190)
```
#afbac6
```
#afbac6 rgb(175,186,198)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#c5ced6
```
#c5ced6 rgb(197,206,214)
```
#d1d8de
```
#d1d8de rgb(209,216,222)
```
#dce1e6
```
#dce1e6 rgb(220,225,230)
```
#e8ebef
```
#e8ebef rgb(232,235,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 #8dc4fb is the most saturated one.

#c3c4c5
```
#c3c4c5 rgb(195,196,197)
```
#bfc4c9
```
#bfc4c9 rgb(191,196,201)
```
#bac4ce
```
#bac4ce rgb(186,196,206)
```
#b5c4d3
```
#b5c4d3 rgb(181,196,211)
```
#b1c4d7
```
#b1c4d7 rgb(177,196,215)
```
#acc4dc
```
#acc4dc rgb(172,196,220)
```
#a8c4e0
```
#a8c4e0 rgb(168,196,224)
```
#a3c4e5
```
#a3c4e5 rgb(163,196,229)
```
#9fc4e9
```
#9fc4e9 rgb(159,196,233)
```
#9ac4ee
```
#9ac4ee rgb(154,196,238)
```
#96c4f2
```
#96c4f2 rgb(150,196,242)
```
#91c4f7
```
#91c4f7 rgb(145,196,247)
```
#8dc4fb
```
#8dc4fb rgb(141,196,251)
```

Tone Color Variation

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

Dichromacy

#c6c4cf Protanopia 1% of men
#d2c0d2 Deuteranopia 1% of men
#bec6d4 Tritanopia 0.001% of the population

Trichromacy

#c1c4ce Protanomaly 1% of men, 0.01% of women
#c9c1d0 Deuteranomaly 6% of men, 0.4% of women
#bcc5d2 Tritanomaly 0.01% of the population

#bac4ce hex color

#bac4ce Color Information

#bac4ce Color Conversion

Color Schemes with #bac4ce

Alternatives to #bac4ce

#bac4ce Preview

Shades and Tints of #bac4ce

Tones of #bac4ce

Color Blindness Simulator