#babec2 hex color

In a RGB color space, hex #babec2 is composed of 72.9% red, 74.5% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 4.1% cyan, 2.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 210 degrees, a saturation of 6.2% and a lightness of 74.5%. #babec2 color hex could be obtained by blending #ffffff with #757d85. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 75
- B 76
RGB color chart
- C 4
- M 2
- Y 0
- K 24
CMYK color chart

● #babec2 color description : Grayish blue.

The hexadecimal color #babec2 has RGB values of R:186, G:190, B:194 and CMYK values of C:0.04, M:0.02, Y:0, K:0.24. Its decimal value is 12238530.

Hex triplet	babec2	`#babec2`
RGB Decimal	186, 190, 194	`rgb(186,190,194)`
RGB Percent	72.9, 74.5, 76.1	`rgb(72.9%,74.5%,76.1%)`
CMYK	4, 2, 0, 24
HSL	210°, 6.2, 74.5	`hsl(210,6.2%,74.5%)`
HSV (or HSB)	210°, 4.1, 76.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.776, -0.626, -2.503
XYZ	48.399, 51.161, 58.361
xyY	0.306, 0.324, 51.161
CIE-LCH	76.776, 2.58, 255.959
CIE-LUV	76.776, -2.461, -3.651
Hunter-Lab	71.527, -4.389, 1.692
Binary	10111010, 10111110, 11000010

#babec2
```
#babec2 rgb(186,190,194)
```
#c2beba
```
#c2beba rgb(194,190,186)
```

Complementary Color

#bac2c2
```
#bac2c2 rgb(186,194,194)
```
#babec2
```
#babec2 rgb(186,190,194)
```
#babac2
```
#babac2 rgb(186,186,194)
```

Analogous Color

#c2c2ba
```
#c2c2ba rgb(194,194,186)
```
#babec2
```
#babec2 rgb(186,190,194)
```
#c2baba
```
#c2baba rgb(194,186,186)
```

Split Complementary Color

#bec2ba
```
#bec2ba rgb(190,194,186)
```
#babec2
```
#babec2 rgb(186,190,194)
```
#c2babe
```
#c2babe rgb(194,186,190)
```

Triadic Color

#bac2be
```
#bac2be rgb(186,194,190)
```
#babec2
```
#babec2 rgb(186,190,194)
```
#c2babe
```
#c2babe rgb(194,186,190)
```
#c2beba
```
#c2beba rgb(194,190,186)
```

Tetradic Color

#91989e
```
#91989e rgb(145,152,158)
```
#9fa5aa
```
#9fa5aa rgb(159,165,170)
```
#acb1b6
```
#acb1b6 rgb(172,177,182)
```
#babec2
```
#babec2 rgb(186,190,194)
```
#c8cbce
```
#c8cbce rgb(200,203,206)
```
#d5d8da
```
#d5d8da rgb(213,216,218)
```
#e3e4e6
```
#e3e4e6 rgb(227,228,230)
```

Monochromatic Color

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

#bac0c2
```
#bac0c2 rgb(186,192,194)
```
#babfc2
```
#babfc2 rgb(186,191,194)
```
#babfc2
```
#babfc2 rgb(186,191,194)
```
#babec2
```
#babec2 rgb(186,190,194)
```
#babdc2
```
#babdc2 rgb(186,189,194)
```
#babdc2
```
#babdc2 rgb(186,189,194)
```
#babcc2
```
#babcc2 rgb(186,188,194)
```

Similar Colors

Text with hexadecimal color #babec2

This text has a font color of #babec2.

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

#babec2 background color

This paragraph has a background color of #babec2.

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

#babec2 border color

This element has a border color of #babec2.

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

CSS codes

.text {color:#babec2;}

.background {background-color:#babec2;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0d0d0e
```
#0d0d0e rgb(13,13,14)
```
#161719
```
#161719 rgb(22,23,25)
```
#1f2123
```
#1f2123 rgb(31,33,35)
```
#282b2e
```
#282b2e rgb(40,43,46)
```
#313538
```
#313538 rgb(49,53,56)
```
#3b3f42
```
#3b3f42 rgb(59,63,66)
```
#44484d
```
#44484d rgb(68,72,77)
```
#4d5257
```
#4d5257 rgb(77,82,87)
```
#565c62
```
#565c62 rgb(86,92,98)
```
#5f666c
```
#5f666c rgb(95,102,108)
```
#697076
```
#697076 rgb(105,112,118)
```
#727981
```
#727981 rgb(114,121,129)
```

Shade Color Variation

#7c838b
```
#7c838b rgb(124,131,139)
```
#868d94
```
#868d94 rgb(134,141,148)
```
#90979d
```
#90979d rgb(144,151,157)
```
#9ba1a6
```
#9ba1a6 rgb(155,161,166)
```
#a5aab0
```
#a5aab0 rgb(165,170,176)
```
#b0b4b9
```
#b0b4b9 rgb(176,180,185)
```
#babec2
```
#babec2 rgb(186,190,194)
```
#c4c8cb
```
#c4c8cb rgb(196,200,203)
```
#cfd2d4
```
#cfd2d4 rgb(207,210,212)
```
#d9dbde
```
#d9dbde rgb(217,219,222)
```
#e4e5e7
```
#e4e5e7 rgb(228,229,231)
```
#eeeff0
```
#eeeff0 rgb(238,239,240)
```
#f8f9f9
```
#f8f9f9 rgb(248,249,249)
```

Tint Color Variation

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

#babec2
```
#babec2 rgb(186,190,194)
```
#b5bec7
```
#b5bec7 rgb(181,190,199)
```
#b0becc
```
#b0becc rgb(176,190,204)
```
#abbed1
```
#abbed1 rgb(171,190,209)
```
#a6bed6
```
#a6bed6 rgb(166,190,214)
```
#a1bedb
```
#a1bedb rgb(161,190,219)
```
#9cbee0
```
#9cbee0 rgb(156,190,224)
```
#97bee5
```
#97bee5 rgb(151,190,229)
```
#92beea
```
#92beea rgb(146,190,234)
```
#8dbeef
```
#8dbeef rgb(141,190,239)
```
#88bef4
```
#88bef4 rgb(136,190,244)
```
#83bef9
```
#83bef9 rgb(131,190,249)
```
#7ebefe
```
#7ebefe rgb(126,190,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bcbdbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2bfc4 Protanopia 1% of men
#cfbbc7 Deuteranopia 1% of men
#bfbfcd Tritanopia 0.001% of the population

Trichromacy

#bfbfc3 Protanomaly 1% of men, 0.01% of women
#c7bcc5 Deuteranomaly 6% of men, 0.4% of women
#bdbfc9 Tritanomaly 0.01% of the population

#babec2 hex color

#babec2 Color Information

#babec2 Color Conversion

Color Schemes with #babec2

Alternatives to #babec2

#babec2 Preview

Shades and Tints of #babec2

Tones of #babec2

Color Blindness Simulator