#b4a24f hex color

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

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

● #b4a24f color description : Moderate yellow.

The hexadecimal color #b4a24f has RGB values of R:180, G:162, B:79 and CMYK values of C:0, M:0.1, Y:0.56, K:0.29. Its decimal value is 11838031.

Hex triplet	b4a24f	`#b4a24f`
RGB Decimal	180, 162, 79	`rgb(180,162,79)`
RGB Percent	70.6, 63.5, 31	`rgb(70.6%,63.5%,31%)`
CMYK	0, 10, 56, 29
HSL	49.3°, 40.2, 50.8	`hsl(49.3,40.2%,50.8%)`
HSV (or HSB)	49.3°, 56.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.603, -4.082, 44.906
XYZ	33.154, 36.109, 12.62
xyY	0.405, 0.441, 36.109
CIE-LCH	66.603, 45.091, 95.193
CIE-LUV	66.603, 16.123, 53.783
Hunter-Lab	60.091, -6.676, 29.612
Binary	10110100, 10100010, 01001111

#b4a24f
```
#b4a24f rgb(180,162,79)
```
#4f61b4
```
#4f61b4 rgb(79,97,180)
```

Complementary Color

#b4704f
```
#b4704f rgb(180,112,79)
```
#b4a24f
```
#b4a24f rgb(180,162,79)
```
#94b44f
```
#94b44f rgb(148,180,79)
```

Analogous Color

#704fb4
```
#704fb4 rgb(112,79,180)
```
#b4a24f
```
#b4a24f rgb(180,162,79)
```
#4f94b4
```
#4f94b4 rgb(79,148,180)
```

Split Complementary Color

#a24fb4
```
#a24fb4 rgb(162,79,180)
```
#b4a24f
```
#b4a24f rgb(180,162,79)
```
#4fb4a2
```
#4fb4a2 rgb(79,180,162)
```

Triadic Color

#b44f61
```
#b44f61 rgb(180,79,97)
```
#b4a24f
```
#b4a24f rgb(180,162,79)
```
#4fb4a2
```
#4fb4a2 rgb(79,180,162)
```
#4f61b4
```
#4f61b4 rgb(79,97,180)
```

Tetradic Color

#807337
```
#807337 rgb(128,115,55)
```
#92833e
```
#92833e rgb(146,131,62)
```
#a49346
```
#a49346 rgb(164,147,70)
```
#b4a24f
```
#b4a24f rgb(180,162,79)
```
#bcab61
```
#bcab61 rgb(188,171,97)
```
#c3b573
```
#c3b573 rgb(195,181,115)
```
#cbbe85
```
#cbbe85 rgb(203,190,133)
```

Monochromatic Color

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

#b4894f
```
#b4894f rgb(180,137,79)
```
#b4914f
```
#b4914f rgb(180,145,79)
```
#b49a4f
```
#b49a4f rgb(180,154,79)
```
#b4a24f
```
#b4a24f rgb(180,162,79)
```
#b4aa4f
```
#b4aa4f rgb(180,170,79)
```
#b4b34f
```
#b4b34f rgb(180,179,79)
```
#adb44f
```
#adb44f rgb(173,180,79)
```

Similar Colors

Text with hexadecimal color #b4a24f

This text has a font color of #b4a24f.

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

#b4a24f background color

This paragraph has a background color of #b4a24f.

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

#b4a24f border color

This element has a border color of #b4a24f.

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

CSS codes

.text {color:#b4a24f;}

.background {background-color:#b4a24f;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#110f07
```
#110f07 rgb(17,15,7)
```
#1e1b0d
```
#1e1b0d rgb(30,27,13)
```
#2c2813
```
#2c2813 rgb(44,40,19)
```
#3a3419
```
#3a3419 rgb(58,52,25)
```
#48401f
```
#48401f rgb(72,64,31)
```
#554d24
```
#554d24 rgb(85,77,36)
```
#63592a
```
#63592a rgb(99,89,42)
```
#716530
```
#716530 rgb(113,101,48)
```
#7f7236
```
#7f7236 rgb(127,114,54)
```
#8c7e3c
```
#8c7e3c rgb(140,126,60)
```
#9a8a42
```
#9a8a42 rgb(154,138,66)
```
#a89748
```
#a89748 rgb(168,151,72)
```

Shade Color Variation

#b4a24f
```
#b4a24f rgb(180,162,79)
```
#baa95d
```
#baa95d rgb(186,169,93)
```
#c0b16b
```
#c0b16b rgb(192,177,107)
```
#c6b878
```
#c6b878 rgb(198,184,120)
```
#cbbf86
```
#cbbf86 rgb(203,191,134)
```
#d1c694
```
#d1c694 rgb(209,198,148)
```
#d7cea2
```
#d7cea2 rgb(215,206,162)
```
#ddd5af
```
#ddd5af rgb(221,213,175)
```
#e3dcbd
```
#e3dcbd rgb(227,220,189)
```
#e9e3cb
```
#e9e3cb rgb(233,227,203)
```
#efebd9
```
#efebd9 rgb(239,235,217)
```
#f4f2e6
```
#f4f2e6 rgb(244,242,230)
```
#faf9f4
```
#faf9f4 rgb(250,249,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 #f8cd0b is the most saturated one.

#84837f
```
#84837f rgb(132,131,127)
```
#8d8976
```
#8d8976 rgb(141,137,118)
```
#978f6c
```
#978f6c rgb(151,143,108)
```
#a19662
```
#a19662 rgb(161,150,98)
```
#aa9c59
```
#aa9c59 rgb(170,156,89)
```
#b4a24f
```
#b4a24f rgb(180,162,79)
```
#bea845
```
#bea845 rgb(190,168,69)
```
#c7ae3c
```
#c7ae3c rgb(199,174,60)
```
#d1b532
```
#d1b532 rgb(209,181,50)
```
#dbbb28
```
#dbbb28 rgb(219,187,40)
```
#e4c11f
```
#e4c11f rgb(228,193,31)
```
#eec715
```
#eec715 rgb(238,199,21)
```
#f8cd0b
```
#f8cd0b rgb(248,205,11)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a29f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a658 Protanopia 1% of men
#cb9f5a Deuteranopia 1% of men
#c09da8 Tritanopia 0.001% of the population

Trichromacy

#b6a554 Protanomaly 1% of men, 0.01% of women
#c2a056 Deuteranomaly 6% of men, 0.4% of women
#bb9f88 Tritanomaly 0.01% of the population

#b4a24f hex color

#b4a24f Color Information

#b4a24f Color Conversion

Color Schemes with #b4a24f

Alternatives to #b4a24f

#b4a24f Preview

Shades and Tints of #b4a24f

Tones of #b4a24f

Color Blindness Simulator