#b4af40 hex color

In a RGB color space, hex #b4af40 is composed of 70.6% red, 68.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 64.4% yellow and 29.4% black. It has a hue angle of 57.4 degrees, a saturation of 47.5% and a lightness of 47.8%. #b4af40 color hex could be obtained by blending #ffff80 with #695f00. Closest websafe color is: #cc9933.

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

● #b4af40 color description : Moderate yellow.

The hexadecimal color #b4af40 has RGB values of R:180, G:175, B:64 and CMYK values of C:0, M:0.03, Y:0.64, K:0.29. Its decimal value is 11841344.

Hex triplet	b4af40	`#b4af40`
RGB Decimal	180, 175, 64	`rgb(180,175,64)`
RGB Percent	70.6, 68.6, 25.1	`rgb(70.6%,68.6%,25.1%)`
CMYK	0, 3, 64, 29
HSL	57.4°, 47.5, 47.8	`hsl(57.4,47.5%,47.8%)`
HSV (or HSB)	57.4°, 64.4, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.989, -11.996, 55.492
XYZ	35.078, 40.734, 10.865
xyY	0.405, 0.47, 40.734
CIE-LCH	69.989, 56.774, 102.198
CIE-LUV	69.989, 8.098, 65.361
Hunter-Lab	63.823, -13.586, 34.583
Binary	10110100, 10101111, 01000000

#b4af40
```
#b4af40 rgb(180,175,64)
```
#4045b4
```
#4045b4 rgb(64,69,180)
```

Complementary Color

#b47540
```
#b47540 rgb(180,117,64)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```
#7fb440
```
#7fb440 rgb(127,180,64)
```

Analogous Color

#7540b4
```
#7540b4 rgb(117,64,180)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```
#407fb4
```
#407fb4 rgb(64,127,180)
```

Split Complementary Color

#af40b4
```
#af40b4 rgb(175,64,180)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```
#40b4af
```
#40b4af rgb(64,180,175)
```

Triadic Color

#b44045
```
#b44045 rgb(180,64,69)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```
#40b4af
```
#40b4af rgb(64,180,175)
```
#4045b4
```
#4045b4 rgb(64,69,180)
```

Tetradic Color

#7c782c
```
#7c782c rgb(124,120,44)
```
#8e8a33
```
#8e8a33 rgb(142,138,51)
```
#a19d39
```
#a19d39 rgb(161,157,57)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```
#c0bb4e
```
#c0bb4e rgb(192,187,78)
```
#c7c260
```
#c7c260 rgb(199,194,96)
```
#cdc973
```
#cdc973 rgb(205,201,115)
```

Monochromatic Color

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

#b49240
```
#b49240 rgb(180,146,64)
```
#b49c40
```
#b49c40 rgb(180,156,64)
```
#b4a540
```
#b4a540 rgb(180,165,64)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```
#afb440
```
#afb440 rgb(175,180,64)
```
#a6b440
```
#a6b440 rgb(166,180,64)
```
#9cb440
```
#9cb440 rgb(156,180,64)
```

Similar Colors

Text with hexadecimal color #b4af40

This text has a font color of #b4af40.

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

#b4af40 background color

This paragraph has a background color of #b4af40.

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

#b4af40 border color

This element has a border color of #b4af40.

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

CSS codes

.text {color:#b4af40;}

.background {background-color:#b4af40;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#151407
```
#151407 rgb(21,20,7)
```
#23220d
```
#23220d rgb(35,34,13)
```
#323012
```
#323012 rgb(50,48,18)
```
#403e17
```
#403e17 rgb(64,62,23)
```
#4f4d1c
```
#4f4d1c rgb(79,77,28)
```
#5d5b21
```
#5d5b21 rgb(93,91,33)
```
#6c6926
```
#6c6926 rgb(108,105,38)
```
#7a772b
```
#7a772b rgb(122,119,43)
```
#898531
```
#898531 rgb(137,133,49)
```
#979336
```
#979336 rgb(151,147,54)
```
#a6a13b
```
#a6a13b rgb(166,161,59)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```

Shade Color Variation

#beb949
```
#beb949 rgb(190,185,73)
```
#c4bf58
```
#c4bf58 rgb(196,191,88)
```
#c9c466
```
#c9c466 rgb(201,196,102)
```
#ceca75
```
#ceca75 rgb(206,202,117)
```
#d3d083
```
#d3d083 rgb(211,208,131)
```
#d8d592
```
#d8d592 rgb(216,213,146)
```
#dddba0
```
#dddba0 rgb(221,219,160)
```
#e2e0af
```
#e2e0af rgb(226,224,175)
```
#e8e6bd
```
#e8e6bd rgb(232,230,189)
```
#edebcb
```
#edebcb rgb(237,235,203)
```
#f2f1da
```
#f2f1da rgb(242,241,218)
```
#f7f6e8
```
#f7f6e8 rgb(247,246,232)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#7c7c78
```
#7c7c78 rgb(124,124,120)
```
#85846f
```
#85846f rgb(133,132,111)
```
#8e8d66
```
#8e8d66 rgb(142,141,102)
```
#98955c
```
#98955c rgb(152,149,92)
```
#a19e53
```
#a19e53 rgb(161,158,83)
```
#aba649
```
#aba649 rgb(171,166,73)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```
#bdb837
```
#bdb837 rgb(189,184,55)
```
#c7c02d
```
#c7c02d rgb(199,192,45)
```
#d0c924
```
#d0c924 rgb(208,201,36)
```
#dad11a
```
#dad11a rgb(218,209,26)
```
#e3da11
```
#e3da11 rgb(227,218,17)
```
#ece208
```
#ece208 rgb(236,226,8)
```

Tone Color Variation

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

#c2af48 Protanopia 1% of men
#d7a74e Deuteranopia 1% of men
#c2a8b4 Tritanopia 0.001% of the population

Trichromacy

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

#b4af40 hex color

#b4af40 Color Information

#b4af40 Color Conversion

Color Schemes with #b4af40

Alternatives to #b4af40

#b4af40 Preview

Shades and Tints of #b4af40

Tones of #b4af40

Color Blindness Simulator