#bac2e9 hex color

In a RGB color space, hex #bac2e9 is composed of 72.9% red, 76.1% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 16.7% magenta, 0% yellow and 8.6% black. It has a hue angle of 229.8 degrees, a saturation of 51.6% and a lightness of 82.2%. #bac2e9 color hex could be obtained by blending #ffffff with #7585d3. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 76
- B 91
RGB color chart
- C 20
- M 17
- Y 0
- K 9
CMYK color chart

● #bac2e9 color description : Very soft blue.

The hexadecimal color #bac2e9 has RGB values of R:186, G:194, B:233 and CMYK values of C:0.2, M:0.17, Y:0, K:0.09. Its decimal value is 12239593.

Hex triplet	bac2e9	`#bac2e9`
RGB Decimal	186, 194, 233	`rgb(186,194,233)`
RGB Percent	72.9, 76.1, 91.4	`rgb(72.9%,76.1%,91.4%)`
CMYK	20, 17, 0, 9
HSL	229.8°, 51.6, 82.2	`hsl(229.8,51.6%,82.2%)`
HSV (or HSB)	229.8°, 20.2, 91.4
Web Safe	ccccff	`#ccccff`

CIE-LAB	78.987, 5.32, -20.259
XYZ	54.247, 54.905, 84.826
xyY	0.28, 0.283, 54.905
CIE-LCH	78.987, 20.946, 284.714
CIE-LUV	78.987, -6.374, -32.784
Hunter-Lab	74.098, 1.007, -16.005
Binary	10111010, 11000010, 11101001

#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#e9e1ba
```
#e9e1ba rgb(233,225,186)
```

Complementary Color

#badae9
```
#badae9 rgb(186,218,233)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#cabae9
```
#cabae9 rgb(202,186,233)
```

Analogous Color

#dae9ba
```
#dae9ba rgb(218,233,186)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#e9caba
```
#e9caba rgb(233,202,186)
```

Split Complementary Color

#c2e9ba
```
#c2e9ba rgb(194,233,186)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#e9bac2
```
#e9bac2 rgb(233,186,194)
```

Triadic Color

#bae9e1
```
#bae9e1 rgb(186,233,225)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#e9bac2
```
#e9bac2 rgb(233,186,194)
```
#e9e1ba
```
#e9e1ba rgb(233,225,186)
```

Tetradic Color

#808fd7
```
#808fd7 rgb(128,143,215)
```
#93a0dd
```
#93a0dd rgb(147,160,221)
```
#a7b1e3
```
#a7b1e3 rgb(167,177,227)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#cdd3ef
```
#cdd3ef rgb(205,211,239)
```
#e1e4f5
```
#e1e4f5 rgb(225,228,245)
```
#f4f5fb
```
#f4f5fb rgb(244,245,251)
```

Monochromatic Color

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

#bacee9
```
#bacee9 rgb(186,206,233)
```
#bacae9
```
#bacae9 rgb(186,202,233)
```
#bac6e9
```
#bac6e9 rgb(186,198,233)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#babee9
```
#babee9 rgb(186,190,233)
```
#babae9
```
#babae9 rgb(186,186,233)
```
#bebae9
```
#bebae9 rgb(190,186,233)
```

Similar Colors

Text with hexadecimal color #bac2e9

This text has a font color of #bac2e9.

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

#bac2e9 background color

This paragraph has a background color of #bac2e9.

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

#bac2e9 border color

This element has a border color of #bac2e9.

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

CSS codes

.text {color:#bac2e9;}

.background {background-color:#bac2e9;}

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

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

#020205
```
#020205 rgb(2,2,5)
```
#060914
```
#060914 rgb(6,9,20)
```
#0b0f23
```
#0b0f23 rgb(11,15,35)
```
#101632
```
#101632 rgb(16,22,50)
```
#151c41
```
#151c41 rgb(21,28,65)
```
#192350
```
#192350 rgb(25,35,80)
```
#1e295f
```
#1e295f rgb(30,41,95)
```
#23306d
```
#23306d rgb(35,48,109)
```
#28367c
```
#28367c rgb(40,54,124)
```
#2c3d8b
```
#2c3d8b rgb(44,61,139)
```
#31439a
```
#31439a rgb(49,67,154)
```
#3649a9
```
#3649a9 rgb(54,73,169)
```
#3b50b8
```
#3b50b8 rgb(59,80,184)
```

Shade Color Variation

#4359c3
```
#4359c3 rgb(67,89,195)
```
#5266c8
```
#5266c8 rgb(82,102,200)
```
#6173cd
```
#6173cd rgb(97,115,205)
```
#7080d1
```
#7080d1 rgb(112,128,209)
```
#7f8dd6
```
#7f8dd6 rgb(127,141,214)
```
#8d9bdb
```
#8d9bdb rgb(141,155,219)
```
#9ca8e0
```
#9ca8e0 rgb(156,168,224)
```
#abb5e4
```
#abb5e4 rgb(171,181,228)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#c9cfee
```
#c9cfee rgb(201,207,238)
```
#d8dcf2
```
#d8dcf2 rgb(216,220,242)
```
#e7e9f7
```
#e7e9f7 rgb(231,233,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#cfd0d4
```
#cfd0d4 rgb(207,208,212)
```
#ccced8
```
#ccced8 rgb(204,206,216)
```
#c8cbdb
```
#c8cbdb rgb(200,203,219)
```
#c5c9df
```
#c5c9df rgb(197,201,223)
```
#c1c7e2
```
#c1c7e2 rgb(193,199,226)
```
#bec4e6
```
#bec4e6 rgb(190,196,230)
```
#bac2e9
```
#bac2e9 rgb(186,194,233)
```
#b7c0ed
```
#b7c0ed rgb(183,192,237)
```
#b3bdf0
```
#b3bdf0 rgb(179,189,240)
```
#b0bbf4
```
#b0bbf4 rgb(176,187,244)
```
#acb9f7
```
#acb9f7 rgb(172,185,247)
```
#a9b6fb
```
#a9b6fb rgb(169,182,251)
```
#a5b4fe
```
#a5b4fe rgb(165,180,254)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c2c4cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec4ea Protanopia 1% of men
#c6c2eb Deuteranopia 1% of men
#b9c8d7 Tritanopia 0.001% of the population

Trichromacy

#bcc3e9 Protanomaly 1% of men, 0.01% of women
#c1c2ea Deuteranomaly 6% of men, 0.4% of women
#b9c6dd Tritanomaly 0.01% of the population

#bac2e9 hex color

#bac2e9 Color Information

#bac2e9 Color Conversion

Color Schemes with #bac2e9

Alternatives to #bac2e9

#bac2e9 Preview

Shades and Tints of #bac2e9

Tones of #bac2e9

Color Blindness Simulator