#bac7e3 hex color

In a RGB color space, hex #bac7e3 is composed of 72.9% red, 78% green and 89% blue. Whereas in a CMYK color space, it is composed of 18.1% cyan, 12.3% magenta, 0% yellow and 11% black. It has a hue angle of 221 degrees, a saturation of 42.3% and a lightness of 81%. #bac7e3 color hex could be obtained by blending #ffffff with #758fc7. Closest websafe color is: #cccccc.

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

● #bac7e3 color description : Light grayish blue.

The hexadecimal color #bac7e3 has RGB values of R:186, G:199, B:227 and CMYK values of C:0.18, M:0.12, Y:0, K:0.11. Its decimal value is 12240867.

Hex triplet	bac7e3	`#bac7e3`
RGB Decimal	186, 199, 227	`rgb(186,199,227)`
RGB Percent	72.9, 78, 89	`rgb(72.9%,78%,89%)`
CMYK	18, 12, 0, 11
HSL	221°, 42.3, 81	`hsl(221,42.3%,81%)`
HSV (or HSB)	221°, 18.1, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.085, 1.322, -15.381
XYZ	54.535, 56.831, 80.765
xyY	0.284, 0.296, 56.831
CIE-LCH	80.085, 15.438, 274.914
CIE-LUV	80.085, -8.366, -24.257
Hunter-Lab	75.387, -2.797, -10.75
Binary	10111010, 11000111, 11100011

#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#e3d6ba
```
#e3d6ba rgb(227,214,186)
```

Complementary Color

#badce3
```
#badce3 rgb(186,220,227)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#c2bae3
```
#c2bae3 rgb(194,186,227)
```

Analogous Color

#dce3ba
```
#dce3ba rgb(220,227,186)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#e3c2ba
```
#e3c2ba rgb(227,194,186)
```

Split Complementary Color

#c7e3ba
```
#c7e3ba rgb(199,227,186)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#e3bac7
```
#e3bac7 rgb(227,186,199)
```

Triadic Color

#bae3d6
```
#bae3d6 rgb(186,227,214)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#e3bac7
```
#e3bac7 rgb(227,186,199)
```
#e3d6ba
```
#e3d6ba rgb(227,214,186)
```

Tetradic Color

#849bcd
```
#849bcd rgb(132,155,205)
```
#96aad4
```
#96aad4 rgb(150,170,212)
```
#a8b8dc
```
#a8b8dc rgb(168,184,220)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#ccd6ea
```
#ccd6ea rgb(204,214,234)
```
#dee4f2
```
#dee4f2 rgb(222,228,242)
```
#f0f3f9
```
#f0f3f9 rgb(240,243,249)
```

Monochromatic Color

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

#bad1e3
```
#bad1e3 rgb(186,209,227)
```
#bacee3
```
#bacee3 rgb(186,206,227)
```
#bacae3
```
#bacae3 rgb(186,202,227)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#bac4e3
```
#bac4e3 rgb(186,196,227)
```
#bac0e3
```
#bac0e3 rgb(186,192,227)
```
#babde3
```
#babde3 rgb(186,189,227)
```

Similar Colors

Text with hexadecimal color #bac7e3

This text has a font color of #bac7e3.

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

#bac7e3 background color

This paragraph has a background color of #bac7e3.

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

#bac7e3 border color

This element has a border color of #bac7e3.

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

CSS codes

.text {color:#bac7e3;}

.background {background-color:#bac7e3;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#06090f
```
#06090f rgb(6,9,15)
```
#0c111d
```
#0c111d rgb(12,17,29)
```
#11192b
```
#11192b rgb(17,25,43)
```
#172239
```
#172239 rgb(23,34,57)
```
#1d2a47
```
#1d2a47 rgb(29,42,71)
```
#223254
```
#223254 rgb(34,50,84)
```
#283a62
```
#283a62 rgb(40,58,98)
```
#2e4370
```
#2e4370 rgb(46,67,112)
```
#334b7e
```
#334b7e rgb(51,75,126)
```
#39538c
```
#39538c rgb(57,83,140)
```
#3f5c9a
```
#3f5c9a rgb(63,92,154)
```
#4464a8
```
#4464a8 rgb(68,100,168)
```

Shade Color Variation

#4a6cb6
```
#4a6cb6 rgb(74,108,182)
```
#5878bb
```
#5878bb rgb(88,120,187)
```
#6683c1
```
#6683c1 rgb(102,131,193)
```
#748ec7
```
#748ec7 rgb(116,142,199)
```
#829acc
```
#829acc rgb(130,154,204)
```
#90a5d2
```
#90a5d2 rgb(144,165,210)
```
#9eb0d8
```
#9eb0d8 rgb(158,176,216)
```
#acbcdd
```
#acbcdd rgb(172,188,221)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#c8d2e9
```
#c8d2e9 rgb(200,210,233)
```
#d6deee
```
#d6deee rgb(214,222,238)
```
#e4e9f4
```
#e4e9f4 rgb(228,233,244)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

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

#cdced0
```
#cdced0 rgb(205,206,208)
```
#c9ccd4
```
#c9ccd4 rgb(201,204,212)
```
#c5cbd8
```
#c5cbd8 rgb(197,203,216)
```
#c1cadc
```
#c1cadc rgb(193,202,220)
```
#bec8df
```
#bec8df rgb(190,200,223)
```
#bac7e3
```
#bac7e3 rgb(186,199,227)
```
#b6c6e7
```
#b6c6e7 rgb(182,198,231)
```
#b3c4ea
```
#b3c4ea rgb(179,196,234)
```
#afc3ee
```
#afc3ee rgb(175,195,238)
```
#abc2f2
```
#abc2f2 rgb(171,194,242)
```
#a7c0f6
```
#a7c0f6 rgb(167,192,246)
```
#a4bff9
```
#a4bff9 rgb(164,191,249)
```
#a0bdfd
```
#a0bdfd rgb(160,189,253)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c6cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c8e3 Protanopia 1% of men
#cdc4e6 Deuteranopia 1% of men
#bbcbda Tritanopia 0.001% of the population

Trichromacy

#c0c7e3 Protanomaly 1% of men, 0.01% of women
#c6c5e4 Deuteranomaly 6% of men, 0.4% of women
#bac9dd Tritanomaly 0.01% of the population

#bac7e3 hex color

#bac7e3 Color Information

#bac7e3 Color Conversion

Color Schemes with #bac7e3

Alternatives to #bac7e3

#bac7e3 Preview

Shades and Tints of #bac7e3

Tones of #bac7e3

Color Blindness Simulator