#bacfff hex color

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

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

● #bacfff color description : Pale blue.

The hexadecimal color #bacfff has RGB values of R:186, G:207, B:255 and CMYK values of C:0.27, M:0.19, Y:0, K:0. Its decimal value is 12242943.

Hex triplet	bacfff	`#bacfff`
RGB Decimal	186, 207, 255	`rgb(186,207,255)`
RGB Percent	72.9, 81.2, 100	`rgb(72.9%,81.2%,100%)`
CMYK	27, 19, 0, 0
HSL	221.7°, 100, 86.5	`hsl(221.7,100%,86.5%)`
HSV (or HSB)	221.7°, 27.1, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.064, 3.364, -25.805
XYZ	60.609, 62.283, 103.431
xyY	0.268, 0.275, 62.283
CIE-LCH	83.064, 26.023, 277.428
CIE-LUV	83.064, -13.052, -41.947
Hunter-Lab	78.92, -1.026, -22.46
Binary	10111010, 11001111, 11111111

#bacfff
```
#bacfff rgb(186,207,255)
```
#ffeaba
```
#ffeaba rgb(255,234,186)
```

Complementary Color

#baf2ff
```
#baf2ff rgb(186,242,255)
```
#bacfff
```
#bacfff rgb(186,207,255)
```
#c8baff
```
#c8baff rgb(200,186,255)
```

Analogous Color

#f2ffba
```
#f2ffba rgb(242,255,186)
```
#bacfff
```
#bacfff rgb(186,207,255)
```
#ffc8ba
```
#ffc8ba rgb(255,200,186)
```

Split Complementary Color

#cfffba
```
#cfffba rgb(207,255,186)
```
#bacfff
```
#bacfff rgb(186,207,255)
```
#ffbacf
```
#ffbacf rgb(255,186,207)
```

Triadic Color

#baffea
```
#baffea rgb(186,255,234)
```
#bacfff
```
#bacfff rgb(186,207,255)
```
#ffbacf
```
#ffbacf rgb(255,186,207)
```
#ffeaba
```
#ffeaba rgb(255,234,186)
```

Tetradic Color

#6e9aff
```
#6e9aff rgb(110,154,255)
```
#87acff
```
#87acff rgb(135,172,255)
```
#a1bdff
```
#a1bdff rgb(161,189,255)
```
#bacfff
```
#bacfff rgb(186,207,255)
```
#d4e1ff
```
#d4e1ff rgb(212,225,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bae0ff
```
#bae0ff rgb(186,224,255)
```
#badbff
```
#badbff rgb(186,219,255)
```
#bad5ff
```
#bad5ff rgb(186,213,255)
```
#bacfff
```
#bacfff rgb(186,207,255)
```
#bac9ff
```
#bac9ff rgb(186,201,255)
```
#bac4ff
```
#bac4ff rgb(186,196,255)
```
#babeff
```
#babeff rgb(186,190,255)
```

Similar Colors

Text with hexadecimal color #bacfff

This text has a font color of #bacfff.

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

#bacfff background color

This paragraph has a background color of #bacfff.

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

#bacfff border color

This element has a border color of #bacfff.

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

CSS codes

.text {color:#bacfff;}

.background {background-color:#bacfff;}

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

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

#000309
```
#000309 rgb(0,3,9)
```
#00091d
```
#00091d rgb(0,9,29)
```
#000f31
```
#000f31 rgb(0,15,49)
```
#001544
```
#001544 rgb(0,21,68)
```
#001b58
```
#001b58 rgb(0,27,88)
```
#00216c
```
#00216c rgb(0,33,108)
```
#00277f
```
#00277f rgb(0,39,127)
```
#002d93
```
#002d93 rgb(0,45,147)
```
#0033a6
```
#0033a6 rgb(0,51,166)
```
#0039ba
```
#0039ba rgb(0,57,186)
```
#003fce
```
#003fce rgb(0,63,206)
```
#0045e1
```
#0045e1 rgb(0,69,225)
```
#004bf5
```
#004bf5 rgb(0,75,245)
```

Shade Color Variation

#0954ff
```
#0954ff rgb(9,84,255)
```
#1d62ff
```
#1d62ff rgb(29,98,255)
```
#316fff
```
#316fff rgb(49,111,255)
```
#447dff
```
#447dff rgb(68,125,255)
```
#588bff
```
#588bff rgb(88,139,255)
```
#6c98ff
```
#6c98ff rgb(108,152,255)
```
#7fa6ff
```
#7fa6ff rgb(127,166,255)
```
#93b4ff
```
#93b4ff rgb(147,180,255)
```
#a6c1ff
```
#a6c1ff rgb(166,193,255)
```
#bacfff
```
#bacfff rgb(186,207,255)
```
#ceddff
```
#ceddff rgb(206,221,255)
```
#e1eaff
```
#e1eaff rgb(225,234,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#dadbdf
```
#dadbdf rgb(218,219,223)
```
#d7dae2
```
#d7dae2 rgb(215,218,226)
```
#d5d9e4
```
#d5d9e4 rgb(213,217,228)
```
#d2d8e7
```
#d2d8e7 rgb(210,216,231)
```
#cfd7ea
```
#cfd7ea rgb(207,215,234)
```
#cdd6ec
```
#cdd6ec rgb(205,214,236)
```
#cad5ef
```
#cad5ef rgb(202,213,239)
```
#c7d4f2
```
#c7d4f2 rgb(199,212,242)
```
#c5d3f4
```
#c5d3f4 rgb(197,211,244)
```
#c2d2f7
```
#c2d2f7 rgb(194,210,247)
```
#bfd1fa
```
#bfd1fa rgb(191,209,250)
```
#bdd0fc
```
#bdd0fc rgb(189,208,252)
```
#bacfff
```
#bacfff rgb(186,207,255)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#caced8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cffd Protanopia 1% of men
#cbcdff Deuteranopia 1% of men
#b7d6e5 Tritanopia 0.001% of the population

Trichromacy

#c1cffe Protanomaly 1% of men, 0.01% of women
#c5ceff Deuteranomaly 6% of men, 0.4% of women
#b8d3ee Tritanomaly 0.01% of the population

#bacfff hex color

#bacfff Color Information

#bacfff Color Conversion

Color Schemes with #bacfff

Alternatives to #bacfff

#bacfff Preview

Shades and Tints of #bacfff

Tones of #bacfff

Color Blindness Simulator