#b4af42 hex color

In a RGB color space, hex #b4af42 is composed of 70.6% red, 68.6% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 63.3% yellow and 29.4% black. It has a hue angle of 57.4 degrees, a saturation of 46.3% and a lightness of 48.2%. #b4af42 color hex could be obtained by blending #ffff84 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

● #b4af42 color description : Moderate yellow.

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

Hex triplet	b4af42	`#b4af42`
RGB Decimal	180, 175, 66	`rgb(180,175,66)`
RGB Percent	70.6, 68.6, 25.9	`rgb(70.6%,68.6%,25.9%)`
CMYK	0, 3, 63, 29
HSL	57.4°, 46.3, 48.2	`hsl(57.4,46.3%,48.2%)`
HSV (or HSB)	57.4°, 63.3, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.006, -11.868, 54.66
XYZ	35.136, 40.757, 11.17
xyY	0.404, 0.468, 40.757
CIE-LCH	70.006, 55.933, 102.251
CIE-LUV	70.006, 8.045, 64.701
Hunter-Lab	63.841, -13.483, 34.315
Binary	10110100, 10101111, 01000010

#b4af42
```
#b4af42 rgb(180,175,66)
```
#4247b4
```
#4247b4 rgb(66,71,180)
```

Complementary Color

#b47642
```
#b47642 rgb(180,118,66)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```
#80b442
```
#80b442 rgb(128,180,66)
```

Analogous Color

#7642b4
```
#7642b4 rgb(118,66,180)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```
#4280b4
```
#4280b4 rgb(66,128,180)
```

Split Complementary Color

#af42b4
```
#af42b4 rgb(175,66,180)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```
#42b4af
```
#42b4af rgb(66,180,175)
```

Triadic Color

#b44247
```
#b44247 rgb(180,66,71)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```
#42b4af
```
#42b4af rgb(66,180,175)
```
#4247b4
```
#4247b4 rgb(66,71,180)
```

Tetradic Color

#7c792d
```
#7c792d rgb(124,121,45)
```
#8f8b34
```
#8f8b34 rgb(143,139,52)
```
#a19d3b
```
#a19d3b rgb(161,157,59)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```
#bfba50
```
#bfba50 rgb(191,186,80)
```
#c6c263
```
#c6c263 rgb(198,194,99)
```
#cdc976
```
#cdc976 rgb(205,201,118)
```

Monochromatic Color

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

#b49342
```
#b49342 rgb(180,147,66)
```
#b49c42
```
#b49c42 rgb(180,156,66)
```
#b4a642
```
#b4a642 rgb(180,166,66)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```
#b0b442
```
#b0b442 rgb(176,180,66)
```
#a6b442
```
#a6b442 rgb(166,180,66)
```
#9db442
```
#9db442 rgb(157,180,66)
```

Similar Colors

Text with hexadecimal color #b4af42

This text has a font color of #b4af42.

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

#b4af42 background color

This paragraph has a background color of #b4af42.

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

#b4af42 border color

This element has a border color of #b4af42.

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

CSS codes

.text {color:#b4af42;}

.background {background-color:#b4af42;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#161608
```
#161608 rgb(22,22,8)
```
#24230d
```
#24230d rgb(36,35,13)
```
#333113
```
#333113 rgb(51,49,19)
```
#413f18
```
#413f18 rgb(65,63,24)
```
#504d1d
```
#504d1d rgb(80,77,29)
```
#5e5b22
```
#5e5b22 rgb(94,91,34)
```
#6c6928
```
#6c6928 rgb(108,105,40)
```
#7b772d
```
#7b772d rgb(123,119,45)
```
#898532
```
#898532 rgb(137,133,50)
```
#979337
```
#979337 rgb(151,147,55)
```
#a6a13d
```
#a6a13d rgb(166,161,61)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```

Shade Color Variation

#bdb84c
```
#bdb84c rgb(189,184,76)
```
#c3be5b
```
#c3be5b rgb(195,190,91)
```
#c8c469
```
#c8c469 rgb(200,196,105)
```
#cdc977
```
#cdc977 rgb(205,201,119)
```
#d2cf86
```
#d2cf86 rgb(210,207,134)
```
#d8d594
```
#d8d594 rgb(216,213,148)
```
#dddaa2
```
#dddaa2 rgb(221,218,162)
```
#e2e0b1
```
#e2e0b1 rgb(226,224,177)
```
#e8e6bf
```
#e8e6bf rgb(232,230,191)
```
#edebcd
```
#edebcd rgb(237,235,205)
```
#f2f1dc
```
#f2f1dc rgb(242,241,220)
```
#f7f7ea
```
#f7f7ea rgb(247,247,234)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#858471
```
#858471 rgb(133,132,113)
```
#8e8c68
```
#8e8c68 rgb(142,140,104)
```
#98955e
```
#98955e rgb(152,149,94)
```
#a19e55
```
#a19e55 rgb(161,158,85)
```
#aba64b
```
#aba64b rgb(171,166,75)
```
#b4af42
```
#b4af42 rgb(180,175,66)
```
#bdb839
```
#bdb839 rgb(189,184,57)
```
#c7c02f
```
#c7c02f rgb(199,192,47)
```
#d0c926
```
#d0c926 rgb(208,201,38)
```
#dad21c
```
#dad21c rgb(218,210,28)
```
#e3da13
```
#e3da13 rgb(227,218,19)
```
#ede309
```
#ede309 rgb(237,227,9)
```

Tone Color Variation

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

Dichromacy

#c2af4a Protanopia 1% of men
#d7a750 Deuteranopia 1% of men
#c2a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf47 Protanomaly 1% of men, 0.01% of women
#caaa4b Deuteranomaly 6% of men, 0.4% of women
#bdaa8a Tritanomaly 0.01% of the population

#b4af42 hex color

#b4af42 Color Information

#b4af42 Color Conversion

Color Schemes with #b4af42

Alternatives to #b4af42

#b4af42 Preview

Shades and Tints of #b4af42

Tones of #b4af42

Color Blindness Simulator