#bac4df hex color

In a RGB color space, hex #bac4df is composed of 72.9% red, 76.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 12.1% magenta, 0% yellow and 12.5% black. It has a hue angle of 223.8 degrees, a saturation of 36.6% and a lightness of 80.2%. #bac4df color hex could be obtained by blending #ffffff with #7589bf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 77
- B 87
RGB color chart
- C 17
- M 12
- Y 0
- K 13
CMYK color chart

● #bac4df color description : Light grayish blue.

The hexadecimal color #bac4df has RGB values of R:186, G:196, B:223 and CMYK values of C:0.17, M:0.12, Y:0, K:0.13. Its decimal value is 12240095.

Hex triplet	bac4df	`#bac4df`
RGB Decimal	186, 196, 223	`rgb(186,196,223)`
RGB Percent	72.9, 76.9, 87.5	`rgb(72.9%,76.9%,87.5%)`
CMYK	17, 12, 0, 13
HSL	223.8°, 36.6, 80.2	`hsl(223.8,36.6%,80.2%)`
HSV (or HSB)	223.8°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.183, 2.064, -14.588
XYZ	53.306, 55.246, 77.663
xyY	0.286, 0.297, 55.246
CIE-LCH	79.183, 14.733, 278.054
CIE-LUV	79.183, -6.798, -23.057
Hunter-Lab	74.328, -2.057, -9.921
Binary	10111010, 11000100, 11011111

#bac4df
```
#bac4df rgb(186,196,223)
```
#dfd5ba
```
#dfd5ba rgb(223,213,186)
```

Complementary Color

#bad7df
```
#bad7df rgb(186,215,223)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#c3badf
```
#c3badf rgb(195,186,223)
```

Analogous Color

#d7dfba
```
#d7dfba rgb(215,223,186)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#dfc3ba
```
#dfc3ba rgb(223,195,186)
```

Split Complementary Color

#c4dfba
```
#c4dfba rgb(196,223,186)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#dfbac4
```
#dfbac4 rgb(223,186,196)
```

Triadic Color

#badfd5
```
#badfd5 rgb(186,223,213)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#dfbac4
```
#dfbac4 rgb(223,186,196)
```
#dfd5ba
```
#dfd5ba rgb(223,213,186)
```

Tetradic Color

#8697c7
```
#8697c7 rgb(134,151,199)
```
#97a6cf
```
#97a6cf rgb(151,166,207)
```
#a9b5d7
```
#a9b5d7 rgb(169,181,215)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#cbd3e7
```
#cbd3e7 rgb(203,211,231)
```
#dde2ef
```
#dde2ef rgb(221,226,239)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```

Monochromatic Color

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

#bacddf
```
#bacddf rgb(186,205,223)
```
#bacadf
```
#bacadf rgb(186,202,223)
```
#bac7df
```
#bac7df rgb(186,199,223)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#bac1df
```
#bac1df rgb(186,193,223)
```
#babedf
```
#babedf rgb(186,190,223)
```
#babbdf
```
#babbdf rgb(186,187,223)
```

Similar Colors

Text with hexadecimal color #bac4df

This text has a font color of #bac4df.

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

#bac4df background color

This paragraph has a background color of #bac4df.

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

#bac4df border color

This element has a border color of #bac4df.

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

CSS codes

.text {color:#bac4df;}

.background {background-color:#bac4df;}

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

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, #05070b is the darkest color, while #fdfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0c0f19
```
#0c0f19 rgb(12,15,25)
```
#121726
```
#121726 rgb(18,23,38)
```
#181f34
```
#181f34 rgb(24,31,52)
```
#1e2841
```
#1e2841 rgb(30,40,65)
```
#24304e
```
#24304e rgb(36,48,78)
```
#2b385c
```
#2b385c rgb(43,56,92)
```
#314069
```
#314069 rgb(49,64,105)
```
#374877
```
#374877 rgb(55,72,119)
```
#3d5084
```
#3d5084 rgb(61,80,132)
```
#435991
```
#435991 rgb(67,89,145)
```
#4a619f
```
#4a619f rgb(74,97,159)
```
#5069ac
```
#5069ac rgb(80,105,172)
```

Shade Color Variation

#5c74b3
```
#5c74b3 rgb(92,116,179)
```
#6a7fba
```
#6a7fba rgb(106,127,186)
```
#778bc0
```
#778bc0 rgb(119,139,192)
```
#8496c6
```
#8496c6 rgb(132,150,198)
```
#92a2cc
```
#92a2cc rgb(146,162,204)
```
#9fadd3
```
#9fadd3 rgb(159,173,211)
```
#adb9d9
```
#adb9d9 rgb(173,185,217)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#c7cfe5
```
#c7cfe5 rgb(199,207,229)
```
#d5dbeb
```
#d5dbeb rgb(213,219,235)
```
#e2e6f2
```
#e2e6f2 rgb(226,230,242)
```
#f0f2f8
```
#f0f2f8 rgb(240,242,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#cacbcf
```
#cacbcf rgb(202,203,207)
```
#c6c9d3
```
#c6c9d3 rgb(198,201,211)
```
#c2c8d7
```
#c2c8d7 rgb(194,200,215)
```
#bec6db
```
#bec6db rgb(190,198,219)
```
#bac4df
```
#bac4df rgb(186,196,223)
```
#b6c2e3
```
#b6c2e3 rgb(182,194,227)
```
#b2c0e7
```
#b2c0e7 rgb(178,192,231)
```
#aebfeb
```
#aebfeb rgb(174,191,235)
```
#aabdef
```
#aabdef rgb(170,189,239)
```
#a7bbf2
```
#a7bbf2 rgb(167,187,242)
```
#a3b9f6
```
#a3b9f6 rgb(163,185,246)
```
#9fb8fa
```
#9fb8fa rgb(159,184,250)
```
#9bb6fe
```
#9bb6fe rgb(155,182,254)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c2c4c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c5df Protanopia 1% of men
#ccc2e2 Deuteranopia 1% of men
#bbc8d7 Tritanopia 0.001% of the population

Trichromacy

#bfc5df Protanomaly 1% of men, 0.01% of women
#c5c3e1 Deuteranomaly 6% of men, 0.4% of women
#bac7d9 Tritanomaly 0.01% of the population

#bac4df hex color

#bac4df Color Information

#bac4df Color Conversion

Color Schemes with #bac4df

Alternatives to #bac4df

#bac4df Preview

Shades and Tints of #bac4df

Tones of #bac4df

Color Blindness Simulator