#b4af4a hex color

In a RGB color space, hex #b4af4a is composed of 70.6% red, 68.6% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 58.9% yellow and 29.4% black. It has a hue angle of 57.2 degrees, a saturation of 41.7% and a lightness of 49.8%. #b4af4a color hex could be obtained by blending #ffff94 with #695f00. Closest websafe color is: #cc9933.

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

● #b4af4a color description : Moderate yellow.

The hexadecimal color #b4af4a has RGB values of R:180, G:175, B:74 and CMYK values of C:0, M:0.03, Y:0.59, K:0.29. Its decimal value is 11841354.

Hex triplet	b4af4a	`#b4af4a`
RGB Decimal	180, 175, 74	`rgb(180,175,74)`
RGB Percent	70.6, 68.6, 29	`rgb(70.6%,68.6%,29%)`
CMYK	0, 3, 59, 29
HSL	57.2°, 41.7, 49.8	`hsl(57.2,41.7%,49.8%)`
HSV (or HSB)	57.2°, 58.9, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.077, -11.317, 51.203
XYZ	35.388, 40.858, 12.501
xyY	0.399, 0.46, 40.858
CIE-LCH	70.077, 52.439, 102.463
CIE-LUV	70.077, 7.814, 61.847
Hunter-Lab	63.921, -13.038, 33.149
Binary	10110100, 10101111, 01001010

#b4af4a
```
#b4af4a rgb(180,175,74)
```
#4a4fb4
```
#4a4fb4 rgb(74,79,180)
```

Complementary Color

#b47a4a
```
#b47a4a rgb(180,122,74)
```
#b4af4a
```
#b4af4a rgb(180,175,74)
```
#84b44a
```
#84b44a rgb(132,180,74)
```

Analogous Color

#7a4ab4
```
#7a4ab4 rgb(122,74,180)
```
#b4af4a
```
#b4af4a rgb(180,175,74)
```
#4a84b4
```
#4a84b4 rgb(74,132,180)
```

Split Complementary Color

#af4ab4
```
#af4ab4 rgb(175,74,180)
```
#b4af4a
```
#b4af4a rgb(180,175,74)
```
#4ab4af
```
#4ab4af rgb(74,180,175)
```

Triadic Color

#b44a4f
```
#b44a4f rgb(180,74,79)
```
#b4af4a
```
#b4af4a rgb(180,175,74)
```
#4ab4af
```
#4ab4af rgb(74,180,175)
```
#4a4fb4
```
#4a4fb4 rgb(74,79,180)
```

Tetradic Color

#7e7a34
```
#7e7a34 rgb(126,122,52)
```
#908c3b
```
#908c3b rgb(144,140,59)
```
#a29d43
```
#a29d43 rgb(162,157,67)
```
#b4af4a
```
#b4af4a rgb(180,175,74)
```
#bcb75c
```
#bcb75c rgb(188,183,92)
```
#c3bf6e
```
#c3bf6e rgb(195,191,110)
```
#cbc780
```
#cbc780 rgb(203,199,128)
```

Monochromatic Color

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

#b4954a
```
#b4954a rgb(180,149,74)
```
#b49d4a
```
#b49d4a rgb(180,157,74)
```
#b4a64a
```
#b4a64a rgb(180,166,74)
```
#b4af4a
```
#b4af4a rgb(180,175,74)
```
#b0b44a
```
#b0b44a rgb(176,180,74)
```
#a7b44a
```
#a7b44a rgb(167,180,74)
```
#9fb44a
```
#9fb44a rgb(159,180,74)
```

Similar Colors

Text with hexadecimal color #b4af4a

This text has a font color of #b4af4a.

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

#b4af4a background color

This paragraph has a background color of #b4af4a.

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

#b4af4a border color

This element has a border color of #b4af4a.

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

CSS codes

.text {color:#b4af4a;}

.background {background-color:#b4af4a;}

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

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

#0d0d05
```
#0d0d05 rgb(13,13,5)
```
#1b1a0b
```
#1b1a0b rgb(27,26,11)
```
#292811
```
#292811 rgb(41,40,17)
```
#373517
```
#373517 rgb(55,53,23)
```
#45431c
```
#45431c rgb(69,67,28)
```
#535022
```
#535022 rgb(83,80,34)
```
#615e28
```
#615e28 rgb(97,94,40)
```
#6e6b2d
```
#6e6b2d rgb(110,107,45)
```
#7c7933
```
#7c7933 rgb(124,121,51)
```
#8a8639
```
#8a8639 rgb(138,134,57)
```
#98943f
```
#98943f rgb(152,148,63)
```
#a6a144
```
#a6a144 rgb(166,161,68)
```
#b4af4a
```
#b4af4a rgb(180,175,74)
```

Shade Color Variation

#bab557
```
#bab557 rgb(186,181,87)
```
#c0bc65
```
#c0bc65 rgb(192,188,101)
```
#c6c273
```
#c6c273 rgb(198,194,115)
```
#cbc881
```
#cbc881 rgb(203,200,129)
```
#d1ce8f
```
#d1ce8f rgb(209,206,143)
```
#d7d49d
```
#d7d49d rgb(215,212,157)
```
#dcdaab
```
#dcdaab rgb(220,218,171)
```
#e2e0b9
```
#e2e0b9 rgb(226,224,185)
```
#e8e6c7
```
#e8e6c7 rgb(232,230,199)
```
#eeecd5
```
#eeecd5 rgb(238,236,213)
```
#f3f2e2
```
#f3f2e2 rgb(243,242,226)
```
#f9f9f0
```
#f9f9f0 rgb(249,249,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#83837b
```
#83837b rgb(131,131,123)
```
#8d8c71
```
#8d8c71 rgb(141,140,113)
```
#979467
```
#979467 rgb(151,148,103)
```
#a09d5e
```
#a09d5e rgb(160,157,94)
```
#aaa654
```
#aaa654 rgb(170,166,84)
```
#b4af4a
```
#b4af4a rgb(180,175,74)
```
#beb840
```
#beb840 rgb(190,184,64)
```
#c8c136
```
#c8c136 rgb(200,193,54)
```
#d1ca2d
```
#d1ca2d rgb(209,202,45)
```
#dbd223
```
#dbd223 rgb(219,210,35)
```
#e5db19
```
#e5db19 rgb(229,219,25)
```
#efe40f
```
#efe40f rgb(239,228,15)
```
#f8ed06
```
#f8ed06 rgb(248,237,6)
```

Tone Color Variation

Below, you can see how #b4af4a 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
#a8a793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2af52 Protanopia 1% of men
#d6a757 Deuteranopia 1% of men
#c2a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf4f Protanomaly 1% of men, 0.01% of women
#caaa52 Deuteranomaly 6% of men, 0.4% of women
#bdab8d Tritanomaly 0.01% of the population

#b4af4a hex color

#b4af4a Color Information

#b4af4a Color Conversion

Color Schemes with #b4af4a

Alternatives to #b4af4a

#b4af4a Preview

Shades and Tints of #b4af4a

Tones of #b4af4a

Color Blindness Simulator