#babecc hex color

In a RGB color space, hex #babecc is composed of 72.9% red, 74.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 6.9% magenta, 0% yellow and 20% black. It has a hue angle of 226.7 degrees, a saturation of 15% and a lightness of 76.5%. #babecc color hex could be obtained by blending #ffffff with #757d99. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 75
- B 80
RGB color chart
- C 9
- M 7
- Y 0
- K 20
CMYK color chart

● #babecc color description : Grayish blue.

The hexadecimal color #babecc has RGB values of R:186, G:190, B:204 and CMYK values of C:0.09, M:0.07, Y:0, K:0.2. Its decimal value is 12238540.

Hex triplet	babecc	`#babecc`
RGB Decimal	186, 190, 204	`rgb(186,190,204)`
RGB Percent	72.9, 74.5, 80	`rgb(72.9%,74.5%,80%)`
CMYK	9, 7, 0, 20
HSL	226.7°, 15, 76.5	`hsl(226.7,15%,76.5%)`
HSV (or HSB)	226.7°, 8.8, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.056, 1.336, -7.508
XYZ	49.56, 51.625, 64.477
xyY	0.299, 0.312, 51.625
CIE-LCH	77.056, 7.625, 280.087
CIE-LUV	77.056, -2.989, -11.662
Hunter-Lab	71.851, -2.616, -2.91
Binary	10111010, 10111110, 11001100

#babecc
```
#babecc rgb(186,190,204)
```
#ccc8ba
```
#ccc8ba rgb(204,200,186)
```

Complementary Color

#bac7cc
```
#bac7cc rgb(186,199,204)
```
#babecc
```
#babecc rgb(186,190,204)
```
#bfbacc
```
#bfbacc rgb(191,186,204)
```

Analogous Color

#c7ccba
```
#c7ccba rgb(199,204,186)
```
#babecc
```
#babecc rgb(186,190,204)
```
#ccbfba
```
#ccbfba rgb(204,191,186)
```

Split Complementary Color

#beccba
```
#beccba rgb(190,204,186)
```
#babecc
```
#babecc rgb(186,190,204)
```
#ccbabe
```
#ccbabe rgb(204,186,190)
```

Triadic Color

#baccc8
```
#baccc8 rgb(186,204,200)
```
#babecc
```
#babecc rgb(186,190,204)
```
#ccbabe
```
#ccbabe rgb(204,186,190)
```
#ccc8ba
```
#ccc8ba rgb(204,200,186)
```

Tetradic Color

#8e95ab
```
#8e95ab rgb(142,149,171)
```
#9da2b6
```
#9da2b6 rgb(157,162,182)
```
#abb0c1
```
#abb0c1 rgb(171,176,193)
```
#babecc
```
#babecc rgb(186,190,204)
```
#c9ccd7
```
#c9ccd7 rgb(201,204,215)
```
#d7dae2
```
#d7dae2 rgb(215,218,226)
```
#e6e7ed
```
#e6e7ed rgb(230,231,237)
```

Monochromatic Color

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

#bac3cc
```
#bac3cc rgb(186,195,204)
```
#bac1cc
```
#bac1cc rgb(186,193,204)
```
#bac0cc
```
#bac0cc rgb(186,192,204)
```
#babecc
```
#babecc rgb(186,190,204)
```
#babdcc
```
#babdcc rgb(186,189,204)
```
#babbcc
```
#babbcc rgb(186,187,204)
```
#bbbacc
```
#bbbacc rgb(187,186,204)
```

Similar Colors

Text with hexadecimal color #babecc

This text has a font color of #babecc.

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

#babecc background color

This paragraph has a background color of #babecc.

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

#babecc border color

This element has a border color of #babecc.

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

CSS codes

.text {color:#babecc;}

.background {background-color:#babecc;}

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

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, #07080a is the darkest color, while #fefefe is the lightest one.

#07080a
```
#07080a rgb(7,8,10)
```
#101115
```
#101115 rgb(16,17,21)
```
#181a21
```
#181a21 rgb(24,26,33)
```
#20232c
```
#20232c rgb(32,35,44)
```
#292c37
```
#292c37 rgb(41,44,55)
```
#313542
```
#313542 rgb(49,53,66)
```
#393e4e
```
#393e4e rgb(57,62,78)
```
#424759
```
#424759 rgb(66,71,89)
```
#4a5064
```
#4a5064 rgb(74,80,100)
```
#52596f
```
#52596f rgb(82,89,111)
```
#5b627b
```
#5b627b rgb(91,98,123)
```
#636b86
```
#636b86 rgb(99,107,134)
```
#6b7491
```
#6b7491 rgb(107,116,145)
```

Shade Color Variation

#767e9a
```
#767e9a rgb(118,126,154)
```
#8289a2
```
#8289a2 rgb(130,137,162)
```
#8d94ab
```
#8d94ab rgb(141,148,171)
```
#989eb3
```
#989eb3 rgb(152,158,179)
```
#a3a9bb
```
#a3a9bb rgb(163,169,187)
```
#afb3c4
```
#afb3c4 rgb(175,179,196)
```
#babecc
```
#babecc rgb(186,190,204)
```
#c5c9d4
```
#c5c9d4 rgb(197,201,212)
```
#d1d3dd
```
#d1d3dd rgb(209,211,221)
```
#dcdee5
```
#dcdee5 rgb(220,222,229)
```
#e7e9ed
```
#e7e9ed rgb(231,233,237)
```
#f2f3f6
```
#f2f3f6 rgb(242,243,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#bfc1c7
```
#bfc1c7 rgb(191,193,199)
```
#babecc
```
#babecc rgb(186,190,204)
```
#b5bbd1
```
#b5bbd1 rgb(181,187,209)
```
#b1b9d5
```
#b1b9d5 rgb(177,185,213)
```
#acb6da
```
#acb6da rgb(172,182,218)
```
#a8b4de
```
#a8b4de rgb(168,180,222)
```
#a3b1e3
```
#a3b1e3 rgb(163,177,227)
```
#9eafe8
```
#9eafe8 rgb(158,175,232)
```
#9aacec
```
#9aacec rgb(154,172,236)
```
#95a9f1
```
#95a9f1 rgb(149,169,241)
```
#90a7f6
```
#90a7f6 rgb(144,167,246)
```
#8ca4fa
```
#8ca4fa rgb(140,164,250)
```
#87a2ff
```
#87a2ff rgb(135,162,255)
```

Tone Color Variation

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

Dichromacy

#c1c0ce Protanopia 1% of men
#ccbcd0 Deuteranopia 1% of men
#bdc1cf Tritanopia 0.001% of the population

Trichromacy

#bebfcd Protanomaly 1% of men, 0.01% of women
#c5bdce Deuteranomaly 6% of men, 0.4% of women
#bcc0cd Tritanomaly 0.01% of the population

#babecc hex color

#babecc Color Information

#babecc Color Conversion

Color Schemes with #babecc

Alternatives to #babecc

#babecc Preview

Shades and Tints of #babecc

Tones of #babecc

Color Blindness Simulator