#babec5 Color Information
In a RGB color space, hex #babec5 is composed of 72.9% red, 74.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 3.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 218.2 degrees, a saturation of 8.7% and a lightness of 75.1%. #babec5 color hex could be obtained by blending #ffffff with #757d8b. Closest websafe color is: #cccccc.
-
- R 73
- G 75
- B 77
-
- C 6
- M 4
- Y 0
- K 23
● #babec5 color description : Grayish blue.
#babec5 Color Conversion
The hexadecimal color #babec5 has RGB values of R:186, G:190, B:197 and CMYK values of C:0.06, M:0.04, Y:0, K:0.23. Its decimal value is 12238533.
| Hex triplet | babec5 | #babec5 |
|---|---|---|
| RGB Decimal | 186, 190, 197 | rgb(186,190,197) |
| RGB Percent | 72.9, 74.5, 77.3 | rgb(72.9%,74.5%,77.3%) |
| CMYK | 6, 4, 0, 23 | |
| HSL | 218.2°, 8.7, 75.1 | hsl(218.2,8.7%,75.1%) |
| HSV (or HSB) | 218.2°, 5.6, 77.3 | |
| Web Safe | cccccc | #cccccc |
| CIE-LAB | 76.859, -0.046, -4.008 |
|---|---|
| XYZ | 48.739, 51.297, 60.154 |
| xyY | 0.304, 0.32, 51.297 |
| CIE-LCH | 76.859, 4.008, 269.335 |
| CIE-LUV | 76.859, -2.618, -6.037 |
| Hunter-Lab | 71.622, -3.868, 0.339 |
| Binary | 10111010, 10111110, 11000101 |
Color Schemes with #babec5
Alternatives to #babec5
Below, you can see some colors close to #babec5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#babec5 Preview
This text has a font color of #babec5.
<span style="color:#babec5;">Text here</span>
This paragraph has a background color of #babec5.
<p style="background-color:#babec5;">Content here</p>
This element has a border color of #babec5.
<div style="border:1px solid #babec5;">Content here</div>
.text {color:#babec5;}
.background {background-color:#babec5;}
.border {border:1px solid #babec5;}
Shades and Tints of #babec5
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, #050506 is the darkest color, while #fafafb is the lightest one.
-
#050506
#050506rgb(5,5,6) -
#0e0f10
#0e0f10rgb(14,15,16) -
#17181b
#17181brgb(23,24,27) -
#202226
#202226rgb(32,34,38) -
#292b30
#292b30rgb(41,43,48) -
#31353b
#31353brgb(49,53,59) -
#3a3e46
#3a3e46rgb(58,62,70) -
#434850
#434850rgb(67,72,80) -
#4c525b
#4c525brgb(76,82,91) -
#555b66
#555b66rgb(85,91,102) -
#5e6570
#5e6570rgb(94,101,112) -
#676e7b
#676e7brgb(103,110,123) -
#707885
#707885rgb(112,120,133)
-
#7a828f
#7a828frgb(122,130,143) -
#858c98
#858c98rgb(133,140,152) -
#8f96a1
#8f96a1rgb(143,150,161) -
#9aa0aa
#9aa0aargb(154,160,170) -
#a5aab3
#a5aab3rgb(165,170,179) -
#afb4bc
#afb4bcrgb(175,180,188) -
#babec5
#babec5rgb(186,190,197) -
#c5c8ce
#c5c8cergb(197,200,206) -
#cfd2d7
#cfd2d7rgb(207,210,215) -
#dadce0
#dadce0rgb(218,220,224) -
#e5e6e9
#e5e6e9rgb(229,230,233) -
#eff0f2
#eff0f2rgb(239,240,242) -
#fafafb
#fafafbrgb(250,250,251)
Tones of #babec5
A tone is produced by adding gray to any pure hue. In this case, #bfbfc0 is the less saturated color, while #84affb is the most saturated one.
-
#bfbfc0
#bfbfc0rgb(191,191,192) -
#babec5
#babec5rgb(186,190,197) -
#b5bdca
#b5bdcargb(181,189,202) -
#b0bbcf
#b0bbcfrgb(176,187,207) -
#abbad4
#abbad4rgb(171,186,212) -
#a6b9d9
#a6b9d9rgb(166,185,217) -
#a2b7dd
#a2b7ddrgb(162,183,221) -
#9db6e2
#9db6e2rgb(157,182,226) -
#98b5e7
#98b5e7rgb(152,181,231) -
#93b3ec
#93b3ecrgb(147,179,236) -
#8eb2f1
#8eb2f1rgb(142,178,241) -
#89b1f6
#89b1f6rgb(137,177,246) -
#84affb
#84affbrgb(132,175,251)
Color Blindness Simulator
Below, you can see how #babec5 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.
