#b4b2af hex color

In a RGB color space, hex #b4b2af is composed of 70.6% red, 69.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 2.8% yellow and 29.4% black. It has a hue angle of 36 degrees, a saturation of 3.2% and a lightness of 69.6%. #b4b2af color hex could be obtained by blending #ffffff with #69655f. Closest websafe color is: #cc9999.

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

● #b4b2af color description : Grayish orange.

The hexadecimal color #b4b2af has RGB values of R:180, G:178, B:175 and CMYK values of C:0, M:0.01, Y:0.03, K:0.29. Its decimal value is 11842223.

Hex triplet	b4b2af	`#b4b2af`
RGB Decimal	180, 178, 175	`rgb(180,178,175)`
RGB Percent	70.6, 69.8, 68.6	`rgb(70.6%,69.8%,68.6%)`
CMYK	0, 1, 3, 29
HSL	36°, 3.2, 69.6	`hsl(36,3.2%,69.6%)`
HSV (or HSB)	36°, 2.8, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.654, 0.153, 1.772
XYZ	42.479, 44.639, 46.933
xyY	0.317, 0.333, 44.639
CIE-LCH	72.654, 1.779, 85.069
CIE-LUV	72.654, 1.313, 2.574
Hunter-Lab	66.813, -3.432, 5.12
Binary	10110100, 10110010, 10101111

#b4b2af
```
#b4b2af rgb(180,178,175)
```
#afb1b4
```
#afb1b4 rgb(175,177,180)
```

Complementary Color

#b4b0af
```
#b4b0af rgb(180,176,175)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#b4b4af
```
#b4b4af rgb(180,180,175)
```

Analogous Color

#b0afb4
```
#b0afb4 rgb(176,175,180)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#afb4b4
```
#afb4b4 rgb(175,180,180)
```

Split Complementary Color

#b2afb4
```
#b2afb4 rgb(178,175,180)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#afb4b2
```
#afb4b2 rgb(175,180,178)
```

Triadic Color

#b4afb1
```
#b4afb1 rgb(180,175,177)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#afb4b2
```
#afb4b2 rgb(175,180,178)
```
#afb1b4
```
#afb1b4 rgb(175,177,180)
```

Tetradic Color

#8f8c88
```
#8f8c88 rgb(143,140,136)
```
#9b9995
```
#9b9995 rgb(155,153,149)
```
#a8a5a2
```
#a8a5a2 rgb(168,165,162)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#c0bfbc
```
#c0bfbc rgb(192,191,188)
```
#cdcbc9
```
#cdcbc9 rgb(205,203,201)
```
#d9d8d6
```
#d9d8d6 rgb(217,216,214)
```

Monochromatic Color

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

#b4b1af
```
#b4b1af rgb(180,177,175)
```
#b4b1af
```
#b4b1af rgb(180,177,175)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#b4b3af
```
#b4b3af rgb(180,179,175)
```
#b4b3af
```
#b4b3af rgb(180,179,175)
```

Similar Colors

Text with hexadecimal color #b4b2af

This text has a font color of #b4b2af.

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

#b4b2af background color

This paragraph has a background color of #b4b2af.

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

#b4b2af border color

This element has a border color of #b4b2af.

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

CSS codes

.text {color:#b4b2af;}

.background {background-color:#b4b2af;}

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

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 #f6f6f6 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0b0b0a
```
#0b0b0a rgb(11,11,10)
```
#151514
```
#151514 rgb(21,21,20)
```
#1f1f1d
```
#1f1f1d rgb(31,31,29)
```
#292827
```
#292827 rgb(41,40,39)
```
#343230
```
#343230 rgb(52,50,48)
```
#3e3c3a
```
#3e3c3a rgb(62,60,58)
```
#484643
```
#484643 rgb(72,70,67)
```
#52504d
```
#52504d rgb(82,80,77)
```
#5c5a56
```
#5c5a56 rgb(92,90,86)
```
#666460
```
#666460 rgb(102,100,96)
```
#706e69
```
#706e69 rgb(112,110,105)
```
#7a7773
```
#7a7773 rgb(122,119,115)
```

Shade Color Variation

#85817c
```
#85817c rgb(133,129,124)
```
#8e8b87
```
#8e8b87 rgb(142,139,135)
```
#989591
```
#989591 rgb(152,149,145)
```
#a19f9b
```
#a19f9b rgb(161,159,155)
```
#aba8a5
```
#aba8a5 rgb(171,168,165)
```
#b4b2af
```
#b4b2af rgb(180,178,175)
```
#bdbcb9
```
#bdbcb9 rgb(189,188,185)
```
#c7c5c3
```
#c7c5c3 rgb(199,197,195)
```
#d0cfcd
```
#d0cfcd rgb(208,207,205)
```
#dad9d7
```
#dad9d7 rgb(218,217,215)
```
#e3e3e2
```
#e3e3e2 rgb(227,227,226)
```
#edecec
```
#edecec rgb(237,236,236)
```
#f6f6f6
```
#f6f6f6 rgb(246,246,246)
```

Tint Color Variation

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

#b4b2af
```
#b4b2af rgb(180,178,175)
```
#bab3a9
```
#bab3a9 rgb(186,179,169)
```
#c0b4a3
```
#c0b4a3 rgb(192,180,163)
```
#c6b69d
```
#c6b69d rgb(198,182,157)
```
#ccb797
```
#ccb797 rgb(204,183,151)
```
#d2b891
```
#d2b891 rgb(210,184,145)
```
#d8b98b
```
#d8b98b rgb(216,185,139)
```
#deba85
```
#deba85 rgb(222,186,133)
```
#e4bc7f
```
#e4bc7f rgb(228,188,127)
```
#eabd79
```
#eabd79 rgb(234,189,121)
```
#f0be73
```
#f0be73 rgb(240,190,115)
```
#f6bf6d
```
#f6bf6d rgb(246,191,109)
```
#fcc067
```
#fcc067 rgb(252,192,103)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab5b2 Protanopia 1% of men
#c7b0b4 Deuteranopia 1% of men
#bab3c0 Tritanopia 0.001% of the population

Trichromacy

#b7b4b1 Protanomaly 1% of men, 0.01% of women
#c0b1b2 Deuteranomaly 6% of men, 0.4% of women
#b8b3ba Tritanomaly 0.01% of the population

#b4b2af hex color

#b4b2af Color Information

#b4b2af Color Conversion

Color Schemes with #b4b2af

Alternatives to #b4b2af

#b4b2af Preview

Shades and Tints of #b4b2af

Tones of #b4b2af

Color Blindness Simulator