#bac1ff hex color

In a RGB color space, hex #bac1ff is composed of 72.9% red, 75.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 24.3% magenta, 0% yellow and 0% black. It has a hue angle of 233.9 degrees, a saturation of 100% and a lightness of 86.5%. #bac1ff color hex could be obtained by blending #ffffff with #7583ff. Closest websafe color is: #ccccff.

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

● #bac1ff color description : Pale blue.

The hexadecimal color #bac1ff has RGB values of R:186, G:193, B:255 and CMYK values of C:0.27, M:0.24, Y:0, K:0. Its decimal value is 12239359.

Hex triplet	bac1ff	`#bac1ff`
RGB Decimal	186, 193, 255	`rgb(186,193,255)`
RGB Percent	72.9, 75.7, 100	`rgb(72.9%,75.7%,100%)`
CMYK	27, 24, 0, 0
HSL	233.9°, 100, 86.5	`hsl(233.9,100%,86.5%)`
HSV (or HSB)	233.9°, 27.1, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.499, 10.915, -31.264
XYZ	57.366, 55.798, 102.35
xyY	0.266, 0.259, 55.798
CIE-LCH	79.499, 33.115, 289.245
CIE-LUV	79.499, -7.069, -52.019
Hunter-Lab	74.698, 6.361, -28.949
Binary	10111010, 11000001, 11111111

#bac1ff
```
#bac1ff rgb(186,193,255)
```
#fff8ba
```
#fff8ba rgb(255,248,186)
```

Complementary Color

#bae4ff
```
#bae4ff rgb(186,228,255)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```
#d6baff
```
#d6baff rgb(214,186,255)
```

Analogous Color

#e4ffba
```
#e4ffba rgb(228,255,186)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```
#ffd6ba
```
#ffd6ba rgb(255,214,186)
```

Split Complementary Color

#c1ffba
```
#c1ffba rgb(193,255,186)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```
#ffbac1
```
#ffbac1 rgb(255,186,193)
```

Triadic Color

#bafff8
```
#bafff8 rgb(186,255,248)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```
#ffbac1
```
#ffbac1 rgb(255,186,193)
```
#fff8ba
```
#fff8ba rgb(255,248,186)
```

Tetradic Color

#6e7cff
```
#6e7cff rgb(110,124,255)
```
#8793ff
```
#8793ff rgb(135,147,255)
```
#a1aaff
```
#a1aaff rgb(161,170,255)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```
#d4d8ff
```
#d4d8ff rgb(212,216,255)
```
#edefff
```
#edefff rgb(237,239,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bad2ff
```
#bad2ff rgb(186,210,255)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#bac7ff
```
#bac7ff rgb(186,199,255)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```
#babbff
```
#babbff rgb(186,187,255)
```
#bfbaff
```
#bfbaff rgb(191,186,255)
```
#c4baff
```
#c4baff rgb(196,186,255)
```

Similar Colors

Text with hexadecimal color #bac1ff

This text has a font color of #bac1ff.

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

#bac1ff background color

This paragraph has a background color of #bac1ff.

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

#bac1ff border color

This element has a border color of #bac1ff.

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

CSS codes

.text {color:#bac1ff;}

.background {background-color:#bac1ff;}

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

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

#000109
```
#000109 rgb(0,1,9)
```
#00031d
```
#00031d rgb(0,3,29)
```
#000531
```
#000531 rgb(0,5,49)
```
#000744
```
#000744 rgb(0,7,68)
```
#000958
```
#000958 rgb(0,9,88)
```
#000b6c
```
#000b6c rgb(0,11,108)
```
#000d7f
```
#000d7f rgb(0,13,127)
```
#000f93
```
#000f93 rgb(0,15,147)
```
#0011a6
```
#0011a6 rgb(0,17,166)
```
#0013ba
```
#0013ba rgb(0,19,186)
```
#0015ce
```
#0015ce rgb(0,21,206)
```
#0017e1
```
#0017e1 rgb(0,23,225)
```
#0019f5
```
#0019f5 rgb(0,25,245)
```

Shade Color Variation

#0922ff
```
#0922ff rgb(9,34,255)
```
#1d34ff
```
#1d34ff rgb(29,52,255)
```
#3146ff
```
#3146ff rgb(49,70,255)
```
#4457ff
```
#4457ff rgb(68,87,255)
```
#5869ff
```
#5869ff rgb(88,105,255)
```
#6c7aff
```
#6c7aff rgb(108,122,255)
```
#7f8cff
```
#7f8cff rgb(127,140,255)
```
#939eff
```
#939eff rgb(147,158,255)
```
#a6afff
```
#a6afff rgb(166,175,255)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```
#ced3ff
```
#ced3ff rgb(206,211,255)
```
#e1e4ff
```
#e1e4ff rgb(225,228,255)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#dadadf
```
#dadadf rgb(218,218,223)
```
#d7d8e2
```
#d7d8e2 rgb(215,216,226)
```
#d5d6e4
```
#d5d6e4 rgb(213,214,228)
```
#d2d4e7
```
#d2d4e7 rgb(210,212,231)
```
#cfd2ea
```
#cfd2ea rgb(207,210,234)
```
#cdd0ec
```
#cdd0ec rgb(205,208,236)
```
#caceef
```
#caceef rgb(202,206,239)
```
#c7ccf2
```
#c7ccf2 rgb(199,204,242)
```
#c5c9f4
```
#c5c9f4 rgb(197,201,244)
```
#c2c7f7
```
#c2c7f7 rgb(194,199,247)
```
#bfc5fa
```
#bfc5fa rgb(191,197,250)
```
#bdc3fc
```
#bdc3fc rgb(189,195,252)
```
#bac1ff
```
#bac1ff rgb(186,193,255)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c5d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c5ff Protanopia 1% of men
#bbc4fe Deuteranopia 1% of men
#b4cbda Tritanopia 0.001% of the population

Trichromacy

#b8c4ff Protanomaly 1% of men, 0.01% of women
#bac3fe Deuteranomaly 6% of men, 0.4% of women
#b6c7e7 Tritanomaly 0.01% of the population

#bac1ff hex color

#bac1ff Color Information

#bac1ff Color Conversion

Color Schemes with #bac1ff

Alternatives to #bac1ff

#bac1ff Preview

Shades and Tints of #bac1ff

Tones of #bac1ff

Color Blindness Simulator