#bac4f5 hex color

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

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

● #bac4f5 color description : Very soft blue.

The hexadecimal color #bac4f5 has RGB values of R:186, G:196, B:245 and CMYK values of C:0.24, M:0.2, Y:0, K:0.04. Its decimal value is 12240117.

Hex triplet	bac4f5	`#bac4f5`
RGB Decimal	186, 196, 245	`rgb(186,196,245)`
RGB Percent	72.9, 76.9, 96.1	`rgb(72.9%,76.9%,96.1%)`
CMYK	24, 20, 0, 4
HSL	229.8°, 74.7, 84.5	`hsl(229.8,74.7%,84.5%)`
HSV (or HSB)	229.8°, 24.1, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.904, 6.953, -25.298
XYZ	56.468, 56.511, 94.314
xyY	0.272, 0.273, 56.511
CIE-LCH	79.904, 26.236, 285.368
CIE-LUV	79.904, -7.856, -41.435
Hunter-Lab	75.174, 2.529, -21.765
Binary	10111010, 11000100, 11110101

#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#f5ebba
```
#f5ebba rgb(245,235,186)
```

Complementary Color

#bae2f5
```
#bae2f5 rgb(186,226,245)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#cebaf5
```
#cebaf5 rgb(206,186,245)
```

Analogous Color

#e2f5ba
```
#e2f5ba rgb(226,245,186)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#f5ceba
```
#f5ceba rgb(245,206,186)
```

Split Complementary Color

#c4f5ba
```
#c4f5ba rgb(196,245,186)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#f5bac4
```
#f5bac4 rgb(245,186,196)
```

Triadic Color

#baf5eb
```
#baf5eb rgb(186,245,235)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#f5bac4
```
#f5bac4 rgb(245,186,196)
```
#f5ebba
```
#f5ebba rgb(245,235,186)
```

Tetradic Color

#778beb
```
#778beb rgb(119,139,235)
```
#8d9eef
```
#8d9eef rgb(141,158,239)
```
#a4b1f2
```
#a4b1f2 rgb(164,177,242)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#d0d7f8
```
#d0d7f8 rgb(208,215,248)
```
#e7eafb
```
#e7eafb rgb(231,234,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Monochromatic Color

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

#bad3f5
```
#bad3f5 rgb(186,211,245)
```
#bacef5
```
#bacef5 rgb(186,206,245)
```
#bac9f5
```
#bac9f5 rgb(186,201,245)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#babff5
```
#babff5 rgb(186,191,245)
```
#babaf5
```
#babaf5 rgb(186,186,245)
```
#bfbaf5
```
#bfbaf5 rgb(191,186,245)
```

Similar Colors

Text with hexadecimal color #bac4f5

This text has a font color of #bac4f5.

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

#bac4f5 background color

This paragraph has a background color of #bac4f5.

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

#bac4f5 border color

This element has a border color of #bac4f5.

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

CSS codes

.text {color:#bac4f5;}

.background {background-color:#bac4f5;}

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

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)
```
#050a22
```
#050a22 rgb(5,10,34)
```
#070f33
```
#070f33 rgb(7,15,51)
```
#0a1444
```
#0a1444 rgb(10,20,68)
```
#0c1955
```
#0c1955 rgb(12,25,85)
```
#0f1e66
```
#0f1e66 rgb(15,30,102)
```
#112377
```
#112377 rgb(17,35,119)
```
#142889
```
#142889 rgb(20,40,137)
```
#162d9a
```
#162d9a rgb(22,45,154)
```
#1932ab
```
#1932ab rgb(25,50,171)
```
#1b36bc
```
#1b36bc rgb(27,54,188)
```
#1e3bcd
```
#1e3bcd rgb(30,59,205)
```
#2040de
```
#2040de rgb(32,64,222)
```

Shade Color Variation

#314fe1
```
#314fe1 rgb(49,79,225)
```
#425de4
```
#425de4 rgb(66,93,228)
```
#536ce6
```
#536ce6 rgb(83,108,230)
```
#647be9
```
#647be9 rgb(100,123,233)
```
#7589eb
```
#7589eb rgb(117,137,235)
```
#8798ee
```
#8798ee rgb(135,152,238)
```
#98a7f0
```
#98a7f0 rgb(152,167,240)
```
#a9b5f3
```
#a9b5f3 rgb(169,181,243)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#cbd3f7
```
#cbd3f7 rgb(203,211,247)
```
#dce1fa
```
#dce1fa rgb(220,225,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 #b1befe is the most saturated one.

#d5d6da
```
#d5d6da rgb(213,214,218)
```
#d2d4dd
```
#d2d4dd rgb(210,212,221)
```
#cfd2e0
```
#cfd2e0 rgb(207,210,224)
```
#ccd0e3
```
#ccd0e3 rgb(204,208,227)
```
#c9cee6
```
#c9cee6 rgb(201,206,230)
```
#c6cce9
```
#c6cce9 rgb(198,204,233)
```
#c3caec
```
#c3caec rgb(195,202,236)
```
#c0c8ef
```
#c0c8ef rgb(192,200,239)
```
#bdc6f2
```
#bdc6f2 rgb(189,198,242)
```
#bac4f5
```
#bac4f5 rgb(186,196,245)
```
#b7c2f8
```
#b7c2f8 rgb(183,194,248)
```
#b4c0fb
```
#b4c0fb rgb(180,192,251)
```
#b1befe
```
#b1befe rgb(177,190,254)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c4c6d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc7f5 Protanopia 1% of men
#c3c5f6 Deuteranopia 1% of men
#b7ccda Tritanopia 0.001% of the population

Trichromacy

#bcc6f5 Protanomaly 1% of men, 0.01% of women
#bfc4f5 Deuteranomaly 6% of men, 0.4% of women
#b8c9e4 Tritanomaly 0.01% of the population

#bac4f5 hex color

#bac4f5 Color Information

#bac4f5 Color Conversion

Color Schemes with #bac4f5

Alternatives to #bac4f5

#bac4f5 Preview

Shades and Tints of #bac4f5

Tones of #bac4f5

Color Blindness Simulator