#bac9e4 hex color

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

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

● #bac9e4 color description : Light grayish blue.

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

Hex triplet	bac9e4	`#bac9e4`
RGB Decimal	186, 201, 228	`rgb(186,201,228)`
RGB Percent	72.9, 78.8, 89.4	`rgb(72.9%,78.8%,89.4%)`
CMYK	18, 12, 0, 11
HSL	218.6°, 43.8, 81.2	`hsl(218.6,43.8%,81.2%)`
HSV (or HSB)	218.6°, 18.4, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.635, 0.473, -15.09
XYZ	55.137, 57.813, 81.649
xyY	0.283, 0.297, 57.813
CIE-LCH	80.635, 15.098, 271.797
CIE-LUV	80.635, -9.327, -23.674
Hunter-Lab	76.035, -3.621, -10.443
Binary	10111010, 11001001, 11100100

#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#e4d5ba
```
#e4d5ba rgb(228,213,186)
```

Complementary Color

#badee4
```
#badee4 rgb(186,222,228)
```
#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#c0bae4
```
#c0bae4 rgb(192,186,228)
```

Analogous Color

#dee4ba
```
#dee4ba rgb(222,228,186)
```
#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#e4c0ba
```
#e4c0ba rgb(228,192,186)
```

Split Complementary Color

#c9e4ba
```
#c9e4ba rgb(201,228,186)
```
#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#e4bac9
```
#e4bac9 rgb(228,186,201)
```

Triadic Color

#bae4d5
```
#bae4d5 rgb(186,228,213)
```
#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#e4bac9
```
#e4bac9 rgb(228,186,201)
```
#e4d5ba
```
#e4d5ba rgb(228,213,186)
```

Tetradic Color

#839ece
```
#839ece rgb(131,158,206)
```
#95acd6
```
#95acd6 rgb(149,172,214)
```
#a8bbdd
```
#a8bbdd rgb(168,187,221)
```
#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#ccd7eb
```
#ccd7eb rgb(204,215,235)
```
#dfe6f2
```
#dfe6f2 rgb(223,230,242)
```
#f1f4fa
```
#f1f4fa rgb(241,244,250)
```

Monochromatic Color

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

#bad4e4
```
#bad4e4 rgb(186,212,228)
```
#bad0e4
```
#bad0e4 rgb(186,208,228)
```
#bacde4
```
#bacde4 rgb(186,205,228)
```
#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#bac6e4
```
#bac6e4 rgb(186,198,228)
```
#bac2e4
```
#bac2e4 rgb(186,194,228)
```
#babfe4
```
#babfe4 rgb(186,191,228)
```

Similar Colors

Text with hexadecimal color #bac9e4

This text has a font color of #bac9e4.

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

#bac9e4 background color

This paragraph has a background color of #bac9e4.

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

#bac9e4 border color

This element has a border color of #bac9e4.

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

CSS codes

.text {color:#bac9e4;}

.background {background-color:#bac9e4;}

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

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)
```
#060910
```
#060910 rgb(6,9,16)
```
#0c121e
```
#0c121e rgb(12,18,30)
```
#111b2c
```
#111b2c rgb(17,27,44)
```
#17233a
```
#17233a rgb(23,35,58)
```
#1c2c48
```
#1c2c48 rgb(28,44,72)
```
#223456
```
#223456 rgb(34,52,86)
```
#273d64
```
#273d64 rgb(39,61,100)
```
#2d4672
```
#2d4672 rgb(45,70,114)
```
#324e80
```
#324e80 rgb(50,78,128)
```
#38578e
```
#38578e rgb(56,87,142)
```
#3d5f9d
```
#3d5f9d rgb(61,95,157)
```
#4368ab
```
#4368ab rgb(67,104,171)
```

Shade Color Variation

#4971b8
```
#4971b8 rgb(73,113,184)
```
#577cbd
```
#577cbd rgb(87,124,189)
```
#6587c3
```
#6587c3 rgb(101,135,195)
```
#7492c8
```
#7492c8 rgb(116,146,200)
```
#829dce
```
#829dce rgb(130,157,206)
```
#90a8d3
```
#90a8d3 rgb(144,168,211)
```
#9eb3d9
```
#9eb3d9 rgb(158,179,217)
```
#acbede
```
#acbede rgb(172,190,222)
```
#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#c8d4ea
```
#c8d4ea rgb(200,212,234)
```
#d6dfef
```
#d6dfef rgb(214,223,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 #a0c2fe is the most saturated one.

#ccced2
```
#ccced2 rgb(204,206,210)
```
#c9cdd5
```
#c9cdd5 rgb(201,205,213)
```
#c5ccd9
```
#c5ccd9 rgb(197,204,217)
```
#c1cbdd
```
#c1cbdd rgb(193,203,221)
```
#becae0
```
#becae0 rgb(190,202,224)
```
#bac9e4
```
#bac9e4 rgb(186,201,228)
```
#b6c8e8
```
#b6c8e8 rgb(182,200,232)
```
#b3c7eb
```
#b3c7eb rgb(179,199,235)
```
#afc6ef
```
#afc6ef rgb(175,198,239)
```
#abc5f3
```
#abc5f3 rgb(171,197,243)
```
#a8c4f6
```
#a8c4f6 rgb(168,196,246)
```
#a4c3fa
```
#a4c3fa rgb(164,195,250)
```
#a0c2fe
```
#a0c2fe rgb(160,194,254)
```

Tone Color Variation

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

#c6c9e4 Protanopia 1% of men
#cfc6e7 Deuteranopia 1% of men
#bbcddc Tritanopia 0.001% of the population

Trichromacy

#c1c9e4 Protanomaly 1% of men, 0.01% of women
#c7c7e6 Deuteranomaly 6% of men, 0.4% of women
#bacbdf Tritanomaly 0.01% of the population

#bac9e4 hex color

#bac9e4 Color Information

#bac9e4 Color Conversion

Color Schemes with #bac9e4

Alternatives to #bac9e4

#bac9e4 Preview

Shades and Tints of #bac9e4

Tones of #bac9e4

Color Blindness Simulator