#bac6f5 hex color

In a RGB color space, hex #bac6f5 is composed of 72.9% red, 77.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 19.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 227.8 degrees, a saturation of 74.7% and a lightness of 84.5%. #bac6f5 color hex could be obtained by blending #ffffff with #758deb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 78
- B 96
RGB color chart
- C 24
- M 19
- Y 0
- K 4
CMYK color chart

● #bac6f5 color description : Very soft blue.

The hexadecimal color #bac6f5 has RGB values of R:186, G:198, B:245 and CMYK values of C:0.24, M:0.19, Y:0, K:0.04. Its decimal value is 12240629.

Hex triplet	bac6f5	`#bac6f5`
RGB Decimal	186, 198, 245	`rgb(186,198,245)`
RGB Percent	72.9, 77.6, 96.1	`rgb(72.9%,77.6%,96.1%)`
CMYK	24, 19, 0, 4
HSL	227.8°, 74.7, 84.5	`hsl(227.8,74.7%,84.5%)`
HSV (or HSB)	227.8°, 24.1, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.415, 5.874, -24.519
XYZ	56.922, 57.419, 94.465
xyY	0.273, 0.275, 57.419
CIE-LCH	80.415, 25.213, 283.472
CIE-LUV	80.415, -8.732, -40.005
Hunter-Lab	75.775, 1.481, -20.871
Binary	10111010, 11000110, 11110101

#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#f5e9ba
```
#f5e9ba rgb(245,233,186)
```

Complementary Color

#bae4f5
```
#bae4f5 rgb(186,228,245)
```
#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#ccbaf5
```
#ccbaf5 rgb(204,186,245)
```

Analogous Color

#e4f5ba
```
#e4f5ba rgb(228,245,186)
```
#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#f5ccba
```
#f5ccba rgb(245,204,186)
```

Split Complementary Color

#c6f5ba
```
#c6f5ba rgb(198,245,186)
```
#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#f5bac6
```
#f5bac6 rgb(245,186,198)
```

Triadic Color

#baf5e9
```
#baf5e9 rgb(186,245,233)
```
#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#f5bac6
```
#f5bac6 rgb(245,186,198)
```
#f5e9ba
```
#f5e9ba rgb(245,233,186)
```

Tetradic Color

#778feb
```
#778feb rgb(119,143,235)
```
#8da1ef
```
#8da1ef rgb(141,161,239)
```
#a4b4f2
```
#a4b4f2 rgb(164,180,242)
```
#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#d0d8f8
```
#d0d8f8 rgb(208,216,248)
```
#e7ebfb
```
#e7ebfb rgb(231,235,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Monochromatic Color

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

#bad5f5
```
#bad5f5 rgb(186,213,245)
```
#bad0f5
```
#bad0f5 rgb(186,208,245)
```
#bacbf5
```
#bacbf5 rgb(186,203,245)
```
#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#bac1f5
```
#bac1f5 rgb(186,193,245)
```
#babcf5
```
#babcf5 rgb(186,188,245)
```
#bdbaf5
```
#bdbaf5 rgb(189,186,245)
```

Similar Colors

Text with hexadecimal color #bac6f5

This text has a font color of #bac6f5.

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

#bac6f5 background color

This paragraph has a background color of #bac6f5.

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

#bac6f5 border color

This element has a border color of #bac6f5.

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

CSS codes

.text {color:#bac6f5;}

.background {background-color:#bac6f5;}

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

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

#020511
```
#020511 rgb(2,5,17)
```
#050b22
```
#050b22 rgb(5,11,34)
```
#071033
```
#071033 rgb(7,16,51)
```
#0a1644
```
#0a1644 rgb(10,22,68)
```
#0c1b55
```
#0c1b55 rgb(12,27,85)
```
#0f2166
```
#0f2166 rgb(15,33,102)
```
#112677
```
#112677 rgb(17,38,119)
```
#142c89
```
#142c89 rgb(20,44,137)
```
#16319a
```
#16319a rgb(22,49,154)
```
#1936ab
```
#1936ab rgb(25,54,171)
```
#1b3cbc
```
#1b3cbc rgb(27,60,188)
```
#1e41cd
```
#1e41cd rgb(30,65,205)
```
#2047de
```
#2047de rgb(32,71,222)
```

Shade Color Variation

#3155e1
```
#3155e1 rgb(49,85,225)
```
#4263e4
```
#4263e4 rgb(66,99,228)
```
#5371e6
```
#5371e6 rgb(83,113,230)
```
#647fe9
```
#647fe9 rgb(100,127,233)
```
#758deb
```
#758deb rgb(117,141,235)
```
#879cee
```
#879cee rgb(135,156,238)
```
#98aaf0
```
#98aaf0 rgb(152,170,240)
```
#a9b8f3
```
#a9b8f3 rgb(169,184,243)
```
#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#cbd4f7
```
#cbd4f7 rgb(203,212,247)
```
#dce2fa
```
#dce2fa rgb(220,226,250)
```
#edf0fc
```
#edf0fc rgb(237,240,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d5d6da
```
#d5d6da rgb(213,214,218)
```
#d2d4dd
```
#d2d4dd rgb(210,212,221)
```
#cfd3e0
```
#cfd3e0 rgb(207,211,224)
```
#ccd1e3
```
#ccd1e3 rgb(204,209,227)
```
#c9cfe6
```
#c9cfe6 rgb(201,207,230)
```
#c6cde9
```
#c6cde9 rgb(198,205,233)
```
#c3cbec
```
#c3cbec rgb(195,203,236)
```
#c0caef
```
#c0caef rgb(192,202,239)
```
#bdc8f2
```
#bdc8f2 rgb(189,200,242)
```
#bac6f5
```
#bac6f5 rgb(186,198,245)
```
#b7c4f8
```
#b7c4f8 rgb(183,196,248)
```
#b4c2fb
```
#b4c2fb rgb(180,194,251)
```
#b1c1fe
```
#b1c1fe rgb(177,193,254)
```

Tone Color Variation

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

Dichromacy

#bfc8f5 Protanopia 1% of men
#c5c6f6 Deuteranopia 1% of men
#b7cddc Tritanopia 0.001% of the population

Trichromacy

#bdc7f5 Protanomaly 1% of men, 0.01% of women
#c1c6f5 Deuteranomaly 6% of men, 0.4% of women
#b8cae5 Tritanomaly 0.01% of the population

#bac6f5 hex color

#bac6f5 Color Information

#bac6f5 Color Conversion

Color Schemes with #bac6f5

Alternatives to #bac6f5

#bac6f5 Preview

Shades and Tints of #bac6f5

Tones of #bac6f5

Color Blindness Simulator