#b2b1af hex color

In a RGB color space, hex #b2b1af is composed of 69.8% red, 69.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 40 degrees, a saturation of 1.9% and a lightness of 69.2%. #b2b1af color hex could be obtained by blending #ffffff with #65635f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 70
- G 69
- B 69
RGB color chart
- C 0
- M 1
- Y 2
- K 30
CMYK color chart

● #b2b1af color description : Dark grayish orange.

The hexadecimal color #b2b1af has RGB values of R:178, G:177, B:175 and CMYK values of C:0, M:0.01, Y:0.02, K:0.3. Its decimal value is 11710895.

Hex triplet	b2b1af	`#b2b1af`
RGB Decimal	178, 177, 175	`rgb(178,177,175)`
RGB Percent	69.8, 69.4, 68.6	`rgb(69.8%,69.4%,68.6%)`
CMYK	0, 1, 2, 30
HSL	40°, 1.9, 69.2	`hsl(40,1.9%,69.2%)`
HSV (or HSB)	40°, 1.7, 69.8
Web Safe	999999	`#999999`

CIE-LAB	72.231, -0.019, 1.138
XYZ	41.819, 44.004, 46.846
xyY	0.315, 0.332, 44.004
CIE-LCH	72.231, 1.139, 90.944
CIE-LUV	72.231, 0.68, 1.675
Hunter-Lab	66.336, -3.56, 4.565
Binary	10110010, 10110001, 10101111

#b2b1af
```
#b2b1af rgb(178,177,175)
```
#afb0b2
```
#afb0b2 rgb(175,176,178)
```

Complementary Color

#b2b0af
```
#b2b0af rgb(178,176,175)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#b2b2af
```
#b2b2af rgb(178,178,175)
```

Analogous Color

#b0afb2
```
#b0afb2 rgb(176,175,178)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#afb2b2
```
#afb2b2 rgb(175,178,178)
```

Split Complementary Color

#b1afb2
```
#b1afb2 rgb(177,175,178)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#afb2b1
```
#afb2b1 rgb(175,178,177)
```

Triadic Color

#b2afb0
```
#b2afb0 rgb(178,175,176)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#afb2b1
```
#afb2b1 rgb(175,178,177)
```
#afb0b2
```
#afb0b2 rgb(175,176,178)
```

Tetradic Color

#8c8b88
```
#8c8b88 rgb(140,139,136)
```
#999895
```
#999895 rgb(153,152,149)
```
#a5a4a2
```
#a5a4a2 rgb(165,164,162)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#bfbebc
```
#bfbebc rgb(191,190,188)
```
#cbcac9
```
#cbcac9 rgb(203,202,201)
```
#d8d7d6
```
#d8d7d6 rgb(216,215,214)
```

Monochromatic Color

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

#b2b0af
```
#b2b0af rgb(178,176,175)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#b2b2af
```
#b2b2af rgb(178,178,175)
```
#b2b2af
```
#b2b2af rgb(178,178,175)
```

Similar Colors

Text with hexadecimal color #b2b1af

This text has a font color of #b2b1af.

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

#b2b1af background color

This paragraph has a background color of #b2b1af.

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

#b2b1af border color

This element has a border color of #b2b1af.

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

CSS codes

.text {color:#b2b1af;}

.background {background-color:#b2b1af;}

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

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, #0a0a0a is the darkest color, while #ffffff is the lightest one.

#0a0a0a
```
#0a0a0a rgb(10,10,10)
```
#141413
```
#141413 rgb(20,20,19)
```
#1e1e1d
```
#1e1e1d rgb(30,30,29)
```
#282726
```
#282726 rgb(40,39,38)
```
#323130
```
#323130 rgb(50,49,48)
```
#3c3b3a
```
#3c3b3a rgb(60,59,58)
```
#464543
```
#464543 rgb(70,69,67)
```
#504f4d
```
#504f4d rgb(80,79,77)
```
#5a5957
```
#5a5957 rgb(90,89,87)
```
#646360
```
#646360 rgb(100,99,96)
```
#6e6d6a
```
#6e6d6a rgb(110,109,106)
```
#787673
```
#787673 rgb(120,118,115)
```
#82807d
```
#82807d rgb(130,128,125)
```

Shade Color Variation

#8c8a87
```
#8c8a87 rgb(140,138,135)
```
#959491
```
#959491 rgb(149,148,145)
```
#9f9e9b
```
#9f9e9b rgb(159,158,155)
```
#a8a7a5
```
#a8a7a5 rgb(168,167,165)
```
#b2b1af
```
#b2b1af rgb(178,177,175)
```
#bcbbb9
```
#bcbbb9 rgb(188,187,185)
```
#c5c4c3
```
#c5c4c3 rgb(197,196,195)
```
#cfcecd
```
#cfcecd rgb(207,206,205)
```
#d8d8d7
```
#d8d8d7 rgb(216,216,215)
```
#e2e2e1
```
#e2e2e1 rgb(226,226,225)
```
#ecebeb
```
#ecebeb rgb(236,235,235)
```
#f5f5f5
```
#f5f5f5 rgb(245,245,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b2b1af
```
#b2b1af rgb(178,177,175)
```
#b8b3a9
```
#b8b3a9 rgb(184,179,169)
```
#beb5a3
```
#beb5a3 rgb(190,181,163)
```
#c4b79d
```
#c4b79d rgb(196,183,157)
```
#cab997
```
#cab997 rgb(202,185,151)
```
#d0bb91
```
#d0bb91 rgb(208,187,145)
```
#d6bd8b
```
#d6bd8b rgb(214,189,139)
```
#dcbf85
```
#dcbf85 rgb(220,191,133)
```
#e2c17f
```
#e2c17f rgb(226,193,127)
```
#e8c379
```
#e8c379 rgb(232,195,121)
```
#eec573
```
#eec573 rgb(238,197,115)
```
#f4c76d
```
#f4c76d rgb(244,199,109)
```
#fac967
```
#fac967 rgb(250,201,103)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b1b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b4b2 Protanopia 1% of men
#c5afb4 Deuteranopia 1% of men
#b8b3bf Tritanopia 0.001% of the population

Trichromacy

#b6b3b1 Protanomaly 1% of men, 0.01% of women
#beb0b2 Deuteranomaly 6% of men, 0.4% of women
#b5b2b9 Tritanomaly 0.01% of the population

#b2b1af hex color

#b2b1af Color Information

#b2b1af Color Conversion

Color Schemes with #b2b1af

Alternatives to #b2b1af

#b2b1af Preview

Shades and Tints of #b2b1af

Tones of #b2b1af

Color Blindness Simulator