#bac7df hex color

In a RGB color space, hex #bac7df is composed of 72.9% red, 78% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 10.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 218.9 degrees, a saturation of 36.6% and a lightness of 80.2%. #bac7df color hex could be obtained by blending #ffffff with #758fbf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 78
- B 87
RGB color chart
- C 17
- M 11
- Y 0
- K 13
CMYK color chart

● #bac7df color description : Light grayish blue.

The hexadecimal color #bac7df has RGB values of R:186, G:199, B:223 and CMYK values of C:0.17, M:0.11, Y:0, K:0.13. Its decimal value is 12240863.

Hex triplet	bac7df	`#bac7df`
RGB Decimal	186, 199, 223	`rgb(186,199,223)`
RGB Percent	72.9, 78, 87.5	`rgb(72.9%,78%,87.5%)`
CMYK	17, 11, 0, 13
HSL	218.9°, 36.6, 80.2	`hsl(218.9,36.6%,80.2%)`
HSV (or HSB)	218.9°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.961, 0.463, -13.42
XYZ	53.99, 56.613, 77.891
xyY	0.286, 0.3, 56.613
CIE-LCH	79.961, 13.428, 271.975
CIE-LUV	79.961, -8.19, -20.952
Hunter-Lab	75.242, -3.59, -8.709
Binary	10111010, 11000111, 11011111

#bac7df
```
#bac7df rgb(186,199,223)
```
#dfd2ba
```
#dfd2ba rgb(223,210,186)
```

Complementary Color

#badadf
```
#badadf rgb(186,218,223)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#c0badf
```
#c0badf rgb(192,186,223)
```

Analogous Color

#dadfba
```
#dadfba rgb(218,223,186)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#dfc0ba
```
#dfc0ba rgb(223,192,186)
```

Split Complementary Color

#c7dfba
```
#c7dfba rgb(199,223,186)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#dfbac7
```
#dfbac7 rgb(223,186,199)
```

Triadic Color

#badfd2
```
#badfd2 rgb(186,223,210)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#dfbac7
```
#dfbac7 rgb(223,186,199)
```
#dfd2ba
```
#dfd2ba rgb(223,210,186)
```

Tetradic Color

#869dc7
```
#869dc7 rgb(134,157,199)
```
#97abcf
```
#97abcf rgb(151,171,207)
```
#a9b9d7
```
#a9b9d7 rgb(169,185,215)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#cbd5e7
```
#cbd5e7 rgb(203,213,231)
```
#dde3ef
```
#dde3ef rgb(221,227,239)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```

Monochromatic Color

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

#bad0df
```
#bad0df rgb(186,208,223)
```
#bacddf
```
#bacddf rgb(186,205,223)
```
#bacadf
```
#bacadf rgb(186,202,223)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#bac1df
```
#bac1df rgb(186,193,223)
```
#babedf
```
#babedf rgb(186,190,223)
```

Similar Colors

Text with hexadecimal color #bac7df

This text has a font color of #bac7df.

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

#bac7df background color

This paragraph has a background color of #bac7df.

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

#bac7df border color

This element has a border color of #bac7df.

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

CSS codes

.text {color:#bac7df;}

.background {background-color:#bac7df;}

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

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, #05070b is the darkest color, while #fdfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0c1019
```
#0c1019 rgb(12,16,25)
```
#121926
```
#121926 rgb(18,25,38)
```
#182234
```
#182234 rgb(24,34,52)
```
#1e2a41
```
#1e2a41 rgb(30,42,65)
```
#24334e
```
#24334e rgb(36,51,78)
```
#2b3c5c
```
#2b3c5c rgb(43,60,92)
```
#314569
```
#314569 rgb(49,69,105)
```
#374d77
```
#374d77 rgb(55,77,119)
```
#3d5684
```
#3d5684 rgb(61,86,132)
```
#435f91
```
#435f91 rgb(67,95,145)
```
#4a689f
```
#4a689f rgb(74,104,159)
```
#5070ac
```
#5070ac rgb(80,112,172)
```

Shade Color Variation

#5c7bb3
```
#5c7bb3 rgb(92,123,179)
```
#6a86ba
```
#6a86ba rgb(106,134,186)
```
#7791c0
```
#7791c0 rgb(119,145,192)
```
#849bc6
```
#849bc6 rgb(132,155,198)
```
#92a6cc
```
#92a6cc rgb(146,166,204)
```
#9fb1d3
```
#9fb1d3 rgb(159,177,211)
```
#adbcd9
```
#adbcd9 rgb(173,188,217)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#c7d2e5
```
#c7d2e5 rgb(199,210,229)
```
#d5ddeb
```
#d5ddeb rgb(213,221,235)
```
#e2e8f2
```
#e2e8f2 rgb(226,232,242)
```
#f0f3f8
```
#f0f3f8 rgb(240,243,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#cacccf
```
#cacccf rgb(202,204,207)
```
#c6cad3
```
#c6cad3 rgb(198,202,211)
```
#c2c9d7
```
#c2c9d7 rgb(194,201,215)
```
#bec8db
```
#bec8db rgb(190,200,219)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#b6c6e3
```
#b6c6e3 rgb(182,198,227)
```
#b2c5e7
```
#b2c5e7 rgb(178,197,231)
```
#aec4eb
```
#aec4eb rgb(174,196,235)
```
#aac2ef
```
#aac2ef rgb(170,194,239)
```
#a7c1f2
```
#a7c1f2 rgb(167,193,242)
```
#a3c0f6
```
#a3c0f6 rgb(163,192,246)
```
#9fbffa
```
#9fbffa rgb(159,191,250)
```
#9bbefe
```
#9bbefe rgb(155,190,254)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c7df Protanopia 1% of men
#cfc4e2 Deuteranopia 1% of men
#bccbd9 Tritanopia 0.001% of the population

Trichromacy

#c1c7df Protanomaly 1% of men, 0.01% of women
#c7c5e1 Deuteranomaly 6% of men, 0.4% of women
#bbc9db Tritanomaly 0.01% of the population

#bac7df hex color

#bac7df Color Information

#bac7df Color Conversion

Color Schemes with #bac7df

Alternatives to #bac7df

#bac7df Preview

Shades and Tints of #bac7df

Tones of #bac7df

Color Blindness Simulator