#b4b371 hex color

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

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

● #b4b371 color description : Slightly desaturated yellow.

The hexadecimal color #b4b371 has RGB values of R:180, G:179, B:113 and CMYK values of C:0, M:0.01, Y:0.37, K:0.29. Its decimal value is 11842417.

Hex triplet	b4b371	`#b4b371`
RGB Decimal	180, 179, 113	`rgb(180,179,113)`
RGB Percent	70.6, 70.2, 44.3	`rgb(70.6%,70.2%,44.3%)`
CMYK	0, 1, 37, 29
HSL	59.1°, 30.9, 57.5	`hsl(59.1,30.9%,57.5%)`
HSV (or HSB)	59.1°, 37.2, 70.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	71.647, -9.698, 33.845
XYZ	37.923, 43.136, 21.95
xyY	0.368, 0.419, 43.136
CIE-LCH	71.647, 35.207, 105.989
CIE-LUV	71.647, 3.907, 45.393
Hunter-Lab	65.678, -11.871, 26.159
Binary	10110100, 10110011, 01110001

#b4b371
```
#b4b371 rgb(180,179,113)
```
#7172b4
```
#7172b4 rgb(113,114,180)
```

Complementary Color

#b49271
```
#b49271 rgb(180,146,113)
```
#b4b371
```
#b4b371 rgb(180,179,113)
```
#94b471
```
#94b471 rgb(148,180,113)
```

Analogous Color

#9271b4
```
#9271b4 rgb(146,113,180)
```
#b4b371
```
#b4b371 rgb(180,179,113)
```
#7194b4
```
#7194b4 rgb(113,148,180)
```

Split Complementary Color

#b371b4
```
#b371b4 rgb(179,113,180)
```
#b4b371
```
#b4b371 rgb(180,179,113)
```
#71b4b3
```
#71b4b3 rgb(113,180,179)
```

Triadic Color

#b47172
```
#b47172 rgb(180,113,114)
```
#b4b371
```
#b4b371 rgb(180,179,113)
```
#71b4b3
```
#71b4b3 rgb(113,180,179)
```
#7172b4
```
#7172b4 rgb(113,114,180)
```

Tetradic Color

#8e8d4b
```
#8e8d4b rgb(142,141,75)
```
#9e9d54
```
#9e9d54 rgb(158,157,84)
```
#abaa60
```
#abaa60 rgb(171,170,96)
```
#b4b371
```
#b4b371 rgb(180,179,113)
```
#bdbc82
```
#bdbc82 rgb(189,188,130)
```
#c6c592
```
#c6c592 rgb(198,197,146)
```
#cecea3
```
#cecea3 rgb(206,206,163)
```

Monochromatic Color

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

#b4a271
```
#b4a271 rgb(180,162,113)
```
#b4a871
```
#b4a871 rgb(180,168,113)
```
#b4ad71
```
#b4ad71 rgb(180,173,113)
```
#b4b371
```
#b4b371 rgb(180,179,113)
```
#afb471
```
#afb471 rgb(175,180,113)
```
#aab471
```
#aab471 rgb(170,180,113)
```
#a4b471
```
#a4b471 rgb(164,180,113)
```

Similar Colors

Text with hexadecimal color #b4b371

This text has a font color of #b4b371.

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

#b4b371 background color

This paragraph has a background color of #b4b371.

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

#b4b371 border color

This element has a border color of #b4b371.

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

CSS codes

.text {color:#b4b371;}

.background {background-color:#b4b371;}

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

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

#0c0c06
```
#0c0c06 rgb(12,12,6)
```
#19190d
```
#19190d rgb(25,25,13)
```
#262514
```
#262514 rgb(38,37,20)
```
#33321b
```
#33321b rgb(51,50,27)
```
#3f3f21
```
#3f3f21 rgb(63,63,33)
```
#4c4c28
```
#4c4c28 rgb(76,76,40)
```
#59582f
```
#59582f rgb(89,88,47)
```
#666536
```
#666536 rgb(102,101,54)
```
#73723d
```
#73723d rgb(115,114,61)
```
#807f43
```
#807f43 rgb(128,127,67)
```
#8c8b4a
```
#8c8b4a rgb(140,139,74)
```
#999851
```
#999851 rgb(153,152,81)
```
#a6a558
```
#a6a558 rgb(166,165,88)
```

Shade Color Variation

#adac64
```
#adac64 rgb(173,172,100)
```
#b4b371
```
#b4b371 rgb(180,179,113)
```
#bbba7e
```
#bbba7e rgb(187,186,126)
```
#c2c18b
```
#c2c18b rgb(194,193,139)
```
#c8c898
```
#c8c898 rgb(200,200,152)
```
#cfcea4
```
#cfcea4 rgb(207,206,164)
```
#d6d5b1
```
#d6d5b1 rgb(214,213,177)
```
#dddcbe
```
#dddcbe rgb(221,220,190)
```
#e3e3cb
```
#e3e3cb rgb(227,227,203)
```
#eaead8
```
#eaead8 rgb(234,234,216)
```
#f1f1e5
```
#f1f1e5 rgb(241,241,229)
```
#f8f8f1
```
#f8f8f1 rgb(248,248,241)
```
#fffffe
```
#fffffe rgb(255,255,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 #f7f42e is the most saturated one.

#939392
```
#939392 rgb(147,147,146)
```
#9b9b8a
```
#9b9b8a rgb(155,155,138)
```
#a3a382
```
#a3a382 rgb(163,163,130)
```
#acab79
```
#acab79 rgb(172,171,121)
```
#b4b371
```
#b4b371 rgb(180,179,113)
```
#bcbb69
```
#bcbb69 rgb(188,187,105)
```
#c5c360
```
#c5c360 rgb(197,195,96)
```
#cdcb58
```
#cdcb58 rgb(205,203,88)
```
#d5d350
```
#d5d350 rgb(213,211,80)
```
#dedb47
```
#dedb47 rgb(222,219,71)
```
#e6e43f
```
#e6e43f rgb(230,228,63)
```
#eeec37
```
#eeec37 rgb(238,236,55)
```
#f7f42e
```
#f7f42e rgb(247,244,46)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aeada0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b377 Protanopia 1% of men
#d5ac7b Deuteranopia 1% of men
#c0aebb Tritanopia 0.001% of the population

Trichromacy

#bdb374 Protanomaly 1% of men, 0.01% of women
#c9ae77 Deuteranomaly 6% of men, 0.4% of women
#bcb0a0 Tritanomaly 0.01% of the population

#b4b371 hex color

#b4b371 Color Information

#b4b371 Color Conversion

Color Schemes with #b4b371

Alternatives to #b4b371

#b4b371 Preview

Shades and Tints of #b4b371

Tones of #b4b371

Color Blindness Simulator