#b4af37 hex color

In a RGB color space, hex #b4af37 is composed of 70.6% red, 68.6% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 69.4% yellow and 29.4% black. It has a hue angle of 57.6 degrees, a saturation of 53.2% and a lightness of 46.1%. #b4af37 color hex could be obtained by blending #ffff6e with #695f00. Closest websafe color is: #cc9933.

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

● #b4af37 color description : Moderate yellow.

The hexadecimal color #b4af37 has RGB values of R:180, G:175, B:55 and CMYK values of C:0, M:0.03, Y:0.69, K:0.29. Its decimal value is 11841335.

Hex triplet	b4af37	`#b4af37`
RGB Decimal	180, 175, 55	`rgb(180,175,55)`
RGB Percent	70.6, 68.6, 21.6	`rgb(70.6%,68.6%,21.6%)`
CMYK	0, 3, 69, 29
HSL	57.6°, 53.2, 46.1	`hsl(57.6,53.2%,46.1%)`
HSV (or HSB)	57.6°, 69.4, 70.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.923, -12.515, 59.055
XYZ	34.842, 40.64, 9.623
xyY	0.409, 0.478, 40.64
CIE-LCH	69.923, 60.367, 101.965
CIE-LUV	69.923, 8.317, 68.074
Hunter-Lab	63.749, -14.003, 35.675
Binary	10110100, 10101111, 00110111

#b4af37
```
#b4af37 rgb(180,175,55)
```
#373cb4
```
#373cb4 rgb(55,60,180)
```

Complementary Color

#b47137
```
#b47137 rgb(180,113,55)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#7bb437
```
#7bb437 rgb(123,180,55)
```

Analogous Color

#7137b4
```
#7137b4 rgb(113,55,180)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#377bb4
```
#377bb4 rgb(55,123,180)
```

Split Complementary Color

#af37b4
```
#af37b4 rgb(175,55,180)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#37b4af
```
#37b4af rgb(55,180,175)
```

Triadic Color

#b4373c
```
#b4373c rgb(180,55,60)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#37b4af
```
#37b4af rgb(55,180,175)
```
#373cb4
```
#373cb4 rgb(55,60,180)
```

Tetradic Color

#797625
```
#797625 rgb(121,118,37)
```
#8d892b
```
#8d892b rgb(141,137,43)
```
#a09c31
```
#a09c31 rgb(160,156,49)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#c5bf40
```
#c5bf40 rgb(197,191,64)
```
#cbc653
```
#cbc653 rgb(203,198,83)
```
#d1cc67
```
#d1cc67 rgb(209,204,103)
```

Monochromatic Color

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

#b49037
```
#b49037 rgb(180,144,55)
```
#b49a37
```
#b49a37 rgb(180,154,55)
```
#b4a537
```
#b4a537 rgb(180,165,55)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#afb437
```
#afb437 rgb(175,180,55)
```
#a4b437
```
#a4b437 rgb(164,180,55)
```
#9ab437
```
#9ab437 rgb(154,180,55)
```

Similar Colors

Text with hexadecimal color #b4af37

This text has a font color of #b4af37.

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

#b4af37 background color

This paragraph has a background color of #b4af37.

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

#b4af37 border color

This element has a border color of #b4af37.

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

CSS codes

.text {color:#b4af37;}

.background {background-color:#b4af37;}

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

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

#0f0e05
```
#0f0e05 rgb(15,14,5)
```
#1e1d09
```
#1e1d09 rgb(30,29,9)
```
#2d2c0e
```
#2d2c0e rgb(45,44,14)
```
#3c3a12
```
#3c3a12 rgb(60,58,18)
```
#4b4917
```
#4b4917 rgb(75,73,23)
```
#5a571b
```
#5a571b rgb(90,87,27)
```
#696620
```
#696620 rgb(105,102,32)
```
#787525
```
#787525 rgb(120,117,37)
```
#878329
```
#878329 rgb(135,131,41)
```
#96922e
```
#96922e rgb(150,146,46)
```
#a5a032
```
#a5a032 rgb(165,160,50)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#c3be3c
```
#c3be3c rgb(195,190,60)
```

Shade Color Variation

#c8c34a
```
#c8c34a rgb(200,195,74)
```
#ccc859
```
#ccc859 rgb(204,200,89)
```
#d1cd68
```
#d1cd68 rgb(209,205,104)
```
#d6d277
```
#d6d277 rgb(214,210,119)
```
#dad787
```
#dad787 rgb(218,215,135)
```
#dfdc96
```
#dfdc96 rgb(223,220,150)
```
#e3e1a5
```
#e3e1a5 rgb(227,225,165)
```
#e8e6b4
```
#e8e6b4 rgb(232,230,180)
```
#edebc3
```
#edebc3 rgb(237,235,195)
```
#f1f0d2
```
#f1f0d2 rgb(241,240,210)
```
#f6f5e1
```
#f6f5e1 rgb(246,245,225)
```
#fafaf0
```
#fafaf0 rgb(250,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e7d6d
```
#7e7d6d rgb(126,125,109)
```
#878564
```
#878564 rgb(135,133,100)
```
#908e5b
```
#908e5b rgb(144,142,91)
```
#999652
```
#999652 rgb(153,150,82)
```
#a29e49
```
#a29e49 rgb(162,158,73)
```
#aba740
```
#aba740 rgb(171,167,64)
```
#b4af37
```
#b4af37 rgb(180,175,55)
```
#bdb72e
```
#bdb72e rgb(189,183,46)
```
#c6c025
```
#c6c025 rgb(198,192,37)
```
#cfc81c
```
#cfc81c rgb(207,200,28)
```
#d8d013
```
#d8d013 rgb(216,208,19)
```
#e1d90a
```
#e1d90a rgb(225,217,10)
```
#eae101
```
#eae101 rgb(234,225,1)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a6a58d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af40 Protanopia 1% of men
#d8a746 Deuteranopia 1% of men
#c3a8b4 Tritanopia 0.001% of the population

Trichromacy

#bdaf3d Protanomaly 1% of men, 0.01% of women
#cbaa40 Deuteranomaly 6% of men, 0.4% of women
#bdaa86 Tritanomaly 0.01% of the population

#b4af37 hex color

#b4af37 Color Information

#b4af37 Color Conversion

Color Schemes with #b4af37

Alternatives to #b4af37

#b4af37 Preview

Shades and Tints of #b4af37

Tones of #b4af37

Color Blindness Simulator