#b4a371 hex color

In a RGB color space, hex #b4a371 is composed of 70.6% red, 63.9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.4% magenta, 37.2% yellow and 29.4% black. It has a hue angle of 44.8 degrees, a saturation of 30.9% and a lightness of 57.5%. #b4a371 color hex could be obtained by blending #ffffe2 with #694700. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 64
- B 44
RGB color chart
- C 0
- M 9
- Y 37
- K 29
CMYK color chart

● #b4a371 color description : Slightly desaturated orange.

The hexadecimal color #b4a371 has RGB values of R:180, G:163, B:113 and CMYK values of C:0, M:0.09, Y:0.37, K:0.29. Its decimal value is 11838321.

Hex triplet	b4a371	`#b4a371`
RGB Decimal	180, 163, 113	`rgb(180,163,113)`
RGB Percent	70.6, 63.9, 44.3	`rgb(70.6%,63.9%,44.3%)`
CMYK	0, 9, 37, 29
HSL	44.8°, 30.9, 57.5	`hsl(44.8,30.9%,57.5%)`
HSV (or HSB)	44.8°, 37.2, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.345, -1.205, 28.25
XYZ	34.9, 37.091, 20.943
xyY	0.376, 0.399, 37.091
CIE-LCH	67.345, 28.276, 92.443
CIE-LUV	67.345, 13.646, 36.785
Hunter-Lab	60.902, -4.289, 22.243
Binary	10110100, 10100011, 01110001

#b4a371
```
#b4a371 rgb(180,163,113)
```
#7182b4
```
#7182b4 rgb(113,130,180)
```

Complementary Color

#b48271
```
#b48271 rgb(180,130,113)
```
#b4a371
```
#b4a371 rgb(180,163,113)
```
#a4b471
```
#a4b471 rgb(164,180,113)
```

Analogous Color

#8271b4
```
#8271b4 rgb(130,113,180)
```
#b4a371
```
#b4a371 rgb(180,163,113)
```
#71a4b4
```
#71a4b4 rgb(113,164,180)
```

Split Complementary Color

#a371b4
```
#a371b4 rgb(163,113,180)
```
#b4a371
```
#b4a371 rgb(180,163,113)
```
#71b4a3
```
#71b4a3 rgb(113,180,163)
```

Triadic Color

#b47182
```
#b47182 rgb(180,113,130)
```
#b4a371
```
#b4a371 rgb(180,163,113)
```
#71b4a3
```
#71b4a3 rgb(113,180,163)
```
#7182b4
```
#7182b4 rgb(113,130,180)
```

Tetradic Color

#8e7d4b
```
#8e7d4b rgb(142,125,75)
```
#9e8b54
```
#9e8b54 rgb(158,139,84)
```
#ab9860
```
#ab9860 rgb(171,152,96)
```
#b4a371
```
#b4a371 rgb(180,163,113)
```
#bdae82
```
#bdae82 rgb(189,174,130)
```
#c6b992
```
#c6b992 rgb(198,185,146)
```
#cec3a3
```
#cec3a3 rgb(206,195,163)
```

Monochromatic Color

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

#b49271
```
#b49271 rgb(180,146,113)
```
#b49871
```
#b49871 rgb(180,152,113)
```
#b49d71
```
#b49d71 rgb(180,157,113)
```
#b4a371
```
#b4a371 rgb(180,163,113)
```
#b4a971
```
#b4a971 rgb(180,169,113)
```
#b4ae71
```
#b4ae71 rgb(180,174,113)
```
#b4b471
```
#b4b471 rgb(180,180,113)
```

Similar Colors

Text with hexadecimal color #b4a371

This text has a font color of #b4a371.

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

#b4a371 background color

This paragraph has a background color of #b4a371.

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

#b4a371 border color

This element has a border color of #b4a371.

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

CSS codes

.text {color:#b4a371;}

.background {background-color:#b4a371;}

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

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

#0c0b06
```
#0c0b06 rgb(12,11,6)
```
#19160d
```
#19160d rgb(25,22,13)
```
#262114
```
#262114 rgb(38,33,20)
```
#332c1b
```
#332c1b rgb(51,44,27)
```
#3f3821
```
#3f3821 rgb(63,56,33)
```
#4c4328
```
#4c4328 rgb(76,67,40)
```
#594e2f
```
#594e2f rgb(89,78,47)
```
#665a36
```
#665a36 rgb(102,90,54)
```
#73653d
```
#73653d rgb(115,101,61)
```
#807043
```
#807043 rgb(128,112,67)
```
#8c7c4a
```
#8c7c4a rgb(140,124,74)
```
#998751
```
#998751 rgb(153,135,81)
```
#a69258
```
#a69258 rgb(166,146,88)
```

Shade Color Variation

#ad9b64
```
#ad9b64 rgb(173,155,100)
```
#b4a371
```
#b4a371 rgb(180,163,113)
```
#bbab7e
```
#bbab7e rgb(187,171,126)
```
#c2b48b
```
#c2b48b rgb(194,180,139)
```
#c8bc98
```
#c8bc98 rgb(200,188,152)
```
#cfc4a4
```
#cfc4a4 rgb(207,196,164)
```
#d6cdb1
```
#d6cdb1 rgb(214,205,177)
```
#ddd5be
```
#ddd5be rgb(221,213,190)
```
#e3ddcb
```
#e3ddcb rgb(227,221,203)
```
#eae6d8
```
#eae6d8 rgb(234,230,216)
```
#f1eee5
```
#f1eee5 rgb(241,238,229)
```
#f8f6f1
```
#f8f6f1 rgb(248,246,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#939392
```
#939392 rgb(147,147,146)
```
#9b978a
```
#9b978a rgb(155,151,138)
```
#a39b82
```
#a39b82 rgb(163,155,130)
```
#ac9f79
```
#ac9f79 rgb(172,159,121)
```
#b4a371
```
#b4a371 rgb(180,163,113)
```
#bca769
```
#bca769 rgb(188,167,105)
```
#c5ab60
```
#c5ab60 rgb(197,171,96)
```
#cdaf58
```
#cdaf58 rgb(205,175,88)
```
#d5b350
```
#d5b350 rgb(213,179,80)
```
#deb847
```
#deb847 rgb(222,184,71)
```
#e6bc3f
```
#e6bc3f rgb(230,188,63)
```
#eec037
```
#eec037 rgb(238,192,55)
```
#f7c42e
```
#f7c42e rgb(247,196,46)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a6a298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a878 Protanopia 1% of men
#c7a27a Deuteranopia 1% of men
#bea1ac Tritanopia 0.001% of the population

Trichromacy

#b5a675 Protanomaly 1% of men, 0.01% of women
#c0a276 Deuteranomaly 6% of men, 0.4% of women
#baa196 Tritanomaly 0.01% of the population

#b4a371 hex color

#b4a371 Color Information

#b4a371 Color Conversion

Color Schemes with #b4a371

Alternatives to #b4a371

#b4a371 Preview

Shades and Tints of #b4a371

Tones of #b4a371

Color Blindness Simulator