#b4a796 hex color

In a RGB color space, hex #b4a796 is composed of 70.6% red, 65.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.2% magenta, 16.7% yellow and 29.4% black. It has a hue angle of 34 degrees, a saturation of 16.7% and a lightness of 64.7%. #b4a796 color hex could be obtained by blending #ffffff with #694f2d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 71
- G 65
- B 59
RGB color chart
- C 0
- M 7
- Y 17
- K 29
CMYK color chart

● #b4a796 color description : Grayish orange.

The hexadecimal color #b4a796 has RGB values of R:180, G:167, B:150 and CMYK values of C:0, M:0.07, Y:0.17, K:0.29. Its decimal value is 11839382.

Hex triplet	b4a796	`#b4a796`
RGB Decimal	180, 167, 150	`rgb(180,167,150)`
RGB Percent	70.6, 65.5, 58.8	`rgb(70.6%,65.5%,58.8%)`
CMYK	0, 7, 17, 29
HSL	34°, 16.7, 64.7	`hsl(34,16.7%,64.7%)`
HSV (or HSB)	34°, 16.7, 70.6
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.143, 1.816, 10.482
XYZ	38.145, 39.543, 34.476
xyY	0.34, 0.353, 39.543
CIE-LCH	69.143, 10.638, 80.172
CIE-LUV	69.143, 8.838, 14.427
Hunter-Lab	62.883, -1.767, 11.513
Binary	10110100, 10100111, 10010110

#b4a796
```
#b4a796 rgb(180,167,150)
```
#96a3b4
```
#96a3b4 rgb(150,163,180)
```

Complementary Color

#b49896
```
#b49896 rgb(180,152,150)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```
#b2b496
```
#b2b496 rgb(178,180,150)
```

Analogous Color

#9896b4
```
#9896b4 rgb(152,150,180)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```
#96b2b4
```
#96b2b4 rgb(150,178,180)
```

Split Complementary Color

#a796b4
```
#a796b4 rgb(167,150,180)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```
#96b4a7
```
#96b4a7 rgb(150,180,167)
```

Triadic Color

#b496a3
```
#b496a3 rgb(180,150,163)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```
#96b4a7
```
#96b4a7 rgb(150,180,167)
```
#96a3b4
```
#96a3b4 rgb(150,163,180)
```

Tetradic Color

#94826a
```
#94826a rgb(148,130,106)
```
#9f8e78
```
#9f8e78 rgb(159,142,120)
```
#a99b87
```
#a99b87 rgb(169,155,135)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```
#bfb3a5
```
#bfb3a5 rgb(191,179,165)
```
#c9c0b4
```
#c9c0b4 rgb(201,192,180)
```
#d4ccc3
```
#d4ccc3 rgb(212,204,195)
```

Monochromatic Color

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

#b4a096
```
#b4a096 rgb(180,160,150)
```
#b4a296
```
#b4a296 rgb(180,162,150)
```
#b4a596
```
#b4a596 rgb(180,165,150)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```
#b4aa96
```
#b4aa96 rgb(180,170,150)
```
#b4ac96
```
#b4ac96 rgb(180,172,150)
```
#b4af96
```
#b4af96 rgb(180,175,150)
```

Similar Colors

Text with hexadecimal color #b4a796

This text has a font color of #b4a796.

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

#b4a796 background color

This paragraph has a background color of #b4a796.

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

#b4a796 border color

This element has a border color of #b4a796.

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

CSS codes

.text {color:#b4a796;}

.background {background-color:#b4a796;}

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

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

#090807
```
#090807 rgb(9,8,7)
```
#15120f
```
#15120f rgb(21,18,15)
```
#201c17
```
#201c17 rgb(32,28,23)
```
#2c261f
```
#2c261f rgb(44,38,31)
```
#373027
```
#373027 rgb(55,48,39)
```
#433a30
```
#433a30 rgb(67,58,48)
```
#4e4438
```
#4e4438 rgb(78,68,56)
```
#5a4e40
```
#5a4e40 rgb(90,78,64)
```
#655848
```
#655848 rgb(101,88,72)
```
#706250
```
#706250 rgb(112,98,80)
```
#7c6d58
```
#7c6d58 rgb(124,109,88)
```
#877761
```
#877761 rgb(135,119,97)
```
#938169
```
#938169 rgb(147,129,105)
```

Shade Color Variation

#9b8a74
```
#9b8a74 rgb(155,138,116)
```
#a4947f
```
#a4947f rgb(164,148,127)
```
#ac9d8b
```
#ac9d8b rgb(172,157,139)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```
#bcb1a1
```
#bcb1a1 rgb(188,177,161)
```
#c4baad
```
#c4baad rgb(196,186,173)
```
#cdc4b8
```
#cdc4b8 rgb(205,196,184)
```
#d5cdc4
```
#d5cdc4 rgb(213,205,196)
```
#ddd7cf
```
#ddd7cf rgb(221,215,207)
```
#e5e1db
```
#e5e1db rgb(229,225,219)
```
#edeae6
```
#edeae6 rgb(237,234,230)
```
#f5f4f2
```
#f5f4f2 rgb(245,244,242)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a6a5a4
```
#a6a5a4 rgb(166,165,164)
```
#ada69d
```
#ada69d rgb(173,166,157)
```
#b4a796
```
#b4a796 rgb(180,167,150)
```
#bba88f
```
#bba88f rgb(187,168,143)
```
#c2a988
```
#c2a988 rgb(194,169,136)
```
#c9aa81
```
#c9aa81 rgb(201,170,129)
```
#d0ab7a
```
#d0ab7a rgb(208,171,122)
```
#d7ac73
```
#d7ac73 rgb(215,172,115)
```
#dead6c
```
#dead6c rgb(222,173,108)
```
#e4ad66
```
#e4ad66 rgb(228,173,102)
```
#ebae5f
```
#ebae5f rgb(235,174,95)
```
#f2af58
```
#f2af58 rgb(242,175,88)
```
#f9b051
```
#f9b051 rgb(249,176,81)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aba9a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ac9b Protanopia 1% of men
#c3a79c Deuteranopia 1% of men
#bba7b3 Tritanopia 0.001% of the population

Trichromacy

#b4aa99 Protanomaly 1% of men, 0.01% of women
#bda79a Deuteranomaly 6% of men, 0.4% of women
#b8a7a8 Tritanomaly 0.01% of the population

#b4a796 hex color

#b4a796 Color Information

#b4a796 Color Conversion

Color Schemes with #b4a796

Alternatives to #b4a796

#b4a796 Preview

Shades and Tints of #b4a796

Tones of #b4a796

Color Blindness Simulator