#bababa Color Informations
This page lists more detailed information about the hex color code #bababa. In a RGB color space, hex #bababa is composed of 186(72.94%) red, 186(72.94%) green and 186(72.94%) blue. Its decimal value is 12237498. In a CMYK color space, it is consist of 0% cyan, 0% magenta, 0% yellow and 27.06% black. It has a hue angle of 0 degrees, a saturation of 0% and a lightness of 72.94%.
Color #bababa contains mostly Gray color(rgb is equally), is a warm color and closest websafe color is #cccccc. #bababa color hex could be obtained by blending #ffffff with #757575. Color #bababa look like silver sand #bebdb6 color. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#bababa color description : medium gray.
#bababa Color Conversion
-
- Hex triplet ba, ba, ba
- RGB Decimal 186, 186, 186
- RGB Octal 272, 272, 272
- RGB Binary 10111010, 10111010, 10111010
- RGB Percent 72.94%, 72.94%, 72.94%
- XYZ 46.6715, 49.1021, 53.4722
- xyY 0.3127, 0.329, 49.1021
-
- CMYK 0%, 0%, 0%, 27.06%
- HSL 0°, 0, 72.94
- HSV(HSB) 0°, 0, 72.94
- CIE-L*AB 75.515, 0.004, -0.008
- CIE-L*CH 75.515, 0.009, 296.813
- CIE-L*UV 75.515, 0.001, -0.013
- Hunter-Lab 70.073, -3.739, 3.807
#bababa Color Analysis
Color Schemes with #bababa
Shades and Tints of #bababa
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, #090909 is the darkest color, while #ffffff is the lightest one.
-
#090909
#090909
rgb(9,9,9) -
#131313
#131313
rgb(19,19,19) -
#1d1d1d
#1d1d1d
rgb(29,29,29) -
#272727
#272727
rgb(39,39,39) -
#313131
#313131
rgb(49,49,49) -
#3b3b3b
#3b3b3b
rgb(59,59,59) -
#444444
#444444
rgb(68,68,68) -
#4e4e4e
#4e4e4e
rgb(78,78,78) -
#585858
#585858
rgb(88,88,88) -
#626262
#626262
rgb(98,98,98) -
#6c6c6c
#6c6c6c
rgb(108,108,108) -
#757575
#757575
rgb(117,117,117) -
#7f7f7f
#7f7f7f
rgb(127,127,127)
-
#898989
#898989
rgb(137,137,137) -
#939393
#939393
rgb(147,147,147) -
#9d9d9d
#9d9d9d
rgb(157,157,157) -
#a6a6a6
#a6a6a6
rgb(166,166,166) -
#b0b0b0
#b0b0b0
rgb(176,176,176) -
#bababa
#bababa
rgb(186,186,186) -
#c4c4c4
#c4c4c4
rgb(196,196,196) -
#cecece
#cecece
rgb(206,206,206) -
#d7d7d7
#d7d7d7
rgb(215,215,215) -
#e1e1e1
#e1e1e1
rgb(225,225,225) -
#ebebeb
#ebebeb
rgb(235,235,235) -
#f5f5f5
#f5f5f5
rgb(245,245,245) -
#ffffff
#ffffff
rgb(255,255,255)
Tones of #bababa
A tone is produced by adding gray to any pure hue. In this case, #bababa is the less saturated color, while #fa7a7a is the most saturated one.
-
#bababa
#bababa
rgb(186,186,186) -
#bfb5b5
#bfb5b5
rgb(191,181,181) -
#c5afaf
#c5afaf
rgb(197,175,175) -
#caaaaa
#caaaaa
rgb(202,170,170) -
#cfa5a5
#cfa5a5
rgb(207,165,165) -
#d59f9f
#d59f9f
rgb(213,159,159) -
#da9a9a
#da9a9a
rgb(218,154,154) -
#df9595
#df9595
rgb(223,149,149) -
#e49090
#e49090
rgb(228,144,144) -
#ea8a8a
#ea8a8a
rgb(234,138,138) -
#ef8585
#ef8585
rgb(239,133,133) -
#f48080
#f48080
rgb(244,128,128) -
#fa7a7a
#fa7a7a
rgb(250,122,122)
Alternatives to #bababa
Below, site show some colors close to #bababa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#b4b4b4
#b4b4b4
rgb(180,180,180) -
#b5b5b5
#b5b5b5
rgb(181,181,181) -
#b6b6b6
#b6b6b6
rgb(182,182,182) -
#b7b7b7
#b7b7b7
rgb(183,183,183) -
#b8b8b8
#b8b8b8
rgb(184,184,184) -
#b9b9b9
#b9b9b9
rgb(185,185,185) -
#bababa
#bababa
rgb(186,186,186) -
#bbbbbb
#bbbbbb
rgb(187,187,187) -
#bcbcbc
#bcbcbc
rgb(188,188,188) -
#bdbdbd
#bdbdbd
rgb(189,189,189) -
#bebebe
#bebebe
rgb(190,190,190) -
#bfbfbf
#bfbfbf
rgb(191,191,191) -
#c0c0c0
#c0c0c0
rgb(192,192,192)
#bababa Preview in HTML
This text has a font color of #bababa.
<span style="color:#bababa;">Text here</span>
#bababa Text Shadow.
<span style="text-shadow:2px 2px 3px #bababa;">Text here</span>
This paragraph has a background color of #bababa.
<p style="background-color:#bababa;">Content here</p>
This element has a border color of #bababa.
<div style="border:1px solid #bababa;">Content here</div>
.text{color:#bababa;}
.background{background-color:#bababa;}
.border{border:1px solid #bababa;}
Download #bababa color images
Solid color background with hex color code #bababa. Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -