#bacdff hex color

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

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

● #bacdff color description : Pale blue.

The hexadecimal color #bacdff has RGB values of R:186, G:205, B:255 and CMYK values of C:0.27, M:0.2, Y:0, K:0. Its decimal value is 12242431.

Hex triplet	bacdff	`#bacdff`
RGB Decimal	186, 205, 255	`rgb(186,205,255)`
RGB Percent	72.9, 80.4, 100	`rgb(72.9%,80.4%,100%)`
CMYK	27, 20, 0, 0
HSL	223.5°, 100, 86.5	`hsl(223.5,100%,86.5%)`
HSV (or HSB)	223.5°, 27.1, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.551, 4.434, -26.588
XYZ	60.127, 61.32, 103.27
xyY	0.268, 0.273, 61.32
CIE-LCH	82.551, 26.955, 279.467
CIE-LUV	82.551, -12.193, -43.393
Hunter-Lab	78.307, 0.021, -23.375
Binary	10111010, 11001101, 11111111

#bacdff
```
#bacdff rgb(186,205,255)
```
#ffecba
```
#ffecba rgb(255,236,186)
```

Complementary Color

#baf0ff
```
#baf0ff rgb(186,240,255)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#cabaff
```
#cabaff rgb(202,186,255)
```

Analogous Color

#f0ffba
```
#f0ffba rgb(240,255,186)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#ffcaba
```
#ffcaba rgb(255,202,186)
```

Split Complementary Color

#cdffba
```
#cdffba rgb(205,255,186)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#ffbacd
```
#ffbacd rgb(255,186,205)
```

Triadic Color

#baffec
```
#baffec rgb(186,255,236)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#ffbacd
```
#ffbacd rgb(255,186,205)
```
#ffecba
```
#ffecba rgb(255,236,186)
```

Tetradic Color

#6e96ff
```
#6e96ff rgb(110,150,255)
```
#87a8ff
```
#87a8ff rgb(135,168,255)
```
#a1bbff
```
#a1bbff rgb(161,187,255)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#d4dfff
```
#d4dfff rgb(212,223,255)
```
#edf2ff
```
#edf2ff rgb(237,242,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#badeff
```
#badeff rgb(186,222,255)
```
#bad9ff
```
#bad9ff rgb(186,217,255)
```
#bad3ff
```
#bad3ff rgb(186,211,255)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#bac7ff
```
#bac7ff rgb(186,199,255)
```
#bac2ff
```
#bac2ff rgb(186,194,255)
```
#babcff
```
#babcff rgb(186,188,255)
```

Similar Colors

Text with hexadecimal color #bacdff

This text has a font color of #bacdff.

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

#bacdff background color

This paragraph has a background color of #bacdff.

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

#bacdff border color

This element has a border color of #bacdff.

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

CSS codes

.text {color:#bacdff;}

.background {background-color:#bacdff;}

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

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)
```
#00081d
```
#00081d rgb(0,8,29)
```
#000d31
```
#000d31 rgb(0,13,49)
```
#001344
```
#001344 rgb(0,19,68)
```
#001858
```
#001858 rgb(0,24,88)
```
#001e6c
```
#001e6c rgb(0,30,108)
```
#00237f
```
#00237f rgb(0,35,127)
```
#002893
```
#002893 rgb(0,40,147)
```
#002ea6
```
#002ea6 rgb(0,46,166)
```
#0033ba
```
#0033ba rgb(0,51,186)
```
#0039ce
```
#0039ce rgb(0,57,206)
```
#003ee1
```
#003ee1 rgb(0,62,225)
```
#0043f5
```
#0043f5 rgb(0,67,245)
```

Shade Color Variation

#094dff
```
#094dff rgb(9,77,255)
```
#1d5bff
```
#1d5bff rgb(29,91,255)
```
#316aff
```
#316aff rgb(49,106,255)
```
#4478ff
```
#4478ff rgb(68,120,255)
```
#5886ff
```
#5886ff rgb(88,134,255)
```
#6c94ff
```
#6c94ff rgb(108,148,255)
```
#7fa2ff
```
#7fa2ff rgb(127,162,255)
```
#93b1ff
```
#93b1ff rgb(147,177,255)
```
#a6bfff
```
#a6bfff rgb(166,191,255)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#cedbff
```
#cedbff rgb(206,219,255)
```
#e1e9ff
```
#e1e9ff rgb(225,233,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 #bacdff 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)
```
#cdd5ec
```
#cdd5ec rgb(205,213,236)
```
#cad4ef
```
#cad4ef rgb(202,212,239)
```
#c7d3f2
```
#c7d3f2 rgb(199,211,242)
```
#c5d2f4
```
#c5d2f4 rgb(197,210,244)
```
#c2d1f7
```
#c2d1f7 rgb(194,209,247)
```
#bfcffa
```
#bfcffa rgb(191,207,250)
```
#bdcefc
```
#bdcefc rgb(189,206,252)
```
#bacdff
```
#bacdff rgb(186,205,255)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9cdd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3cefe Protanopia 1% of men
#c9ccff Deuteranopia 1% of men
#b6d4e3 Tritanopia 0.001% of the population

Trichromacy

#c0cdfe Protanomaly 1% of men, 0.01% of women
#c3ccff Deuteranomaly 6% of men, 0.4% of women
#b7d1ed Tritanomaly 0.01% of the population

#bacdff hex color

#bacdff Color Information

#bacdff Color Conversion

Color Schemes with #bacdff

Alternatives to #bacdff

#bacdff Preview

Shades and Tints of #bacdff

Tones of #bacdff

Color Blindness Simulator