#b4a84f hex color

In a RGB color space, hex #b4a84f is composed of 70.6% red, 65.9% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.7% magenta, 56.1% yellow and 29.4% black. It has a hue angle of 52.9 degrees, a saturation of 40.2% and a lightness of 50.8%. #b4a84f color hex could be obtained by blending #ffff9e with #695100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 66
- B 31
RGB color chart
- C 0
- M 7
- Y 56
- K 29
CMYK color chart

● #b4a84f color description : Moderate yellow.

The hexadecimal color #b4a84f has RGB values of R:180, G:168, B:79 and CMYK values of C:0, M:0.07, Y:0.56, K:0.29. Its decimal value is 11839567.

Hex triplet	b4a84f	`#b4a84f`
RGB Decimal	180, 168, 79	`rgb(180,168,79)`
RGB Percent	70.6, 65.9, 31	`rgb(70.6%,65.9%,31%)`
CMYK	0, 7, 56, 29
HSL	52.9°, 40.2, 50.8	`hsl(52.9,40.2%,50.8%)`
HSV (or HSB)	52.9°, 56.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.222, -7.269, 46.776
XYZ	34.236, 38.274, 12.981
xyY	0.4, 0.448, 38.274
CIE-LCH	68.222, 47.338, 98.833
CIE-LUV	68.222, 12.175, 56.611
Hunter-Lab	61.866, -9.484, 30.866
Binary	10110100, 10101000, 01001111

#b4a84f
```
#b4a84f rgb(180,168,79)
```
#4f5bb4
```
#4f5bb4 rgb(79,91,180)
```

Complementary Color

#b4764f
```
#b4764f rgb(180,118,79)
```
#b4a84f
```
#b4a84f rgb(180,168,79)
```
#8eb44f
```
#8eb44f rgb(142,180,79)
```

Analogous Color

#764fb4
```
#764fb4 rgb(118,79,180)
```
#b4a84f
```
#b4a84f rgb(180,168,79)
```
#4f8eb4
```
#4f8eb4 rgb(79,142,180)
```

Split Complementary Color

#a84fb4
```
#a84fb4 rgb(168,79,180)
```
#b4a84f
```
#b4a84f rgb(180,168,79)
```
#4fb4a8
```
#4fb4a8 rgb(79,180,168)
```

Triadic Color

#b44f5b
```
#b44f5b rgb(180,79,91)
```
#b4a84f
```
#b4a84f rgb(180,168,79)
```
#4fb4a8
```
#4fb4a8 rgb(79,180,168)
```
#4f5bb4
```
#4f5bb4 rgb(79,91,180)
```

Tetradic Color

#807737
```
#807737 rgb(128,119,55)
```
#92883e
```
#92883e rgb(146,136,62)
```
#a49946
```
#a49946 rgb(164,153,70)
```
#b4a84f
```
#b4a84f rgb(180,168,79)
```
#bcb161
```
#bcb161 rgb(188,177,97)
```
#c3ba73
```
#c3ba73 rgb(195,186,115)
```
#cbc385
```
#cbc385 rgb(203,195,133)
```

Monochromatic Color

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

#b48f4f
```
#b48f4f rgb(180,143,79)
```
#b4974f
```
#b4974f rgb(180,151,79)
```
#b4a04f
```
#b4a04f rgb(180,160,79)
```
#b4a84f
```
#b4a84f rgb(180,168,79)
```
#b4b04f
```
#b4b04f rgb(180,176,79)
```
#afb44f
```
#afb44f rgb(175,180,79)
```
#a7b44f
```
#a7b44f rgb(167,180,79)
```

Similar Colors

Text with hexadecimal color #b4a84f

This text has a font color of #b4a84f.

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

#b4a84f background color

This paragraph has a background color of #b4a84f.

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

#b4a84f border color

This element has a border color of #b4a84f.

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

CSS codes

.text {color:#b4a84f;}

.background {background-color:#b4a84f;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#110f07
```
#110f07 rgb(17,15,7)
```
#1e1c0d
```
#1e1c0d rgb(30,28,13)
```
#2c2913
```
#2c2913 rgb(44,41,19)
```
#3a3619
```
#3a3619 rgb(58,54,25)
```
#48431f
```
#48431f rgb(72,67,31)
```
#555024
```
#555024 rgb(85,80,36)
```
#635c2a
```
#635c2a rgb(99,92,42)
```
#716930
```
#716930 rgb(113,105,48)
```
#7f7636
```
#7f7636 rgb(127,118,54)
```
#8c833c
```
#8c833c rgb(140,131,60)
```
#9a9042
```
#9a9042 rgb(154,144,66)
```
#a89c48
```
#a89c48 rgb(168,156,72)
```

Shade Color Variation

#b4a84f
```
#b4a84f rgb(180,168,79)
```
#baaf5d
```
#baaf5d rgb(186,175,93)
```
#c0b66b
```
#c0b66b rgb(192,182,107)
```
#c6bc78
```
#c6bc78 rgb(198,188,120)
```
#cbc386
```
#cbc386 rgb(203,195,134)
```
#d1ca94
```
#d1ca94 rgb(209,202,148)
```
#d7d1a2
```
#d7d1a2 rgb(215,209,162)
```
#ddd8af
```
#ddd8af rgb(221,216,175)
```
#e3debd
```
#e3debd rgb(227,222,189)
```
#e9e5cb
```
#e9e5cb rgb(233,229,203)
```
#efecd9
```
#efecd9 rgb(239,236,217)
```
#f4f3e6
```
#f4f3e6 rgb(244,243,230)
```
#fafaf4
```
#fafaf4 rgb(250,250,244)
```

Tint Color Variation

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

#84837f
```
#84837f rgb(132,131,127)
```
#8d8b76
```
#8d8b76 rgb(141,139,118)
```
#97926c
```
#97926c rgb(151,146,108)
```
#a19962
```
#a19962 rgb(161,153,98)
```
#aaa159
```
#aaa159 rgb(170,161,89)
```
#b4a84f
```
#b4a84f rgb(180,168,79)
```
#beaf45
```
#beaf45 rgb(190,175,69)
```
#c7b73c
```
#c7b73c rgb(199,183,60)
```
#d1be32
```
#d1be32 rgb(209,190,50)
```
#dbc528
```
#dbc528 rgb(219,197,40)
```
#e4cd1f
```
#e4cd1f rgb(228,205,31)
```
#eed415
```
#eed415 rgb(238,212,21)
```
#f8dc0b
```
#f8dc0b rgb(248,220,11)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a5a291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcab57 Protanopia 1% of men
#d0a35b Deuteranopia 1% of men
#c1a3ae Tritanopia 0.001% of the population

Trichromacy

#b9a954 Protanomaly 1% of men, 0.01% of women
#c6a556 Deuteranomaly 6% of men, 0.4% of women
#bca48b Tritanomaly 0.01% of the population

#b4a84f hex color

#b4a84f Color Information

#b4a84f Color Conversion

Color Schemes with #b4a84f

Alternatives to #b4a84f

#b4a84f Preview

Shades and Tints of #b4a84f

Tones of #b4a84f

Color Blindness Simulator