#bacae4 hex color

In a RGB color space, hex #bacae4 is composed of 72.9% red, 79.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 11.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 217.1 degrees, a saturation of 43.8% and a lightness of 81.2%. #bacae4 color hex could be obtained by blending #ffffff with #7595c9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 79
- B 89
RGB color chart
- C 18
- M 11
- Y 0
- K 11
CMYK color chart

● #bacae4 color description : Light grayish blue.

The hexadecimal color #bacae4 has RGB values of R:186, G:202, B:228 and CMYK values of C:0.18, M:0.11, Y:0, K:0.11. Its decimal value is 12241636.

Hex triplet	bacae4	`#bacae4`
RGB Decimal	186, 202, 228	`rgb(186,202,228)`
RGB Percent	72.9, 79.2, 89.4	`rgb(72.9%,79.2%,89.4%)`
CMYK	18, 11, 0, 11
HSL	217.1°, 43.8, 81.2	`hsl(217.1,43.8%,81.2%)`
HSV (or HSB)	217.1°, 18.4, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.895, -0.058, -14.7
XYZ	55.371, 58.281, 81.727
xyY	0.283, 0.298, 58.281
CIE-LCH	80.895, 14.7, 269.773
CIE-LUV	80.895, -9.785, -22.968
Hunter-Lab	76.342, -4.132, -10.033
Binary	10111010, 11001010, 11100100

#bacae4
```
#bacae4 rgb(186,202,228)
```
#e4d4ba
```
#e4d4ba rgb(228,212,186)
```

Complementary Color

#badfe4
```
#badfe4 rgb(186,223,228)
```
#bacae4
```
#bacae4 rgb(186,202,228)
```
#bfbae4
```
#bfbae4 rgb(191,186,228)
```

Analogous Color

#dfe4ba
```
#dfe4ba rgb(223,228,186)
```
#bacae4
```
#bacae4 rgb(186,202,228)
```
#e4bfba
```
#e4bfba rgb(228,191,186)
```

Split Complementary Color

#cae4ba
```
#cae4ba rgb(202,228,186)
```
#bacae4
```
#bacae4 rgb(186,202,228)
```
#e4baca
```
#e4baca rgb(228,186,202)
```

Triadic Color

#bae4d4
```
#bae4d4 rgb(186,228,212)
```
#bacae4
```
#bacae4 rgb(186,202,228)
```
#e4baca
```
#e4baca rgb(228,186,202)
```
#e4d4ba
```
#e4d4ba rgb(228,212,186)
```

Tetradic Color

#83a0ce
```
#83a0ce rgb(131,160,206)
```
#95aed6
```
#95aed6 rgb(149,174,214)
```
#a8bcdd
```
#a8bcdd rgb(168,188,221)
```
#bacae4
```
#bacae4 rgb(186,202,228)
```
#ccd8eb
```
#ccd8eb rgb(204,216,235)
```
#dfe6f2
```
#dfe6f2 rgb(223,230,242)
```
#f1f4fa
```
#f1f4fa rgb(241,244,250)
```

Monochromatic Color

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

#bad5e4
```
#bad5e4 rgb(186,213,228)
```
#bad1e4
```
#bad1e4 rgb(186,209,228)
```
#bacee4
```
#bacee4 rgb(186,206,228)
```
#bacae4
```
#bacae4 rgb(186,202,228)
```
#bac7e4
```
#bac7e4 rgb(186,199,228)
```
#bac3e4
```
#bac3e4 rgb(186,195,228)
```
#bac0e4
```
#bac0e4 rgb(186,192,228)
```

Similar Colors

Text with hexadecimal color #bacae4

This text has a font color of #bacae4.

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

#bacae4 background color

This paragraph has a background color of #bacae4.

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

#bacae4 border color

This element has a border color of #bacae4.

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

CSS codes

.text {color:#bacae4;}

.background {background-color:#bacae4;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0c131e
```
#0c131e rgb(12,19,30)
```
#111b2c
```
#111b2c rgb(17,27,44)
```
#17243a
```
#17243a rgb(23,36,58)
```
#1c2d48
```
#1c2d48 rgb(28,45,72)
```
#223656
```
#223656 rgb(34,54,86)
```
#273e64
```
#273e64 rgb(39,62,100)
```
#2d4772
```
#2d4772 rgb(45,71,114)
```
#325080
```
#325080 rgb(50,80,128)
```
#38598e
```
#38598e rgb(56,89,142)
```
#3d629d
```
#3d629d rgb(61,98,157)
```
#436aab
```
#436aab rgb(67,106,171)
```

Shade Color Variation

#4973b8
```
#4973b8 rgb(73,115,184)
```
#577ebd
```
#577ebd rgb(87,126,189)
```
#6589c3
```
#6589c3 rgb(101,137,195)
```
#7494c8
```
#7494c8 rgb(116,148,200)
```
#829fce
```
#829fce rgb(130,159,206)
```
#90aad3
```
#90aad3 rgb(144,170,211)
```
#9eb4d9
```
#9eb4d9 rgb(158,180,217)
```
#acbfde
```
#acbfde rgb(172,191,222)
```
#bacae4
```
#bacae4 rgb(186,202,228)
```
#c8d5ea
```
#c8d5ea rgb(200,213,234)
```
#d6e0ef
```
#d6e0ef rgb(214,224,239)
```
#e4eaf5
```
#e4eaf5 rgb(228,234,245)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

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

#ccced2
```
#ccced2 rgb(204,206,210)
```
#c9ced5
```
#c9ced5 rgb(201,206,213)
```
#c5cdd9
```
#c5cdd9 rgb(197,205,217)
```
#c1ccdd
```
#c1ccdd rgb(193,204,221)
```
#becbe0
```
#becbe0 rgb(190,203,224)
```
#bacae4
```
#bacae4 rgb(186,202,228)
```
#b6c9e8
```
#b6c9e8 rgb(182,201,232)
```
#b3c8eb
```
#b3c8eb rgb(179,200,235)
```
#afc7ef
```
#afc7ef rgb(175,199,239)
```
#abc6f3
```
#abc6f3 rgb(171,198,243)
```
#a8c6f6
```
#a8c6f6 rgb(168,198,246)
```
#a4c5fa
```
#a4c5fa rgb(164,197,250)
```
#a0c4fe
```
#a0c4fe rgb(160,196,254)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5c8ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cae3 Protanopia 1% of men
#d0c6e7 Deuteranopia 1% of men
#bbcedd Tritanopia 0.001% of the population

Trichromacy

#c2cae3 Protanomaly 1% of men, 0.01% of women
#c8c8e6 Deuteranomaly 6% of men, 0.4% of women
#bbccdf Tritanomaly 0.01% of the population

#bacae4 hex color

#bacae4 Color Information

#bacae4 Color Conversion

Color Schemes with #bacae4

Alternatives to #bacae4

#bacae4 Preview

Shades and Tints of #bacae4

Tones of #bacae4

Color Blindness Simulator