#bac2da hex color

In a RGB color space, hex #bac2da is composed of 72.9% red, 76.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 11% magenta, 0% yellow and 14.5% black. It has a hue angle of 225 degrees, a saturation of 30.2% and a lightness of 79.2%. #bac2da color hex could be obtained by blending #ffffff with #7585b5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 76
- B 85
RGB color chart
- C 15
- M 11
- Y 0
- K 15
CMYK color chart

● #bac2da color description : Light grayish blue.

The hexadecimal color #bac2da has RGB values of R:186, G:194, B:218 and CMYK values of C:0.15, M:0.11, Y:0, K:0.15. Its decimal value is 12239578.

Hex triplet	bac2da	`#bac2da`
RGB Decimal	186, 194, 218	`rgb(186,194,218)`
RGB Percent	72.9, 76.1, 85.5	`rgb(72.9%,76.1%,85.5%)`
CMYK	15, 11, 0, 15
HSL	225°, 30.2, 79.2	`hsl(225,30.2%,79.2%)`
HSV (or HSB)	225°, 14.7, 85.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.511, 2.073, -12.904
XYZ	52.194, 54.084, 74.015
xyY	0.289, 0.3, 54.084
CIE-LCH	78.511, 13.069, 279.125
CIE-LUV	78.511, -5.622, -20.331
Hunter-Lab	73.542, -2.014, -8.192
Binary	10111010, 11000010, 11011010

#bac2da
```
#bac2da rgb(186,194,218)
```
#dad2ba
```
#dad2ba rgb(218,210,186)
```

Complementary Color

#bad2da
```
#bad2da rgb(186,210,218)
```
#bac2da
```
#bac2da rgb(186,194,218)
```
#c2bada
```
#c2bada rgb(194,186,218)
```

Analogous Color

#d2daba
```
#d2daba rgb(210,218,186)
```
#bac2da
```
#bac2da rgb(186,194,218)
```
#dac2ba
```
#dac2ba rgb(218,194,186)
```

Split Complementary Color

#c2daba
```
#c2daba rgb(194,218,186)
```
#bac2da
```
#bac2da rgb(186,194,218)
```
#dabac2
```
#dabac2 rgb(218,186,194)
```

Triadic Color

#badad2
```
#badad2 rgb(186,218,210)
```
#bac2da
```
#bac2da rgb(186,194,218)
```
#dabac2
```
#dabac2 rgb(218,186,194)
```
#dad2ba
```
#dad2ba rgb(218,210,186)
```

Tetradic Color

#8896bf
```
#8896bf rgb(136,150,191)
```
#99a5c8
```
#99a5c8 rgb(153,165,200)
```
#a9b3d1
```
#a9b3d1 rgb(169,179,209)
```
#bac2da
```
#bac2da rgb(186,194,218)
```
#cbd1e3
```
#cbd1e3 rgb(203,209,227)
```
#dbdfec
```
#dbdfec rgb(219,223,236)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```

Monochromatic Color

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

#bacada
```
#bacada rgb(186,202,218)
```
#bac7da
```
#bac7da rgb(186,199,218)
```
#bac5da
```
#bac5da rgb(186,197,218)
```
#bac2da
```
#bac2da rgb(186,194,218)
```
#babfda
```
#babfda rgb(186,191,218)
```
#babdda
```
#babdda rgb(186,189,218)
```
#babada
```
#babada rgb(186,186,218)
```

Similar Colors

Text with hexadecimal color #bac2da

This text has a font color of #bac2da.

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

#bac2da background color

This paragraph has a background color of #bac2da.

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

#bac2da border color

This element has a border color of #bac2da.

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

CSS codes

.text {color:#bac2da;}

.background {background-color:#bac2da;}

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0b0d14
```
#0b0d14 rgb(11,13,20)
```
#121621
```
#121621 rgb(18,22,33)
```
#191e2e
```
#191e2e rgb(25,30,46)
```
#1f263b
```
#1f263b rgb(31,38,59)
```
#262f47
```
#262f47 rgb(38,47,71)
```
#2d3754
```
#2d3754 rgb(45,55,84)
```
#343f61
```
#343f61 rgb(52,63,97)
```
#3b486e
```
#3b486e rgb(59,72,110)
```
#42507b
```
#42507b rgb(66,80,123)
```
#495887
```
#495887 rgb(73,88,135)
```
#4f6194
```
#4f6194 rgb(79,97,148)
```
#5669a1
```
#5669a1 rgb(86,105,161)
```

Shade Color Variation

#6173aa
```
#6173aa rgb(97,115,170)
```
#6d7eb1
```
#6d7eb1 rgb(109,126,177)
```
#7a8ab8
```
#7a8ab8 rgb(122,138,184)
```
#8795bf
```
#8795bf rgb(135,149,191)
```
#94a0c5
```
#94a0c5 rgb(148,160,197)
```
#a0abcc
```
#a0abcc rgb(160,171,204)
```
#adb7d3
```
#adb7d3 rgb(173,183,211)
```
#bac2da
```
#bac2da rgb(186,194,218)
```
#c7cde1
```
#c7cde1 rgb(199,205,225)
```
#d4d9e8
```
#d4d9e8 rgb(212,217,232)
```
#e0e4ef
```
#e0e4ef rgb(224,228,239)
```
#edeff5
```
#edeff5 rgb(237,239,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#c6c8ce
```
#c6c8ce rgb(198,200,206)
```
#c2c6d2
```
#c2c6d2 rgb(194,198,210)
```
#bec4d6
```
#bec4d6 rgb(190,196,214)
```
#bac2da
```
#bac2da rgb(186,194,218)
```
#b6c0de
```
#b6c0de rgb(182,192,222)
```
#b2bee2
```
#b2bee2 rgb(178,190,226)
```
#aebce6
```
#aebce6 rgb(174,188,230)
```
#aabaea
```
#aabaea rgb(170,186,234)
```
#a6b8ee
```
#a6b8ee rgb(166,184,238)
```
#a2b6f2
```
#a2b6f2 rgb(162,182,242)
```
#9db4f7
```
#9db4f7 rgb(157,180,247)
```
#99b2fb
```
#99b2fb rgb(153,178,251)
```
#95b0ff
```
#95b0ff rgb(149,176,255)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c0c2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c4db Protanopia 1% of men
#cbc0dd Deuteranopia 1% of men
#bcc6d4 Tritanopia 0.001% of the population

Trichromacy

#bfc3da Protanomaly 1% of men, 0.01% of women
#c5c1dc Deuteranomaly 6% of men, 0.4% of women
#bbc4d6 Tritanomaly 0.01% of the population

#bac2da hex color

#bac2da Color Information

#bac2da Color Conversion

Color Schemes with #bac2da

Alternatives to #bac2da

#bac2da Preview

Shades and Tints of #bac2da

Tones of #bac2da

Color Blindness Simulator