#b4af47 hex color

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

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

● #b4af47 color description : Moderate yellow.

The hexadecimal color #b4af47 has RGB values of R:180, G:175, B:71 and CMYK values of C:0, M:0.03, Y:0.61, K:0.29. Its decimal value is 11841351.

Hex triplet	b4af47	`#b4af47`
RGB Decimal	180, 175, 71	`rgb(180,175,71)`
RGB Percent	70.6, 68.6, 27.8	`rgb(70.6%,68.6%,27.8%)`
CMYK	0, 3, 61, 29
HSL	57.2°, 43.4, 49.2	`hsl(57.2,43.4%,49.2%)`
HSV (or HSB)	57.2°, 60.6, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.049, -11.532, 52.522
XYZ	35.29, 40.819, 11.981
xyY	0.401, 0.463, 40.819
CIE-LCH	70.049, 53.773, 102.383
CIE-LUV	70.049, 7.903, 62.957
Hunter-Lab	63.89, -13.212, 33.604
Binary	10110100, 10101111, 01000111

#b4af47
```
#b4af47 rgb(180,175,71)
```
#474cb4
```
#474cb4 rgb(71,76,180)
```

Complementary Color

#b47947
```
#b47947 rgb(180,121,71)
```
#b4af47
```
#b4af47 rgb(180,175,71)
```
#83b447
```
#83b447 rgb(131,180,71)
```

Analogous Color

#7947b4
```
#7947b4 rgb(121,71,180)
```
#b4af47
```
#b4af47 rgb(180,175,71)
```
#4783b4
```
#4783b4 rgb(71,131,180)
```

Split Complementary Color

#af47b4
```
#af47b4 rgb(175,71,180)
```
#b4af47
```
#b4af47 rgb(180,175,71)
```
#47b4af
```
#47b4af rgb(71,180,175)
```

Triadic Color

#b4474c
```
#b4474c rgb(180,71,76)
```
#b4af47
```
#b4af47 rgb(180,175,71)
```
#47b4af
```
#47b4af rgb(71,180,175)
```
#474cb4
```
#474cb4 rgb(71,76,180)
```

Tetradic Color

#7d7a31
```
#7d7a31 rgb(125,122,49)
```
#8f8b39
```
#8f8b39 rgb(143,139,57)
```
#a29d40
```
#a29d40 rgb(162,157,64)
```
#b4af47
```
#b4af47 rgb(180,175,71)
```
#bdb858
```
#bdb858 rgb(189,184,88)
```
#c4c06a
```
#c4c06a rgb(196,192,106)
```
#cbc87c
```
#cbc87c rgb(203,200,124)
```

Monochromatic Color

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

#b49447
```
#b49447 rgb(180,148,71)
```
#b49d47
```
#b49d47 rgb(180,157,71)
```
#b4a647
```
#b4a647 rgb(180,166,71)
```
#b4af47
```
#b4af47 rgb(180,175,71)
```
#b0b447
```
#b0b447 rgb(176,180,71)
```
#a7b447
```
#a7b447 rgb(167,180,71)
```
#9eb447
```
#9eb447 rgb(158,180,71)
```

Similar Colors

Text with hexadecimal color #b4af47

This text has a font color of #b4af47.

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

#b4af47 background color

This paragraph has a background color of #b4af47.

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

#b4af47 border color

This element has a border color of #b4af47.

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

CSS codes

.text {color:#b4af47;}

.background {background-color:#b4af47;}

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

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

#0b0b04
```
#0b0b04 rgb(11,11,4)
```
#19190a
```
#19190a rgb(25,25,10)
```
#272610
```
#272610 rgb(39,38,16)
```
#353415
```
#353415 rgb(53,52,21)
```
#43421b
```
#43421b rgb(67,66,27)
```
#524f20
```
#524f20 rgb(82,79,32)
```
#605d26
```
#605d26 rgb(96,93,38)
```
#6e6b2b
```
#6e6b2b rgb(110,107,43)
```
#7c7831
```
#7c7831 rgb(124,120,49)
```
#8a8636
```
#8a8636 rgb(138,134,54)
```
#98943c
```
#98943c rgb(152,148,60)
```
#a6a141
```
#a6a141 rgb(166,161,65)
```
#b4af47
```
#b4af47 rgb(180,175,71)
```

Shade Color Variation

#bbb753
```
#bbb753 rgb(187,183,83)
```
#c1bc61
```
#c1bc61 rgb(193,188,97)
```
#c6c26f
```
#c6c26f rgb(198,194,111)
```
#ccc87e
```
#ccc87e rgb(204,200,126)
```
#d1ce8c
```
#d1ce8c rgb(209,206,140)
```
#d7d49a
```
#d7d49a rgb(215,212,154)
```
#dddaa8
```
#dddaa8 rgb(221,218,168)
```
#e2e0b6
```
#e2e0b6 rgb(226,224,182)
```
#e8e6c4
```
#e8e6c4 rgb(232,230,196)
```
#edecd2
```
#edecd2 rgb(237,236,210)
```
#f3f2e0
```
#f3f2e0 rgb(243,242,224)
```
#f8f8ee
```
#f8f8ee rgb(248,248,238)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#848377
```
#848377 rgb(132,131,119)
```
#8d8c6e
```
#8d8c6e rgb(141,140,110)
```
#979564
```
#979564 rgb(151,149,100)
```
#a19d5a
```
#a19d5a rgb(161,157,90)
```
#aaa651
```
#aaa651 rgb(170,166,81)
```
#b4af47
```
#b4af47 rgb(180,175,71)
```
#beb83d
```
#beb83d rgb(190,184,61)
```
#c7c134
```
#c7c134 rgb(199,193,52)
```
#d1c92a
```
#d1c92a rgb(209,201,42)
```
#dbd220
```
#dbd220 rgb(219,210,32)
```
#e4db17
```
#e4db17 rgb(228,219,23)
```
#eee40d
```
#eee40d rgb(238,228,13)
```
#f8ec03
```
#f8ec03 rgb(248,236,3)
```

Tone Color Variation

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

Dichromacy

#c2af4f Protanopia 1% of men
#d7a754 Deuteranopia 1% of men
#c2a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf4c Protanomaly 1% of men, 0.01% of women
#caaa4f Deuteranomaly 6% of men, 0.4% of women
#bdab8c Tritanomaly 0.01% of the population

#b4af47 hex color

#b4af47 Color Information

#b4af47 Color Conversion

Color Schemes with #b4af47

Alternatives to #b4af47

#b4af47 Preview

Shades and Tints of #b4af47

Tones of #b4af47

Color Blindness Simulator