#b4ae4f hex color

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

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

● #b4ae4f color description : Moderate yellow.

The hexadecimal color #b4ae4f has RGB values of R:180, G:174, B:79 and CMYK values of C:0, M:0.03, Y:0.56, K:0.29. Its decimal value is 11841103.

Hex triplet	b4ae4f	`#b4ae4f`
RGB Decimal	180, 174, 79	`rgb(180,174,79)`
RGB Percent	70.6, 68.2, 31	`rgb(70.6%,68.2%,31%)`
CMYK	0, 3, 56, 29
HSL	56.4°, 40.2, 50.8	`hsl(56.4,40.2%,50.8%)`
HSV (or HSB)	56.4°, 56.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	69.853, -10.416, 48.642
XYZ	35.37, 40.541, 13.359
xyY	0.396, 0.454, 40.541
CIE-LCH	69.853, 49.745, 102.086
CIE-LUV	69.853, 8.295, 59.425
Hunter-Lab	63.671, -12.268, 32.131
Binary	10110100, 10101110, 01001111

#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#4f55b4
```
#4f55b4 rgb(79,85,180)
```

Complementary Color

#b47c4f
```
#b47c4f rgb(180,124,79)
```
#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#88b44f
```
#88b44f rgb(136,180,79)
```

Analogous Color

#7c4fb4
```
#7c4fb4 rgb(124,79,180)
```
#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#4f88b4
```
#4f88b4 rgb(79,136,180)
```

Split Complementary Color

#ae4fb4
```
#ae4fb4 rgb(174,79,180)
```
#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#4fb4ae
```
#4fb4ae rgb(79,180,174)
```

Triadic Color

#b44f55
```
#b44f55 rgb(180,79,85)
```
#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#4fb4ae
```
#4fb4ae rgb(79,180,174)
```
#4f55b4
```
#4f55b4 rgb(79,85,180)
```

Tetradic Color

#807c37
```
#807c37 rgb(128,124,55)
```
#928d3e
```
#928d3e rgb(146,141,62)
```
#a49e46
```
#a49e46 rgb(164,158,70)
```
#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#bcb661
```
#bcb661 rgb(188,182,97)
```
#c3be73
```
#c3be73 rgb(195,190,115)
```
#cbc785
```
#cbc785 rgb(203,199,133)
```

Monochromatic Color

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

#b4954f
```
#b4954f rgb(180,149,79)
```
#b49d4f
```
#b49d4f rgb(180,157,79)
```
#b4a64f
```
#b4a64f rgb(180,166,79)
```
#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#b2b44f
```
#b2b44f rgb(178,180,79)
```
#a9b44f
```
#a9b44f rgb(169,180,79)
```
#a1b44f
```
#a1b44f rgb(161,180,79)
```

Similar Colors

Text with hexadecimal color #b4ae4f

This text has a font color of #b4ae4f.

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

#b4ae4f background color

This paragraph has a background color of #b4ae4f.

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

#b4ae4f border color

This element has a border color of #b4ae4f.

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

CSS codes

.text {color:#b4ae4f;}

.background {background-color:#b4ae4f;}

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

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)
```
#111007
```
#111007 rgb(17,16,7)
```
#1e1d0d
```
#1e1d0d rgb(30,29,13)
```
#2c2b13
```
#2c2b13 rgb(44,43,19)
```
#3a3819
```
#3a3819 rgb(58,56,25)
```
#48451f
```
#48451f rgb(72,69,31)
```
#555224
```
#555224 rgb(85,82,36)
```
#63602a
```
#63602a rgb(99,96,42)
```
#716d30
```
#716d30 rgb(113,109,48)
```
#7f7a36
```
#7f7a36 rgb(127,122,54)
```
#8c883c
```
#8c883c rgb(140,136,60)
```
#9a9542
```
#9a9542 rgb(154,149,66)
```
#a8a248
```
#a8a248 rgb(168,162,72)
```

Shade Color Variation

#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#bab45d
```
#bab45d rgb(186,180,93)
```
#c0bb6b
```
#c0bb6b rgb(192,187,107)
```
#c6c178
```
#c6c178 rgb(198,193,120)
```
#cbc786
```
#cbc786 rgb(203,199,134)
```
#d1ce94
```
#d1ce94 rgb(209,206,148)
```
#d7d4a2
```
#d7d4a2 rgb(215,212,162)
```
#dddaaf
```
#dddaaf rgb(221,218,175)
```
#e3e1bd
```
#e3e1bd rgb(227,225,189)
```
#e9e7cb
```
#e9e7cb rgb(233,231,203)
```
#efedd9
```
#efedd9 rgb(239,237,217)
```
#f4f4e6
```
#f4f4e6 rgb(244,244,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 #f8ea0b is the most saturated one.

#84837f
```
#84837f rgb(132,131,127)
```
#8d8c76
```
#8d8c76 rgb(141,140,118)
```
#97946c
```
#97946c rgb(151,148,108)
```
#a19d62
```
#a19d62 rgb(161,157,98)
```
#aaa559
```
#aaa559 rgb(170,165,89)
```
#b4ae4f
```
#b4ae4f rgb(180,174,79)
```
#beb745
```
#beb745 rgb(190,183,69)
```
#c7bf3c
```
#c7bf3c rgb(199,191,60)
```
#d1c832
```
#d1c832 rgb(209,200,50)
```
#dbd028
```
#dbd028 rgb(219,208,40)
```
#e4d91f
```
#e4d91f rgb(228,217,31)
```
#eee115
```
#eee115 rgb(238,225,21)
```
#f8ea0b
```
#f8ea0b rgb(248,234,11)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a8a794 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1af57 Protanopia 1% of men
#d5a75b Deuteranopia 1% of men
#c2a8b4 Tritanopia 0.001% of the population

Trichromacy

#bcae54 Protanomaly 1% of men, 0.01% of women
#c9a957 Deuteranomaly 6% of men, 0.4% of women
#bcaa8f Tritanomaly 0.01% of the population

#b4ae4f hex color

#b4ae4f Color Information

#b4ae4f Color Conversion

Color Schemes with #b4ae4f

Alternatives to #b4ae4f

#b4ae4f Preview

Shades and Tints of #b4ae4f

Tones of #b4ae4f

Color Blindness Simulator