#bac7d3 hex color

In a RGB color space, hex #bac7d3 is composed of 72.9% red, 78% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 5.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 208.8 degrees, a saturation of 22.1% and a lightness of 77.8%. #bac7d3 color hex could be obtained by blending #ffffff with #758fa7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 78
- B 83
RGB color chart
- C 12
- M 6
- Y 0
- K 17
CMYK color chart

● #bac7d3 color description : Grayish blue.

The hexadecimal color #bac7d3 has RGB values of R:186, G:199, B:211 and CMYK values of C:0.12, M:0.06, Y:0, K:0.17. Its decimal value is 12240851.

Hex triplet	bac7d3	`#bac7d3`
RGB Decimal	186, 199, 211	`rgb(186,199,211)`
RGB Percent	72.9, 78, 82.7	`rgb(72.9%,78%,82.7%)`
CMYK	12, 6, 0, 17
HSL	208.8°, 22.1, 77.8	`hsl(208.8,22.1%,77.8%)`
HSV (or HSB)	208.8°, 11.8, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.607, -2.041, -7.501
XYZ	52.429, 55.989, 69.669
xyY	0.294, 0.314, 55.989
CIE-LCH	79.607, 7.774, 254.779
CIE-LUV	79.607, -7.668, -11.15
Hunter-Lab	74.825, -5.873, -2.826
Binary	10111010, 11000111, 11010011

#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#d3c6ba
```
#d3c6ba rgb(211,198,186)
```

Complementary Color

#bad3d3
```
#bad3d3 rgb(186,211,211)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#babbd3
```
#babbd3 rgb(186,187,211)
```

Analogous Color

#d3d3ba
```
#d3d3ba rgb(211,211,186)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#d3babb
```
#d3babb rgb(211,186,187)
```

Split Complementary Color

#c7d3ba
```
#c7d3ba rgb(199,211,186)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#d3bac7
```
#d3bac7 rgb(211,186,199)
```

Triadic Color

#bad3c6
```
#bad3c6 rgb(186,211,198)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#d3bac7
```
#d3bac7 rgb(211,186,199)
```
#d3c6ba
```
#d3c6ba rgb(211,198,186)
```

Tetradic Color

#8ba1b5
```
#8ba1b5 rgb(139,161,181)
```
#9baebf
```
#9baebf rgb(155,174,191)
```
#aabac9
```
#aabac9 rgb(170,186,201)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#cad4dd
```
#cad4dd rgb(202,212,221)
```
#d9e0e7
```
#d9e0e7 rgb(217,224,231)
```
#e9edf1
```
#e9edf1 rgb(233,237,241)
```

Monochromatic Color

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

#bacdd3
```
#bacdd3 rgb(186,205,211)
```
#bacbd3
```
#bacbd3 rgb(186,203,211)
```
#bac9d3
```
#bac9d3 rgb(186,201,211)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#bac5d3
```
#bac5d3 rgb(186,197,211)
```
#bac3d3
```
#bac3d3 rgb(186,195,211)
```
#bac1d3
```
#bac1d3 rgb(186,193,211)
```

Similar Colors

Text with hexadecimal color #bac7d3

This text has a font color of #bac7d3.

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

#bac7d3 background color

This paragraph has a background color of #bac7d3.

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

#bac7d3 border color

This element has a border color of #bac7d3.

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

CSS codes

.text {color:#bac7d3;}

.background {background-color:#bac7d3;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090c0f
```
#090c0f rgb(9,12,15)
```
#11161b
```
#11161b rgb(17,22,27)
```
#192027
```
#192027 rgb(25,32,39)
```
#202a33
```
#202a33 rgb(32,42,51)
```
#28343f
```
#28343f rgb(40,52,63)
```
#303e4b
```
#303e4b rgb(48,62,75)
```
#374857
```
#374857 rgb(55,72,87)
```
#3f5263
```
#3f5263 rgb(63,82,99)
```
#475b6f
```
#475b6f rgb(71,91,111)
```
#4e657b
```
#4e657b rgb(78,101,123)
```
#566f87
```
#566f87 rgb(86,111,135)
```
#5d7993
```
#5d7993 rgb(93,121,147)
```

Shade Color Variation

#66839e
```
#66839e rgb(102,131,158)
```
#728da5
```
#728da5 rgb(114,141,165)
```
#7e96ad
```
#7e96ad rgb(126,150,173)
```
#8aa0b4
```
#8aa0b4 rgb(138,160,180)
```
#96aabc
```
#96aabc rgb(150,170,188)
```
#a2b4c4
```
#a2b4c4 rgb(162,180,196)
```
#aebdcb
```
#aebdcb rgb(174,189,203)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#c6d1db
```
#c6d1db rgb(198,209,219)
```
#d2dae2
```
#d2dae2 rgb(210,218,226)
```
#dee4ea
```
#dee4ea rgb(222,228,234)
```
#eaeef2
```
#eaeef2 rgb(234,238,242)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#c3c7ca
```
#c3c7ca rgb(195,199,202)
```
#bec7cf
```
#bec7cf rgb(190,199,207)
```
#bac7d3
```
#bac7d3 rgb(186,199,211)
```
#b6c7d7
```
#b6c7d7 rgb(182,199,215)
```
#b1c7dc
```
#b1c7dc rgb(177,199,220)
```
#adc8e0
```
#adc8e0 rgb(173,200,224)
```
#a9c8e4
```
#a9c8e4 rgb(169,200,228)
```
#a4c8e9
```
#a4c8e9 rgb(164,200,233)
```
#a0c8ed
```
#a0c8ed rgb(160,200,237)
```
#9cc8f1
```
#9cc8f1 rgb(156,200,241)
```
#97c8f6
```
#97c8f6 rgb(151,200,246)
```
#93c9fa
```
#93c9fa rgb(147,201,250)
```
#8fc9fe
```
#8fc9fe rgb(143,201,254)
```

Tone Color Variation

Below, you can see how #bac7d3 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
#c2c5c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c7d3 Protanopia 1% of men
#d3c3d7 Deuteranopia 1% of men
#bec9d7 Tritanopia 0.001% of the population

Trichromacy

#c2c7d3 Protanomaly 1% of men, 0.01% of women
#cac4d5 Deuteranomaly 6% of men, 0.4% of women
#bcc8d6 Tritanomaly 0.01% of the population

#bac7d3 hex color

#bac7d3 Color Information

#bac7d3 Color Conversion

Color Schemes with #bac7d3

Alternatives to #bac7d3

#bac7d3 Preview

Shades and Tints of #bac7d3

Tones of #bac7d3

Color Blindness Simulator