#babec4 Color Information
In a RGB color space, hex #babec4 is composed of 72.9% red, 74.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 3.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 216 degrees, a saturation of 7.8% and a lightness of 74.9%. #babec4 color hex could be obtained by blending #ffffff with #757d89. Closest websafe color is: #cccccc.
-
- R 73
- G 75
- B 77
-
- C 5
- M 3
- Y 0
- K 23
● #babec4 color description : Grayish blue.
#babec4 Color Conversion
The hexadecimal color #babec4 has RGB values of R:186, G:190, B:196 and CMYK values of C:0.05, M:0.03, Y:0, K:0.23. Its decimal value is 12238532.
Hex triplet | babec4 | #babec4 |
---|---|---|
RGB Decimal | 186, 190, 196 | rgb(186,190,196) |
RGB Percent | 72.9, 74.5, 76.9 | rgb(72.9%,74.5%,76.9%) |
CMYK | 5, 3, 0, 23 | |
HSL | 216°, 7.8, 74.9 | hsl(216,7.8%,74.9%) |
HSV (or HSB) | 216°, 5.1, 76.9 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 76.831, -0.24, -3.506 |
---|---|
XYZ | 48.625, 51.251, 59.552 |
xyY | 0.305, 0.321, 51.251 |
CIE-LCH | 76.831, 3.514, 266.076 |
CIE-LUV | 76.831, -2.566, -5.24 |
Hunter-Lab | 71.59, -4.043, 0.793 |
Binary | 10111010, 10111110, 11000100 |
Color Schemes with #babec4
Alternatives to #babec4
Below, you can see some colors close to #babec4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#babec4 Preview
This text has a font color of #babec4.
<span style="color:#babec4;">Text here</span>
This paragraph has a background color of #babec4.
<p style="background-color:#babec4;">Content here</p>
This element has a border color of #babec4.
<div style="border:1px solid #babec4;">Content here</div>
.text {color:#babec4;}
.background {background-color:#babec4;}
.border {border:1px solid #babec4;}
Shades and Tints of #babec4
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, #040505 is the darkest color, while #f9fafa is the lightest one.
-
#040505
#040505
rgb(4,5,5)
-
#0d0e10
#0d0e10
rgb(13,14,16)
-
#16181a
#16181a
rgb(22,24,26)
-
#1f2225
#1f2225
rgb(31,34,37)
-
#282b2f
#282b2f
rgb(40,43,47)
-
#31353a
#31353a
rgb(49,53,58)
-
#3b3f44
#3b3f44
rgb(59,63,68)
-
#44484f
#44484f
rgb(68,72,79)
-
#4d525a
#4d525a
rgb(77,82,90)
-
#565b64
#565b64
rgb(86,91,100)
-
#5f656f
#5f656f
rgb(95,101,111)
-
#686f79
#686f79
rgb(104,111,121)
-
#717884
#717884
rgb(113,120,132)
-
#7b828e
#7b828e
rgb(123,130,142)
-
#858c97
#858c97
rgb(133,140,151)
-
#9096a0
#9096a0
rgb(144,150,160)
-
#9aa0a9
#9aa0a9
rgb(154,160,169)
-
#a5aab2
#a5aab2
rgb(165,170,178)
-
#afb4bb
#afb4bb
rgb(175,180,187)
-
#babec4
#babec4
rgb(186,190,196)
-
#c5c8cd
#c5c8cd
rgb(197,200,205)
-
#cfd2d6
#cfd2d6
rgb(207,210,214)
-
#dadcdf
#dadcdf
rgb(218,220,223)
-
#e4e6e8
#e4e6e8
rgb(228,230,232)
-
#eff0f1
#eff0f1
rgb(239,240,241)
-
#f9fafa
#f9fafa
rgb(249,250,250)
Tones of #babec4
A tone is produced by adding gray to any pure hue. In this case, #bfbfbf is the less saturated color, while #84b3fa is the most saturated one.
-
#bfbfbf
#bfbfbf
rgb(191,191,191)
-
#babec4
#babec4
rgb(186,190,196)
-
#b5bdc9
#b5bdc9
rgb(181,189,201)
-
#b0bcce
#b0bcce
rgb(176,188,206)
-
#abbbd3
#abbbd3
rgb(171,187,211)
-
#a6bad8
#a6bad8
rgb(166,186,216)
-
#a1b9dd
#a1b9dd
rgb(161,185,221)
-
#9cb8e2
#9cb8e2
rgb(156,184,226)
-
#98b7e6
#98b7e6
rgb(152,183,230)
-
#93b6eb
#93b6eb
rgb(147,182,235)
-
#8eb5f0
#8eb5f0
rgb(142,181,240)
-
#89b4f5
#89b4f5
rgb(137,180,245)
-
#84b3fa
#84b3fa
rgb(132,179,250)
Color Blindness Simulator
Below, you can see how #babec4 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.