#bac0fd hex color

In a RGB color space, hex #bac0fd is composed of 72.9% red, 75.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 24.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 234.6 degrees, a saturation of 94.4% and a lightness of 86.1%. #bac0fd color hex could be obtained by blending #ffffff with #7581fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 75
- B 99
RGB color chart
- C 26
- M 24
- Y 0
- K 1
CMYK color chart

● #bac0fd color description : Very soft blue.

The hexadecimal color #bac0fd has RGB values of R:186, G:192, B:253 and CMYK values of C:0.26, M:0.24, Y:0, K:0.01. Its decimal value is 12239101.

Hex triplet	bac0fd	`#bac0fd`
RGB Decimal	186, 192, 253	`rgb(186,192,253)`
RGB Percent	72.9, 75.3, 99.2	`rgb(72.9%,75.3%,99.2%)`
CMYK	26, 24, 0, 1
HSL	234.6°, 94.4, 86.1	`hsl(234.6,94.4%,86.1%)`
HSV (or HSB)	234.6°, 26.5, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.173, 10.987, -30.696
XYZ	56.825, 55.229, 100.59
xyY	0.267, 0.26, 55.229
CIE-LCH	79.173, 32.603, 289.694
CIE-LUV	79.173, -6.538, -51.042
Hunter-Lab	74.316, 6.435, -28.229
Binary	10111010, 11000000, 11111101

#bac0fd
```
#bac0fd rgb(186,192,253)
```
#fdf7ba
```
#fdf7ba rgb(253,247,186)
```

Complementary Color

#bae2fd
```
#bae2fd rgb(186,226,253)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```
#d6bafd
```
#d6bafd rgb(214,186,253)
```

Analogous Color

#e2fdba
```
#e2fdba rgb(226,253,186)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```
#fdd6ba
```
#fdd6ba rgb(253,214,186)
```

Split Complementary Color

#c0fdba
```
#c0fdba rgb(192,253,186)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```
#fdbac0
```
#fdbac0 rgb(253,186,192)
```

Triadic Color

#bafdf7
```
#bafdf7 rgb(186,253,247)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```
#fdbac0
```
#fdbac0 rgb(253,186,192)
```
#fdf7ba
```
#fdf7ba rgb(253,247,186)
```

Tetradic Color

#707cfb
```
#707cfb rgb(112,124,251)
```
#8893fc
```
#8893fc rgb(136,147,252)
```
#a1a9fc
```
#a1a9fc rgb(161,169,252)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```
#d3d7fe
```
#d3d7fe rgb(211,215,254)
```
#ecedfe
```
#ecedfe rgb(236,237,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bad1fd
```
#bad1fd rgb(186,209,253)
```
#bacbfd
```
#bacbfd rgb(186,203,253)
```
#bac6fd
```
#bac6fd rgb(186,198,253)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```
#babafd
```
#babafd rgb(186,186,253)
```
#bfbafd
```
#bfbafd rgb(191,186,253)
```
#c5bafd
```
#c5bafd rgb(197,186,253)
```

Similar Colors

Text with hexadecimal color #bac0fd

This text has a font color of #bac0fd.

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

#bac0fd background color

This paragraph has a background color of #bac0fd.

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

#bac0fd border color

This element has a border color of #bac0fd.

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

CSS codes

.text {color:#bac0fd;}

.background {background-color:#bac0fd;}

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

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

#000107
```
#000107 rgb(0,1,7)
```
#01031a
```
#01031a rgb(1,3,26)
```
#01052d
```
#01052d rgb(1,5,45)
```
#020740
```
#020740 rgb(2,7,64)
```
#020a54
```
#020a54 rgb(2,10,84)
```
#030c67
```
#030c67 rgb(3,12,103)
```
#040e7a
```
#040e7a rgb(4,14,122)
```
#04108d
```
#04108d rgb(4,16,141)
```
#0513a0
```
#0513a0 rgb(5,19,160)
```
#0515b3
```
#0515b3 rgb(5,21,179)
```
#0617c6
```
#0617c6 rgb(6,23,198)
```
#0619d9
```
#0619d9 rgb(6,25,217)
```
#071bec
```
#071bec rgb(7,27,236)
```

Shade Color Variation

#0e23f8
```
#0e23f8 rgb(14,35,248)
```
#2135f9
```
#2135f9 rgb(33,53,249)
```
#3546f9
```
#3546f9 rgb(53,70,249)
```
#4858fa
```
#4858fa rgb(72,88,250)
```
#5b69fa
```
#5b69fa rgb(91,105,250)
```
#6e7afb
```
#6e7afb rgb(110,122,251)
```
#818cfb
```
#818cfb rgb(129,140,251)
```
#949dfc
```
#949dfc rgb(148,157,252)
```
#a7affc
```
#a7affc rgb(167,175,252)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```
#cdd1fe
```
#cdd1fe rgb(205,209,254)
```
#e0e3fe
```
#e0e3fe rgb(224,227,254)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

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

#dbdbdc
```
#dbdbdc rgb(219,219,220)
```
#d8d9df
```
#d8d9df rgb(216,217,223)
```
#d5d6e2
```
#d5d6e2 rgb(213,214,226)
```
#d3d4e4
```
#d3d4e4 rgb(211,212,228)
```
#d0d2e7
```
#d0d2e7 rgb(208,210,231)
```
#cdd0ea
```
#cdd0ea rgb(205,208,234)
```
#cacded
```
#cacded rgb(202,205,237)
```
#c8cbef
```
#c8cbef rgb(200,203,239)
```
#c5c9f2
```
#c5c9f2 rgb(197,201,242)
```
#c2c7f5
```
#c2c7f5 rgb(194,199,245)
```
#bfc4f8
```
#bfc4f8 rgb(191,196,248)
```
#bdc2fa
```
#bdc2fa rgb(189,194,250)
```
#bac0fd
```
#bac0fd rgb(186,192,253)
```

Tone Color Variation

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

Dichromacy

#b6c5fe Protanopia 1% of men
#bbc4fc Deuteranopia 1% of men
#b4cad8 Tritanopia 0.001% of the population

Trichromacy

#b7c3fd Protanomaly 1% of men, 0.01% of women
#bac2fc Deuteranomaly 6% of men, 0.4% of women
#b6c6e5 Tritanomaly 0.01% of the population

#bac0fd hex color

#bac0fd Color Information

#bac0fd Color Conversion

Color Schemes with #bac0fd

Alternatives to #bac0fd

#bac0fd Preview

Shades and Tints of #bac0fd

Tones of #bac0fd

Color Blindness Simulator