#bac2f4 hex color

In a RGB color space, hex #bac2f4 is composed of 72.9% red, 76.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 20.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 231.7 degrees, a saturation of 72.5% and a lightness of 84.3%. #bac2f4 color hex could be obtained by blending #ffffff with #7585e9. Closest websafe color is: #ccccff.

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

● #bac2f4 color description : Very soft blue.

The hexadecimal color #bac2f4 has RGB values of R:186, G:194, B:244 and CMYK values of C:0.24, M:0.2, Y:0, K:0.04. Its decimal value is 12239604.

Hex triplet	bac2f4	`#bac2f4`
RGB Decimal	186, 194, 244	`rgb(186,194,244)`
RGB Percent	72.9, 76.1, 95.7	`rgb(72.9%,76.1%,95.7%)`
CMYK	24, 20, 0, 4
HSL	231.7°, 72.5, 84.3	`hsl(231.7,72.5%,84.3%)`
HSV (or HSB)	231.7°, 23.8, 95.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.359, 7.805, -25.594
XYZ	55.867, 55.554, 93.362
xyY	0.273, 0.271, 55.554
CIE-LCH	79.359, 26.758, 286.96
CIE-LUV	79.359, -6.932, -42.02
Hunter-Lab	74.534, 3.36, -22.093
Binary	10111010, 11000010, 11110100

#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#f4ecba
```
#f4ecba rgb(244,236,186)
```

Complementary Color

#badff4
```
#badff4 rgb(186,223,244)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#cfbaf4
```
#cfbaf4 rgb(207,186,244)
```

Analogous Color

#dff4ba
```
#dff4ba rgb(223,244,186)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#f4cfba
```
#f4cfba rgb(244,207,186)
```

Split Complementary Color

#c2f4ba
```
#c2f4ba rgb(194,244,186)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#f4bac2
```
#f4bac2 rgb(244,186,194)
```

Triadic Color

#baf4ec
```
#baf4ec rgb(186,244,236)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#f4bac2
```
#f4bac2 rgb(244,186,194)
```
#f4ecba
```
#f4ecba rgb(244,236,186)
```

Tetradic Color

#7888e9
```
#7888e9 rgb(120,136,233)
```
#8e9bed
```
#8e9bed rgb(142,155,237)
```
#a4aff0
```
#a4aff0 rgb(164,175,240)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#d0d5f8
```
#d0d5f8 rgb(208,213,248)
```
#e6e9fb
```
#e6e9fb rgb(230,233,251)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Monochromatic Color

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

#bad1f4
```
#bad1f4 rgb(186,209,244)
```
#baccf4
```
#baccf4 rgb(186,204,244)
```
#bac7f4
```
#bac7f4 rgb(186,199,244)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#babdf4
```
#babdf4 rgb(186,189,244)
```
#bcbaf4
```
#bcbaf4 rgb(188,186,244)
```
#c1baf4
```
#c1baf4 rgb(193,186,244)
```

Similar Colors

Text with hexadecimal color #bac2f4

This text has a font color of #bac2f4.

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

#bac2f4 background color

This paragraph has a background color of #bac2f4.

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

#bac2f4 border color

This element has a border color of #bac2f4.

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

CSS codes

.text {color:#bac2f4;}

.background {background-color:#bac2f4;}

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

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

#020410
```
#020410 rgb(2,4,16)
```
#050921
```
#050921 rgb(5,9,33)
```
#080e31
```
#080e31 rgb(8,14,49)
```
#0b1242
```
#0b1242 rgb(11,18,66)
```
#0d1753
```
#0d1753 rgb(13,23,83)
```
#101c64
```
#101c64 rgb(16,28,100)
```
#132075
```
#132075 rgb(19,32,117)
```
#152586
```
#152586 rgb(21,37,134)
```
#182a97
```
#182a97 rgb(24,42,151)
```
#1b2ea8
```
#1b2ea8 rgb(27,46,168)
```
#1d33b9
```
#1d33b9 rgb(29,51,185)
```
#2038ca
```
#2038ca rgb(32,56,202)
```
#233cdb
```
#233cdb rgb(35,60,219)
```

Shade Color Variation

#334ade
```
#334ade rgb(51,74,222)
```
#4459e1
```
#4459e1 rgb(68,89,225)
```
#5468e4
```
#5468e4 rgb(84,104,228)
```
#6577e7
```
#6577e7 rgb(101,119,231)
```
#7686e9
```
#7686e9 rgb(118,134,233)
```
#8795ec
```
#8795ec rgb(135,149,236)
```
#98a4ef
```
#98a4ef rgb(152,164,239)
```
#a9b3f1
```
#a9b3f1 rgb(169,179,241)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#cbd1f7
```
#cbd1f7 rgb(203,209,247)
```
#dce0f9
```
#dce0f9 rgb(220,224,249)
```
#edeffc
```
#edeffc rgb(237,239,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d6d6d8
```
#d6d6d8 rgb(214,214,216)
```
#d3d4db
```
#d3d4db rgb(211,212,219)
```
#d0d2de
```
#d0d2de rgb(208,210,222)
```
#cccfe2
```
#cccfe2 rgb(204,207,226)
```
#c9cde5
```
#c9cde5 rgb(201,205,229)
```
#c6cbe8
```
#c6cbe8 rgb(198,203,232)
```
#c3c9eb
```
#c3c9eb rgb(195,201,235)
```
#c0c6ee
```
#c0c6ee rgb(192,198,238)
```
#bdc4f1
```
#bdc4f1 rgb(189,196,241)
```
#bac2f4
```
#bac2f4 rgb(186,194,244)
```
#b7c0f7
```
#b7c0f7 rgb(183,192,247)
```
#b4befa
```
#b4befa rgb(180,190,250)
```
#b1bbfd
```
#b1bbfd rgb(177,187,253)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3c4ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc5f4 Protanopia 1% of men
#c1c4f4 Deuteranopia 1% of men
#b7cad8 Tritanopia 0.001% of the population

Trichromacy

#bac4f4 Protanomaly 1% of men, 0.01% of women
#bec3f4 Deuteranomaly 6% of men, 0.4% of women
#b8c7e2 Tritanomaly 0.01% of the population

#bac2f4 hex color

#bac2f4 Color Information

#bac2f4 Color Conversion

Color Schemes with #bac2f4

Alternatives to #bac2f4

#bac2f4 Preview

Shades and Tints of #bac2f4

Tones of #bac2f4

Color Blindness Simulator