#ababab Color Informations
This page lists more detailed information about the hex color code #ababab. In a RGB color space, hex #ababab is composed of 171(67.06%) red, 171(67.06%) green and 171(67.06%) blue. Its decimal value is 11250603. In a CMYK color space, it is consist of 0% cyan, 0% magenta, 0% yellow and 32.94% black. It has a hue angle of 0 degrees, a saturation of 0% and a lightness of 67.06%.
Color #ababab contains mostly Gray color(rgb is equally), is a warm color and closest websafe color is #999999. #ababab color hex could be obtained by blending #ffffff with #575757. Color #ababab look like dark gray #a9a9a9 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.

#ababab color description : medium gray.
#ababab Color Conversion
-
- Hex triplet ab, ab, ab
- RGB Decimal 171, 171, 171
- RGB Octal 253, 253, 253
- RGB Binary 10101011, 10101011, 10101011
- RGB Percent 67.06%, 67.06%, 67.06%
- XYZ 38.7082, 40.724, 44.3485
- xyY 0.3127, 0.329, 40.724
-
- CMYK 0%, 0%, 0%, 32.94%
- HSL 0°, 0, 67.06
- HSV(HSB) 0°, 0, 67.06
- CIE-L*AB 69.982, 0.004, -0.008
- CIE-L*CH 69.982, 0.009, 296.813
- CIE-L*UV 69.982, 0.001, -0.012
- Hunter-Lab 63.815, -3.405, 3.467
#ababab Color Analysis
Color Schemes with #ababab
Shades and Tints of #ababab
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, #040404 is the darkest color, while #f9f9f9 is the lightest one.
-
#040404
#040404
rgb(4,4,4) -
#0e0e0e
#0e0e0e
rgb(14,14,14) -
#181818
#181818
rgb(24,24,24) -
#222222
#222222
rgb(34,34,34) -
#2c2c2c
#2c2c2c
rgb(44,44,44) -
#353535
#353535
rgb(53,53,53) -
#3f3f3f
#3f3f3f
rgb(63,63,63) -
#494949
#494949
rgb(73,73,73) -
#535353
#535353
rgb(83,83,83) -
#5d5d5d
#5d5d5d
rgb(93,93,93) -
#666666
#666666
rgb(102,102,102) -
#707070
#707070
rgb(112,112,112) -
#7a7a7a
#7a7a7a
rgb(122,122,122)
-
#848484
#848484
rgb(132,132,132) -
#8e8e8e
#8e8e8e
rgb(142,142,142) -
#979797
#979797
rgb(151,151,151) -
#a1a1a1
#a1a1a1
rgb(161,161,161) -
#ababab
#ababab
rgb(171,171,171) -
#b5b5b5
#b5b5b5
rgb(181,181,181) -
#bfbfbf
#bfbfbf
rgb(191,191,191) -
#c8c8c8
#c8c8c8
rgb(200,200,200) -
#d2d2d2
#d2d2d2
rgb(210,210,210) -
#dcdcdc
#dcdcdc
rgb(220,220,220) -
#e6e6e6
#e6e6e6
rgb(230,230,230) -
#f0f0f0
#f0f0f0
rgb(240,240,240) -
#f9f9f9
#f9f9f9
rgb(249,249,249)
Tones of #ababab
A tone is produced by adding gray to any pure hue. In this case, #ababab is the less saturated color, while #f95d5d is the most saturated one.
-
#ababab
#ababab
rgb(171,171,171) -
#b1a5a5
#b1a5a5
rgb(177,165,165) -
#b89e9e
#b89e9e
rgb(184,158,158) -
#be9898
#be9898
rgb(190,152,152) -
#c59191
#c59191
rgb(197,145,145) -
#cb8b8b
#cb8b8b
rgb(203,139,139) -
#d28484
#d28484
rgb(210,132,132) -
#d87e7e
#d87e7e
rgb(216,126,126) -
#df7777
#df7777
rgb(223,119,119) -
#e57171
#e57171
rgb(229,113,113) -
#ec6a6a
#ec6a6a
rgb(236,106,106) -
#f26464
#f26464
rgb(242,100,100) -
#f95d5d
#f95d5d
rgb(249,93,93)
Alternatives to #ababab
Below, site show some colors close to #ababab. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#a5a5a5
#a5a5a5
rgb(165,165,165) -
#a6a6a6
#a6a6a6
rgb(166,166,166) -
#a7a7a7
#a7a7a7
rgb(167,167,167) -
#a8a8a8
#a8a8a8
rgb(168,168,168) -
#a9a9a9
#a9a9a9
rgb(169,169,169) -
#aaaaaa
#aaaaaa
rgb(170,170,170) -
#ababab
#ababab
rgb(171,171,171) -
#acacac
#acacac
rgb(172,172,172) -
#adadad
#adadad
rgb(173,173,173) -
#aeaeae
#aeaeae
rgb(174,174,174) -
#afafaf
#afafaf
rgb(175,175,175) -
#b0b0b0
#b0b0b0
rgb(176,176,176) -
#b1b1b1
#b1b1b1
rgb(177,177,177)
#ababab Preview in HTML
This text has a font color of #ababab.
<span style="color:#ababab;">Text here</span>
#ababab Text Shadow.
<span style="text-shadow:2px 2px 3px #ababab;">Text here</span>
This paragraph has a background color of #ababab.
<p style="background-color:#ababab;">Content here</p>
This element has a border color of #ababab.
<div style="border:1px solid #ababab;">Content here</div>
.text{color:#ababab;}
.background{background-color:#ababab;}
.border{border:1px solid #ababab;}
Download #ababab color images
Solid color background with hex color code #ababab. 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 -