#b4af43 hex color

In a RGB color space, hex #b4af43 is composed of 70.6% red, 68.6% green and 26.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 62.8% yellow and 29.4% black. It has a hue angle of 57.3 degrees, a saturation of 45.7% and a lightness of 48.4%. #b4af43 color hex could be obtained by blending #ffff86 with #695f00. Closest websafe color is: #cc9933.

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

● #b4af43 color description : Moderate yellow.

The hexadecimal color #b4af43 has RGB values of R:180, G:175, B:67 and CMYK values of C:0, M:0.03, Y:0.63, K:0.29. Its decimal value is 11841347.

Hex triplet	b4af43	`#b4af43`
RGB Decimal	180, 175, 67	`rgb(180,175,67)`
RGB Percent	70.6, 68.6, 26.3	`rgb(70.6%,68.6%,26.3%)`
CMYK	0, 3, 63, 29
HSL	57.3°, 45.7, 48.4	`hsl(57.3,45.7%,48.4%)`
HSV (or HSB)	57.3°, 62.8, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.014, -11.803, 54.238
XYZ	35.165, 40.769, 11.327
xyY	0.403, 0.467, 40.769
CIE-LCH	70.014, 55.508, 102.277
CIE-LUV	70.014, 8.017, 64.363
Hunter-Lab	63.851, -13.431, 34.178
Binary	10110100, 10101111, 01000011

#b4af43
```
#b4af43 rgb(180,175,67)
```
#4348b4
```
#4348b4 rgb(67,72,180)
```

Complementary Color

#b47743
```
#b47743 rgb(180,119,67)
```
#b4af43
```
#b4af43 rgb(180,175,67)
```
#81b443
```
#81b443 rgb(129,180,67)
```

Analogous Color

#7743b4
```
#7743b4 rgb(119,67,180)
```
#b4af43
```
#b4af43 rgb(180,175,67)
```
#4381b4
```
#4381b4 rgb(67,129,180)
```

Split Complementary Color

#af43b4
```
#af43b4 rgb(175,67,180)
```
#b4af43
```
#b4af43 rgb(180,175,67)
```
#43b4af
```
#43b4af rgb(67,180,175)
```

Triadic Color

#b44348
```
#b44348 rgb(180,67,72)
```
#b4af43
```
#b4af43 rgb(180,175,67)
```
#43b4af
```
#43b4af rgb(67,180,175)
```
#4348b4
```
#4348b4 rgb(67,72,180)
```

Tetradic Color

#7c792e
```
#7c792e rgb(124,121,46)
```
#8f8b35
```
#8f8b35 rgb(143,139,53)
```
#a19d3c
```
#a19d3c rgb(161,157,60)
```
#b4af43
```
#b4af43 rgb(180,175,67)
```
#bfba52
```
#bfba52 rgb(191,186,82)
```
#c5c165
```
#c5c165 rgb(197,193,101)
```
#ccc977
```
#ccc977 rgb(204,201,119)
```

Monochromatic Color

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

#b49343
```
#b49343 rgb(180,147,67)
```
#b49c43
```
#b49c43 rgb(180,156,67)
```
#b4a643
```
#b4a643 rgb(180,166,67)
```
#b4af43
```
#b4af43 rgb(180,175,67)
```
#b0b443
```
#b0b443 rgb(176,180,67)
```
#a6b443
```
#a6b443 rgb(166,180,67)
```
#9db443
```
#9db443 rgb(157,180,67)
```

Similar Colors

Text with hexadecimal color #b4af43

This text has a font color of #b4af43.

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

#b4af43 background color

This paragraph has a background color of #b4af43.

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

#b4af43 border color

This element has a border color of #b4af43.

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

CSS codes

.text {color:#b4af43;}

.background {background-color:#b4af43;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#171608
```
#171608 rgb(23,22,8)
```
#25240e
```
#25240e rgb(37,36,14)
```
#333213
```
#333213 rgb(51,50,19)
```
#424018
```
#424018 rgb(66,64,24)
```
#504e1e
```
#504e1e rgb(80,78,30)
```
#5e5c23
```
#5e5c23 rgb(94,92,35)
```
#6d6a28
```
#6d6a28 rgb(109,106,40)
```
#7b772e
```
#7b772e rgb(123,119,46)
```
#898533
```
#898533 rgb(137,133,51)
```
#979338
```
#979338 rgb(151,147,56)
```
#a6a13e
```
#a6a13e rgb(166,161,62)
```
#b4af43
```
#b4af43 rgb(180,175,67)
```

Shade Color Variation

#bdb84e
```
#bdb84e rgb(189,184,78)
```
#c2be5c
```
#c2be5c rgb(194,190,92)
```
#c8c36a
```
#c8c36a rgb(200,195,106)
```
#cdc979
```
#cdc979 rgb(205,201,121)
```
#d2cf87
```
#d2cf87 rgb(210,207,135)
```
#d8d595
```
#d8d595 rgb(216,213,149)
```
#dddaa3
```
#dddaa3 rgb(221,218,163)
```
#e2e0b2
```
#e2e0b2 rgb(226,224,178)
```
#e8e6c0
```
#e8e6c0 rgb(232,230,192)
```
#edecce
```
#edecce rgb(237,236,206)
```
#f2f1dd
```
#f2f1dd rgb(242,241,221)
```
#f8f7eb
```
#f8f7eb rgb(248,247,235)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#858473
```
#858473 rgb(133,132,115)
```
#8e8c69
```
#8e8c69 rgb(142,140,105)
```
#989560
```
#989560 rgb(152,149,96)
```
#a19e56
```
#a19e56 rgb(161,158,86)
```
#aba64d
```
#aba64d rgb(171,166,77)
```
#b4af43
```
#b4af43 rgb(180,175,67)
```
#beb83a
```
#beb83a rgb(190,184,58)
```
#c7c030
```
#c7c030 rgb(199,192,48)
```
#d1c927
```
#d1c927 rgb(209,201,39)
```
#dad21d
```
#dad21d rgb(218,210,29)
```
#e4da14
```
#e4da14 rgb(228,218,20)
```
#ede30a
```
#ede30a rgb(237,227,10)
```
#f7ec00
```
#f7ec00 rgb(247,236,0)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a7a691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2af4b Protanopia 1% of men
#d7a751 Deuteranopia 1% of men
#c2a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf48 Protanomaly 1% of men, 0.01% of women
#caaa4c Deuteranomaly 6% of men, 0.4% of women
#bdaa8b Tritanomaly 0.01% of the population

#b4af43 hex color

#b4af43 Color Information

#b4af43 Color Conversion

Color Schemes with #b4af43

Alternatives to #b4af43

#b4af43 Preview

Shades and Tints of #b4af43

Tones of #b4af43

Color Blindness Simulator