#bac7ee hex color

In a RGB color space, hex #bac7ee is composed of 72.9% red, 78% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 21.8% cyan, 16.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 225 degrees, a saturation of 60.5% and a lightness of 83.1%. #bac7ee color hex could be obtained by blending #ffffff with #758fdd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 78
- B 93
RGB color chart
- C 22
- M 16
- Y 0
- K 7
CMYK color chart

● #bac7ee color description : Very soft blue.

The hexadecimal color #bac7ee has RGB values of R:186, G:199, B:238 and CMYK values of C:0.22, M:0.16, Y:0, K:0.07. Its decimal value is 12240878.

Hex triplet	bac7ee	`#bac7ee`
RGB Decimal	186, 199, 238	`rgb(186,199,238)`
RGB Percent	72.9, 78, 93.3	`rgb(72.9%,78%,93.3%)`
CMYK	22, 16, 0, 7
HSL	225°, 60.5, 83.1	`hsl(225,60.5%,83.1%)`
HSV (or HSB)	225°, 21.8, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.437, 3.748, -20.743
XYZ	56.103, 57.458, 89.019
xyY	0.277, 0.284, 57.458
CIE-LCH	80.437, 21.078, 280.241
CIE-LUV	80.437, -8.856, -33.417
Hunter-Lab	75.801, -0.539, -16.568
Binary	10111010, 11000111, 11101110

#bac7ee
```
#bac7ee rgb(186,199,238)
```
#eee1ba
```
#eee1ba rgb(238,225,186)
```

Complementary Color

#bae1ee
```
#bae1ee rgb(186,225,238)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#c7baee
```
#c7baee rgb(199,186,238)
```

Analogous Color

#e1eeba
```
#e1eeba rgb(225,238,186)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#eec7ba
```
#eec7ba rgb(238,199,186)
```

Split Complementary Color

#c7eeba
```
#c7eeba rgb(199,238,186)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#eebac7
```
#eebac7 rgb(238,186,199)
```

Triadic Color

#baeee1
```
#baeee1 rgb(186,238,225)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#eebac7
```
#eebac7 rgb(238,186,199)
```
#eee1ba
```
#eee1ba rgb(238,225,186)
```

Tetradic Color

#7d95df
```
#7d95df rgb(125,149,223)
```
#91a6e4
```
#91a6e4 rgb(145,166,228)
```
#a6b6e9
```
#a6b6e9 rgb(166,182,233)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#ced8f3
```
#ced8f3 rgb(206,216,243)
```
#e3e8f8
```
#e3e8f8 rgb(227,232,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Monochromatic Color

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

#bad4ee
```
#bad4ee rgb(186,212,238)
```
#bad0ee
```
#bad0ee rgb(186,208,238)
```
#bacbee
```
#bacbee rgb(186,203,238)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#bac3ee
```
#bac3ee rgb(186,195,238)
```
#babeee
```
#babeee rgb(186,190,238)
```
#babaee
```
#babaee rgb(186,186,238)
```

Similar Colors

Text with hexadecimal color #bac7ee

This text has a font color of #bac7ee.

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

#bac7ee background color

This paragraph has a background color of #bac7ee.

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

#bac7ee border color

This element has a border color of #bac7ee.

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

CSS codes

.text {color:#bac7ee;}

.background {background-color:#bac7ee;}

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

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, #02040a is the darkest color, while #f9fafe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#060b19
```
#060b19 rgb(6,11,25)
```
#0a1229
```
#0a1229 rgb(10,18,41)
```
#0e1939
```
#0e1939 rgb(14,25,57)
```
#122049
```
#122049 rgb(18,32,73)
```
#162658
```
#162658 rgb(22,38,88)
```
#1a2d68
```
#1a2d68 rgb(26,45,104)
```
#1e3478
```
#1e3478 rgb(30,52,120)
```
#213b88
```
#213b88 rgb(33,59,136)
```
#254297
```
#254297 rgb(37,66,151)
```
#2949a7
```
#2949a7 rgb(41,73,167)
```
#2d4fb7
```
#2d4fb7 rgb(45,79,183)
```
#3156c7
```
#3156c7 rgb(49,86,199)
```

Shade Color Variation

#3c61cf
```
#3c61cf rgb(60,97,207)
```
#4c6ed3
```
#4c6ed3 rgb(76,110,211)
```
#5c7ad7
```
#5c7ad7 rgb(92,122,215)
```
#6b87db
```
#6b87db rgb(107,135,219)
```
#7b94de
```
#7b94de rgb(123,148,222)
```
#8ba1e2
```
#8ba1e2 rgb(139,161,226)
```
#9bade6
```
#9bade6 rgb(155,173,230)
```
#aabaea
```
#aabaea rgb(170,186,234)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#cad4f2
```
#cad4f2 rgb(202,212,242)
```
#d9e1f6
```
#d9e1f6 rgb(217,225,246)
```
#e9edfa
```
#e9edfa rgb(233,237,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#d1d3d7
```
#d1d3d7 rgb(209,211,215)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#cbcfdd
```
#cbcfdd rgb(203,207,221)
```
#c7cee1
```
#c7cee1 rgb(199,206,225)
```
#c4cce4
```
#c4cce4 rgb(196,204,228)
```
#c1cae7
```
#c1cae7 rgb(193,202,231)
```
#bdc9eb
```
#bdc9eb rgb(189,201,235)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#b7c5f1
```
#b7c5f1 rgb(183,197,241)
```
#b3c4f5
```
#b3c4f5 rgb(179,196,245)
```
#b0c2f8
```
#b0c2f8 rgb(176,194,248)
```
#adc0fb
```
#adc0fb rgb(173,192,251)
```
#a9bfff
```
#a9bfff rgb(169,191,255)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5c8d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c8ee Protanopia 1% of men
#c9c6f0 Deuteranopia 1% of men
#b9cddc Tritanopia 0.001% of the population

Trichromacy

#bfc8ee Protanomaly 1% of men, 0.01% of women
#c3c6ef Deuteranomaly 6% of men, 0.4% of women
#b9cbe2 Tritanomaly 0.01% of the population

#bac7ee hex color

#bac7ee Color Information

#bac7ee Color Conversion

Color Schemes with #bac7ee

Alternatives to #bac7ee

#bac7ee Preview

Shades and Tints of #bac7ee

Tones of #bac7ee

Color Blindness Simulator