#babcd4 hex color

In a RGB color space, hex #babcd4 is composed of 72.9% red, 73.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 11.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 235.4 degrees, a saturation of 23.2% and a lightness of 78%. #babcd4 color hex could be obtained by blending #ffffff with #7579a9. Closest websafe color is: #cccccc.

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

● #babcd4 color description : Grayish blue.

The hexadecimal color #babcd4 has RGB values of R:186, G:188, B:212 and CMYK values of C:0.12, M:0.11, Y:0, K:0.17. Its decimal value is 12238036.

Hex triplet	babcd4	`#babcd4`
RGB Decimal	186, 188, 212	`rgb(186,188,212)`
RGB Percent	72.9, 73.7, 83.1	`rgb(72.9%,73.7%,83.1%)`
CMYK	12, 11, 0, 17
HSL	235.4°, 23.2, 78	`hsl(235.4,23.2%,78%)`
HSV (or HSB)	235.4°, 12.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.775, 4.042, -12.26
XYZ	50.114, 51.159, 69.518
xyY	0.293, 0.3, 51.159
CIE-LCH	76.775, 12.909, 288.248
CIE-LUV	76.775, -2.467, -19.56
Hunter-Lab	71.525, -0.103, -7.558
Binary	10111010, 10111100, 11010100

#babcd4
```
#babcd4 rgb(186,188,212)
```
#d4d2ba
```
#d4d2ba rgb(212,210,186)
```

Complementary Color

#bac9d4
```
#bac9d4 rgb(186,201,212)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#c5bad4
```
#c5bad4 rgb(197,186,212)
```

Analogous Color

#c9d4ba
```
#c9d4ba rgb(201,212,186)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#d4c5ba
```
#d4c5ba rgb(212,197,186)
```

Split Complementary Color

#bcd4ba
```
#bcd4ba rgb(188,212,186)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#d4babc
```
#d4babc rgb(212,186,188)
```

Triadic Color

#bad4d2
```
#bad4d2 rgb(186,212,210)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#d4babc
```
#d4babc rgb(212,186,188)
```
#d4d2ba
```
#d4d2ba rgb(212,210,186)
```

Tetradic Color

#8b8eb7
```
#8b8eb7 rgb(139,142,183)
```
#9b9dc0
```
#9b9dc0 rgb(155,157,192)
```
#aaadca
```
#aaadca rgb(170,173,202)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#cacbde
```
#cacbde rgb(202,203,222)
```
#d9dbe8
```
#d9dbe8 rgb(217,219,232)
```
#e9eaf1
```
#e9eaf1 rgb(233,234,241)
```

Monochromatic Color

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

#bac3d4
```
#bac3d4 rgb(186,195,212)
```
#bac0d4
```
#bac0d4 rgb(186,192,212)
```
#babed4
```
#babed4 rgb(186,190,212)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#babad4
```
#babad4 rgb(186,186,212)
```
#bcbad4
```
#bcbad4 rgb(188,186,212)
```
#bfbad4
```
#bfbad4 rgb(191,186,212)
```

Similar Colors

Text with hexadecimal color #babcd4

This text has a font color of #babcd4.

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

#babcd4 background color

This paragraph has a background color of #babcd4.

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

#babcd4 border color

This element has a border color of #babcd4.

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

CSS codes

.text {color:#babcd4;}

.background {background-color:#babcd4;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0a10
```
#0a0a10 rgb(10,10,16)
```
#11121c
```
#11121c rgb(17,18,28)
```
#191a28
```
#191a28 rgb(25,26,40)
```
#202234
```
#202234 rgb(32,34,52)
```
#282a40
```
#282a40 rgb(40,42,64)
```
#2f324c
```
#2f324c rgb(47,50,76)
```
#373958
```
#373958 rgb(55,57,88)
```
#3e4164
```
#3e4164 rgb(62,65,100)
```
#464970
```
#464970 rgb(70,73,112)
```
#4d517c
```
#4d517c rgb(77,81,124)
```
#555988
```
#555988 rgb(85,89,136)
```
#5d6195
```
#5d6195 rgb(93,97,149)
```

Shade Color Variation

#656a9f
```
#656a9f rgb(101,106,159)
```
#7176a7
```
#7176a7 rgb(113,118,167)
```
#7e81ae
```
#7e81ae rgb(126,129,174)
```
#8a8db6
```
#8a8db6 rgb(138,141,182)
```
#9699bd
```
#9699bd rgb(150,153,189)
```
#a2a5c5
```
#a2a5c5 rgb(162,165,197)
```
#aeb0cc
```
#aeb0cc rgb(174,176,204)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#c6c8dc
```
#c6c8dc rgb(198,200,220)
```
#d2d3e3
```
#d2d3e3 rgb(210,211,227)
```
#dedfeb
```
#dedfeb rgb(222,223,235)
```
#eaebf2
```
#eaebf2 rgb(234,235,242)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c3c3cb
```
#c3c3cb rgb(195,195,203)
```
#bec0d0
```
#bec0d0 rgb(190,192,208)
```
#babcd4
```
#babcd4 rgb(186,188,212)
```
#b6b8d8
```
#b6b8d8 rgb(182,184,216)
```
#b1b5dd
```
#b1b5dd rgb(177,181,221)
```
#adb1e1
```
#adb1e1 rgb(173,177,225)
```
#a9ade5
```
#a9ade5 rgb(169,173,229)
```
#a4aaea
```
#a4aaea rgb(164,170,234)
```
#a0a6ee
```
#a0a6ee rgb(160,166,238)
```
#9ca2f2
```
#9ca2f2 rgb(156,162,242)
```
#989ff6
```
#989ff6 rgb(152,159,246)
```
#939bfb
```
#939bfb rgb(147,155,251)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdbec2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbfd6 Protanopia 1% of men
#c7bcd7 Deuteranopia 1% of men
#bcc0ce Tritanopia 0.001% of the population

Trichromacy

#bcbed5 Protanomaly 1% of men, 0.01% of women
#c2bcd6 Deuteranomaly 6% of men, 0.4% of women
#bbbfd0 Tritanomaly 0.01% of the population

#babcd4 hex color

#babcd4 Color Information

#babcd4 Color Conversion

Color Schemes with #babcd4

Alternatives to #babcd4

#babcd4 Preview

Shades and Tints of #babcd4

Tones of #babcd4

Color Blindness Simulator