#b2b2b2 hex color
In a RGB color space, hex #b2b2b2 is composed of 69.8% red, 69.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 0% yellow and 30.2% black. It has a hue angle of 0 degrees, a saturation of 0% and a lightness of 69.8%. #b2b2b2 color hex could be obtained by blending #ffffff with #656565. Closest websafe color is: #999999.
-
- R 70
- G 70
- B 70
RGB color chart
-
- C 0
- M 0
- Y 0
- K 30
CMYK color chart
● #b2b2b2 color description : Gray.
The hexadecimal color #b2b2b2 has RGB values of R:178, G:178, B:178 and CMYK values of C:0, M:0, Y:0, K:0.3. Its decimal value is 11711154.
Hex triplet | b2b2b2 | #b2b2b2 |
---|---|---|
RGB Decimal | 178, 178, 178 | rgb(178,178,178) |
RGB Percent | 69.8, 69.8, 69.8 | rgb(69.8%,69.8%,69.8%) |
CMYK | 0, 0, 0, 30 | |
HSL | 0°, 0, 69.8 | hsl(0,0%,69.8%) |
HSV (or HSB) | 0°, 0, 69.8 | |
Web Safe | 999999 | #999999 |
CIE-LAB | 72.575, -0, -0.007 |
---|---|
XYZ | 42.315, 44.52, 48.481 |
xyY | 0.313, 0.329, 44.52 |
CIE-LCH | 72.575, 0.007, 266.929 |
CIE-LUV | 72.575, -0.005, -0.01 |
Hunter-Lab | 66.723, -3.564, 3.626 |
Binary | 10110010, 10110010, 10110010 |
-
#8c8c8c
#8c8c8c
rgb(140,140,140)
-
#999999
#999999
rgb(153,153,153)
-
#a5a5a5
#a5a5a5
rgb(165,165,165)
-
#b2b2b2
#b2b2b2
rgb(178,178,178)
-
#bfbfbf
#bfbfbf
rgb(191,191,191)
-
#cccccc
#cccccc
rgb(204,204,204)
-
#d8d8d8
#d8d8d8
rgb(216,216,216)
Monochromatic Color
Below, you can see some colors close to #b2b2b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #b2b2b2
This text has a font color of #b2b2b2.
<span style="color:#b2b2b2;">Text here</span>
#b2b2b2 background color
This paragraph has a background color of #b2b2b2.
<p style="background-color:#b2b2b2;">Content here</p>
#b2b2b2 border color
This element has a border color of #b2b2b2.
<div style="border:1px solid #b2b2b2;">Content here</div>
CSS codes
.text {color:#b2b2b2;}
.background {background-color:#b2b2b2;}
.border {border:1px solid #b2b2b2;}
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, #010101 is the darkest color, while #f7f7f7 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#0b0b0b
#0b0b0b
rgb(11,11,11)
-
#151515
#151515
rgb(21,21,21)
-
#1f1f1f
#1f1f1f
rgb(31,31,31)
-
#292929
#292929
rgb(41,41,41)
-
#333333
#333333
rgb(51,51,51)
-
#3c3c3c
#3c3c3c
rgb(60,60,60)
-
#464646
#464646
rgb(70,70,70)
-
#505050
#505050
rgb(80,80,80)
-
#5a5a5a
#5a5a5a
rgb(90,90,90)
-
#646464
#646464
rgb(100,100,100)
-
#6d6d6d
#6d6d6d
rgb(109,109,109)
-
#777777
#777777
rgb(119,119,119)
Shade Color Variation
-
#818181
#818181
rgb(129,129,129)
-
#8b8b8b
#8b8b8b
rgb(139,139,139)
-
#959595
#959595
rgb(149,149,149)
-
#9e9e9e
#9e9e9e
rgb(158,158,158)
-
#a8a8a8
#a8a8a8
rgb(168,168,168)
-
#b2b2b2
#b2b2b2
rgb(178,178,178)
-
#bcbcbc
#bcbcbc
rgb(188,188,188)
-
#c6c6c6
#c6c6c6
rgb(198,198,198)
-
#cfcfcf
#cfcfcf
rgb(207,207,207)
-
#d9d9d9
#d9d9d9
rgb(217,217,217)
-
#e3e3e3
#e3e3e3
rgb(227,227,227)
-
#ededed
#ededed
rgb(237,237,237)
-
#f7f7f7
#f7f7f7
rgb(247,247,247)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #b2b2b2 is the less saturated color, while #ff6565 is the most saturated one.
-
#b2b2b2
#b2b2b2
rgb(178,178,178)
-
#b8acac
#b8acac
rgb(184,172,172)
-
#bfa5a5
#bfa5a5
rgb(191,165,165)
-
#c59f9f
#c59f9f
rgb(197,159,159)
-
#cc9898
#cc9898
rgb(204,152,152)
-
#d29292
#d29292
rgb(210,146,146)
-
#d98c8c
#d98c8c
rgb(217,140,140)
-
#df8585
#df8585
rgb(223,133,133)
-
#e57f7f
#e57f7f
rgb(229,127,127)
-
#ec7878
#ec7878
rgb(236,120,120)
-
#f27272
#f27272
rgb(242,114,114)
-
#f96b6b
#f96b6b
rgb(249,107,107)
-
#ff6565
#ff6565
rgb(255,101,101)
Tone Color Variation
Below, you can see how #b2b2b2 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
Dichromacy