#b2b8a0 hex color

In a RGB color space, hex #b2b8a0 is composed of 69.8% red, 72.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 13% yellow and 27.8% black. It has a hue angle of 75 degrees, a saturation of 14.5% and a lightness of 67.5%. #b2b8a0 color hex could be obtained by blending #ffffff with #657141. Closest websafe color is: #99cc99.

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

● #b2b8a0 color description : Grayish green.

The hexadecimal color #b2b8a0 has RGB values of R:178, G:184, B:160 and CMYK values of C:0.03, M:0, Y:0.13, K:0.28. Its decimal value is 11712672.

Hex triplet	b2b8a0	`#b2b8a0`
RGB Decimal	178, 184, 160	`rgb(178,184,160)`
RGB Percent	69.8, 72.2, 62.7	`rgb(69.8%,72.2%,62.7%)`
CMYK	3, 0, 13, 28
HSL	75°, 14.5, 67.5	`hsl(75,14.5%,67.5%)`
HSV (or HSB)	75°, 13, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.729, -6.397, 11.484
XYZ	41.845, 46.284, 39.985
xyY	0.327, 0.361, 46.284
CIE-LCH	73.729, 13.146, 119.12
CIE-LUV	73.729, -2.222, 17.502
Hunter-Lab	68.032, -9.267, 12.776
Binary	10110010, 10111000, 10100000

#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#a6a0b8
```
#a6a0b8 rgb(166,160,184)
```

Complementary Color

#b8b2a0
```
#b8b2a0 rgb(184,178,160)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#a6b8a0
```
#a6b8a0 rgb(166,184,160)
```

Analogous Color

#b2a0b8
```
#b2a0b8 rgb(178,160,184)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#a0a6b8
```
#a0a6b8 rgb(160,166,184)
```

Split Complementary Color

#b8a0b2
```
#b8a0b2 rgb(184,160,178)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#a0b2b8
```
#a0b2b8 rgb(160,178,184)
```

Triadic Color

#b8a6a0
```
#b8a6a0 rgb(184,166,160)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#a0b2b8
```
#a0b2b8 rgb(160,178,184)
```
#a6a0b8
```
#a6a0b8 rgb(166,160,184)
```

Tetradic Color

#8f9774
```
#8f9774 rgb(143,151,116)
```
#9aa283
```
#9aa283 rgb(154,162,131)
```
#a6ad91
```
#a6ad91 rgb(166,173,145)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#bec3af
```
#bec3af rgb(190,195,175)
```
#cacebd
```
#cacebd rgb(202,206,189)
```
#d5d9cc
```
#d5d9cc rgb(213,217,204)
```

Monochromatic Color

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

#b8b8a0
```
#b8b8a0 rgb(184,184,160)
```
#b6b8a0
```
#b6b8a0 rgb(182,184,160)
```
#b4b8a0
```
#b4b8a0 rgb(180,184,160)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#b0b8a0
```
#b0b8a0 rgb(176,184,160)
```
#aeb8a0
```
#aeb8a0 rgb(174,184,160)
```
#acb8a0
```
#acb8a0 rgb(172,184,160)
```

Similar Colors

Text with hexadecimal color #b2b8a0

This text has a font color of #b2b8a0.

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

#b2b8a0 background color

This paragraph has a background color of #b2b8a0.

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

#b2b8a0 border color

This element has a border color of #b2b8a0.

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

CSS codes

.text {color:#b2b8a0;}

.background {background-color:#b2b8a0;}

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

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

#060605
```
#060605 rgb(6,6,5)
```
#10110d
```
#10110d rgb(16,17,13)
```
#1b1c15
```
#1b1c15 rgb(27,28,21)
```
#25281e
```
#25281e rgb(37,40,30)
```
#303326
```
#303326 rgb(48,51,38)
```
#3a3e2e
```
#3a3e2e rgb(58,62,46)
```
#454937
```
#454937 rgb(69,73,55)
```
#4f553f
```
#4f553f rgb(79,85,63)
```
#5a6048
```
#5a6048 rgb(90,96,72)
```
#646b50
```
#646b50 rgb(100,107,80)
```
#6f7658
```
#6f7658 rgb(111,118,88)
```
#798261
```
#798261 rgb(121,130,97)
```
#848d69
```
#848d69 rgb(132,141,105)
```

Shade Color Variation

#8e9673
```
#8e9673 rgb(142,150,115)
```
#979f7e
```
#979f7e rgb(151,159,126)
```
#a0a78a
```
#a0a78a rgb(160,167,138)
```
#a9b095
```
#a9b095 rgb(169,176,149)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#bbc0ab
```
#bbc0ab rgb(187,192,171)
```
#c4c9b6
```
#c4c9b6 rgb(196,201,182)
```
#cdd1c2
```
#cdd1c2 rgb(205,209,194)
```
#d6dacd
```
#d6dacd rgb(214,218,205)
```
#dfe2d8
```
#dfe2d8 rgb(223,226,216)
```
#e9eae3
```
#e9eae3 rgb(233,234,227)
```
#f2f3ef
```
#f2f3ef rgb(242,243,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#afb2a6
```
#afb2a6 rgb(175,178,166)
```
#b2b8a0
```
#b2b8a0 rgb(178,184,160)
```
#b5be9a
```
#b5be9a rgb(181,190,154)
```
#b8c593
```
#b8c593 rgb(184,197,147)
```
#bccb8d
```
#bccb8d rgb(188,203,141)
```
#bfd286
```
#bfd286 rgb(191,210,134)
```
#c2d880
```
#c2d880 rgb(194,216,128)
```
#c5de7a
```
#c5de7a rgb(197,222,122)
```
#c8e573
```
#c8e573 rgb(200,229,115)
```
#cceb6d
```
#cceb6d rgb(204,235,109)
```
#cff167
```
#cff167 rgb(207,241,103)
```
#d2f860
```
#d2f860 rgb(210,248,96)
```
#d5fe5a
```
#d5fe5a rgb(213,254,90)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b3b4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b8a3 Protanopia 1% of men
#d0b2a7 Deuteranopia 1% of men
#bbb7c4 Tritanopia 0.001% of the population

Trichromacy

#bbb8a2 Protanomaly 1% of men, 0.01% of women
#c5b4a4 Deuteranomaly 6% of men, 0.4% of women
#b7b7b7 Tritanomaly 0.01% of the population

#b2b8a0 hex color

#b2b8a0 Color Information

#b2b8a0 Color Conversion

Color Schemes with #b2b8a0

Alternatives to #b2b8a0

#b2b8a0 Preview

Shades and Tints of #b2b8a0

Tones of #b2b8a0

Color Blindness Simulator