#bac8d4 hex color

In a RGB color space, hex #bac8d4 is composed of 72.9% red, 78.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 5.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 207.7 degrees, a saturation of 23.2% and a lightness of 78%. #bac8d4 color hex could be obtained by blending #ffffff with #7591a9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 78
- B 83
RGB color chart
- C 12
- M 6
- Y 0
- K 17
CMYK color chart

● #bac8d4 color description : Grayish blue.

The hexadecimal color #bac8d4 has RGB values of R:186, G:200, B:212 and CMYK values of C:0.12, M:0.06, Y:0, K:0.17. Its decimal value is 12241108.

Hex triplet	bac8d4	`#bac8d4`
RGB Decimal	186, 200, 212	`rgb(186,200,212)`
RGB Percent	72.9, 78.4, 83.1	`rgb(72.9%,78.4%,83.1%)`
CMYK	12, 6, 0, 17
HSL	207.7°, 23.2, 78	`hsl(207.7,23.2%,78%)`
HSV (or HSB)	207.7°, 12.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.898, -2.366, -7.608
XYZ	52.785, 56.5, 70.408
xyY	0.294, 0.314, 56.5
CIE-LCH	79.898, 7.967, 252.727
CIE-LUV	79.898, -8.187, -11.269
Hunter-Lab	75.167, -6.192, -2.92
Binary	10111010, 11001000, 11010100

#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#d4c6ba
```
#d4c6ba rgb(212,198,186)
```

Complementary Color

#bad4d3
```
#bad4d3 rgb(186,212,211)
```
#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#babbd4
```
#babbd4 rgb(186,187,212)
```

Analogous Color

#d4d3ba
```
#d4d3ba rgb(212,211,186)
```
#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#d4babb
```
#d4babb rgb(212,186,187)
```

Split Complementary Color

#c8d4ba
```
#c8d4ba rgb(200,212,186)
```
#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#d4bac8
```
#d4bac8 rgb(212,186,200)
```

Triadic Color

#bad4c6
```
#bad4c6 rgb(186,212,198)
```
#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#d4bac8
```
#d4bac8 rgb(212,186,200)
```
#d4c6ba
```
#d4c6ba rgb(212,198,186)
```

Tetradic Color

#8ba2b7
```
#8ba2b7 rgb(139,162,183)
```
#9bafc0
```
#9bafc0 rgb(155,175,192)
```
#aabbca
```
#aabbca rgb(170,187,202)
```
#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#cad5de
```
#cad5de rgb(202,213,222)
```
#d9e1e8
```
#d9e1e8 rgb(217,225,232)
```
#e9eef1
```
#e9eef1 rgb(233,238,241)
```

Monochromatic Color

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

#bacfd4
```
#bacfd4 rgb(186,207,212)
```
#baccd4
```
#baccd4 rgb(186,204,212)
```
#bacad4
```
#bacad4 rgb(186,202,212)
```
#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#bac6d4
```
#bac6d4 rgb(186,198,212)
```
#bac4d4
```
#bac4d4 rgb(186,196,212)
```
#bac2d4
```
#bac2d4 rgb(186,194,212)
```

Similar Colors

Text with hexadecimal color #bac8d4

This text has a font color of #bac8d4.

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

#bac8d4 background color

This paragraph has a background color of #bac8d4.

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

#bac8d4 border color

This element has a border color of #bac8d4.

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

CSS codes

.text {color:#bac8d4;}

.background {background-color:#bac8d4;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0d10
```
#0a0d10 rgb(10,13,16)
```
#11171c
```
#11171c rgb(17,23,28)
```
#192128
```
#192128 rgb(25,33,40)
```
#202b34
```
#202b34 rgb(32,43,52)
```
#283540
```
#283540 rgb(40,53,64)
```
#2f3f4c
```
#2f3f4c rgb(47,63,76)
```
#374958
```
#374958 rgb(55,73,88)
```
#3e5364
```
#3e5364 rgb(62,83,100)
```
#465d70
```
#465d70 rgb(70,93,112)
```
#4d677c
```
#4d677c rgb(77,103,124)
```
#557188
```
#557188 rgb(85,113,136)
```
#5d7b95
```
#5d7b95 rgb(93,123,149)
```

Shade Color Variation

#65859f
```
#65859f rgb(101,133,159)
```
#718ea7
```
#718ea7 rgb(113,142,167)
```
#7e98ae
```
#7e98ae rgb(126,152,174)
```
#8aa1b6
```
#8aa1b6 rgb(138,161,182)
```
#96abbd
```
#96abbd rgb(150,171,189)
```
#a2b5c5
```
#a2b5c5 rgb(162,181,197)
```
#aebecc
```
#aebecc rgb(174,190,204)
```
#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#c6d2dc
```
#c6d2dc rgb(198,210,220)
```
#d2dbe3
```
#d2dbe3 rgb(210,219,227)
```
#dee5eb
```
#dee5eb rgb(222,229,235)
```
#eaeff2
```
#eaeff2 rgb(234,239,242)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

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

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c3c7cb
```
#c3c7cb rgb(195,199,203)
```
#bec8d0
```
#bec8d0 rgb(190,200,208)
```
#bac8d4
```
#bac8d4 rgb(186,200,212)
```
#b6c8d8
```
#b6c8d8 rgb(182,200,216)
```
#b1c9dd
```
#b1c9dd rgb(177,201,221)
```
#adc9e1
```
#adc9e1 rgb(173,201,225)
```
#a9c9e5
```
#a9c9e5 rgb(169,201,229)
```
#a4caea
```
#a4caea rgb(164,202,234)
```
#a0caee
```
#a0caee rgb(160,202,238)
```
#9ccaf2
```
#9ccaf2 rgb(156,202,242)
```
#98cbf6
```
#98cbf6 rgb(152,203,246)
```
#93cbfb
```
#93cbfb rgb(147,203,251)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3c6c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c7d4 Protanopia 1% of men
#d4c3d8 Deuteranopia 1% of men
#becad8 Tritanopia 0.001% of the population

Trichromacy

#c3c7d4 Protanomaly 1% of men, 0.01% of women
#cac5d6 Deuteranomaly 6% of men, 0.4% of women
#bcc9d7 Tritanomaly 0.01% of the population

#bac8d4 hex color

#bac8d4 Color Information

#bac8d4 Color Conversion

Color Schemes with #bac8d4

Alternatives to #bac8d4

#bac8d4 Preview

Shades and Tints of #bac8d4

Tones of #bac8d4

Color Blindness Simulator