#b2b8af hex color

In a RGB color space, hex #b2b8af is composed of 69.8% red, 72.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 4.9% yellow and 27.8% black. It has a hue angle of 100 degrees, a saturation of 6% and a lightness of 70.4%. #b2b8af color hex could be obtained by blending #ffffff with #65715f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 70
- G 72
- B 69
RGB color chart
- C 3
- M 0
- Y 5
- K 28
CMYK color chart

● #b2b8af color description : Grayish green.

The hexadecimal color #b2b8af has RGB values of R:178, G:184, B:175 and CMYK values of C:0.03, M:0, Y:0.05, K:0.28. Its decimal value is 11712687.

Hex triplet	b2b8af	`#b2b8af`
RGB Decimal	178, 184, 175	`rgb(178,184,175)`
RGB Percent	69.8, 72.2, 68.6	`rgb(69.8%,72.2%,68.6%)`
CMYK	3, 0, 5, 28
HSL	100°, 6, 70.4	`hsl(100,6%,70.4%)`
HSV (or HSB)	100°, 4.9, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	74.088, -3.769, 3.833
XYZ	43.237, 46.841, 47.318
xyY	0.315, 0.341, 46.841
CIE-LCH	74.088, 5.376, 134.52
CIE-LUV	74.088, -2.924, 6.267
Hunter-Lab	68.44, -7.004, 6.916
Binary	10110010, 10111000, 10101111

#b2b8af
```
#b2b8af rgb(178,184,175)
```
#b5afb8
```
#b5afb8 rgb(181,175,184)
```

Complementary Color

#b7b8af
```
#b7b8af rgb(183,184,175)
```
#b2b8af
```
#b2b8af rgb(178,184,175)
```
#afb8b1
```
#afb8b1 rgb(175,184,177)
```

Analogous Color

#b8afb7
```
#b8afb7 rgb(184,175,183)
```
#b2b8af
```
#b2b8af rgb(178,184,175)
```
#b1afb8
```
#b1afb8 rgb(177,175,184)
```

Split Complementary Color

#b8afb2
```
#b8afb2 rgb(184,175,178)
```
#b2b8af
```
#b2b8af rgb(178,184,175)
```
#afb2b8
```
#afb2b8 rgb(175,178,184)
```

Triadic Color

#b8b5af
```
#b8b5af rgb(184,181,175)
```
#b2b8af
```
#b2b8af rgb(178,184,175)
```
#afb2b8
```
#afb2b8 rgb(175,178,184)
```
#b5afb8
```
#b5afb8 rgb(181,175,184)
```

Tetradic Color

#8b9486
```
#8b9486 rgb(139,148,134)
```
#98a094
```
#98a094 rgb(152,160,148)
```
#a5aca1
```
#a5aca1 rgb(165,172,161)
```
#b2b8af
```
#b2b8af rgb(178,184,175)
```
#bfc4bd
```
#bfc4bd rgb(191,196,189)
```
#ccd0ca
```
#ccd0ca rgb(204,208,202)
```
#d9dcd8
```
#d9dcd8 rgb(217,220,216)
```

Monochromatic Color

Below, you can see some colors close to #b2b8af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b4b8af
```
#b4b8af rgb(180,184,175)
```
#b4b8af
```
#b4b8af rgb(180,184,175)
```
#b3b8af
```
#b3b8af rgb(179,184,175)
```
#b2b8af
```
#b2b8af rgb(178,184,175)
```
#b1b8af
```
#b1b8af rgb(177,184,175)
```
#b1b8af
```
#b1b8af rgb(177,184,175)
```
#b0b8af
```
#b0b8af rgb(176,184,175)
```

Similar Colors

Text with hexadecimal color #b2b8af

This text has a font color of #b2b8af.

<span style="color:#b2b8af;">Text here</span>

#b2b8af background color

This paragraph has a background color of #b2b8af.

<p style="background-color:#b2b8af;">Content here</p>

#b2b8af border color

This element has a border color of #b2b8af.

<div style="border:1px solid #b2b8af;">Content here</div>

CSS codes

.text {color:#b2b8af;}

.background {background-color:#b2b8af;}

.border {border:1px solid #b2b8af;}

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, #030303 is the darkest color, while #f8f9f8 is the lightest one.

#030303
```
#030303 rgb(3,3,3)
```
#0d0e0c
```
#0d0e0c rgb(13,14,12)
```
#161815
```
#161815 rgb(22,24,21)
```
#20221e
```
#20221e rgb(32,34,30)
```
#292d28
```
#292d28 rgb(41,45,40)
```
#333731
```
#333731 rgb(51,55,49)
```
#3d413a
```
#3d413a rgb(61,65,58)
```
#464c43
```
#464c43 rgb(70,76,67)
```
#50564d
```
#50564d rgb(80,86,77)
```
#596156
```
#596156 rgb(89,97,86)
```
#636b5f
```
#636b5f rgb(99,107,95)
```
#6d7568
```
#6d7568 rgb(109,117,104)
```
#768071
```
#768071 rgb(118,128,113)
```

Shade Color Variation

#808a7b
```
#808a7b rgb(128,138,123)
```
#8a9385
```
#8a9385 rgb(138,147,133)
```
#949c90
```
#949c90 rgb(148,156,144)
```
#9ea69a
```
#9ea69a rgb(158,166,154)
```
#a8afa5
```
#a8afa5 rgb(168,175,165)
```
#b2b8af
```
#b2b8af rgb(178,184,175)
```
#bcc1b9
```
#bcc1b9 rgb(188,193,185)
```
#c6cac4
```
#c6cac4 rgb(198,202,196)
```
#d0d4ce
```
#d0d4ce rgb(208,212,206)
```
#daddd9
```
#daddd9 rgb(218,221,217)
```
#e4e6e3
```
#e4e6e3 rgb(228,230,227)
```
#eeefed
```
#eeefed rgb(238,239,237)
```
#f8f9f8
```
#f8f9f8 rgb(248,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b2b8af is the less saturated color, while #9bfe69 is the most saturated one.

#b2b8af
```
#b2b8af rgb(178,184,175)
```
#b0bea9
```
#b0bea9 rgb(176,190,169)
```
#aec4a3
```
#aec4a3 rgb(174,196,163)
```
#acc99e
```
#acc99e rgb(172,201,158)
```
#aacf98
```
#aacf98 rgb(170,207,152)
```
#a8d592
```
#a8d592 rgb(168,213,146)
```
#a6db8c
```
#a6db8c rgb(166,219,140)
```
#a4e186
```
#a4e186 rgb(164,225,134)
```
#a3e681
```
#a3e681 rgb(163,230,129)
```
#a1ec7b
```
#a1ec7b rgb(161,236,123)
```
#9ff275
```
#9ff275 rgb(159,242,117)
```
#9df86f
```
#9df86f rgb(157,248,111)
```
#9bfe69
```
#9bfe69 rgb(155,254,105)
```

Tone Color Variation

Below, you can see how #b2b8af 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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b6b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb9b1 Protanopia 1% of men
#ccb4b5 Deuteranopia 1% of men
#b9b8c5 Tritanopia 0.001% of the population

Trichromacy

#bab8b0 Protanomaly 1% of men, 0.01% of women
#c2b5b3 Deuteranomaly 6% of men, 0.4% of women
#b6b8bd Tritanomaly 0.01% of the population

#b2b8af hex color

#b2b8af Color Information

#b2b8af Color Conversion

Color Schemes with #b2b8af

Alternatives to #b2b8af

#b2b8af Preview

Shades and Tints of #b2b8af

Tones of #b2b8af

Color Blindness Simulator