#b4af62 hex color

In a RGB color space, hex #b4af62 is composed of 70.6% red, 68.6% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 45.6% yellow and 29.4% black. It has a hue angle of 56.3 degrees, a saturation of 35.3% and a lightness of 54.5%. #b4af62 color hex could be obtained by blending #ffffc4 with #695f00. Closest websafe color is: #cc9966.

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

● #b4af62 color description : Slightly desaturated yellow.

The hexadecimal color #b4af62 has RGB values of R:180, G:175, B:98 and CMYK values of C:0, M:0.03, Y:0.46, K:0.29. Its decimal value is 11841378.

Hex triplet	b4af62	`#b4af62`
RGB Decimal	180, 175, 98	`rgb(180,175,98)`
RGB Percent	70.6, 68.6, 38.4	`rgb(70.6%,68.6%,38.4%)`
CMYK	0, 3, 46, 29
HSL	56.3°, 35.3, 54.5	`hsl(56.3,35.3%,54.5%)`
HSV (or HSB)	56.3°, 45.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.348, -9.234, 39.927
XYZ	36.357, 41.246, 17.601
xyY	0.382, 0.433, 41.246
CIE-LCH	70.348, 40.981, 103.022
CIE-LUV	70.348, 6.96, 51.294
Hunter-Lab	64.223, -11.34, 28.707
Binary	10110100, 10101111, 01100010

#b4af62
```
#b4af62 rgb(180,175,98)
```
#6267b4
```
#6267b4 rgb(98,103,180)
```

Complementary Color

#b48662
```
#b48662 rgb(180,134,98)
```
#b4af62
```
#b4af62 rgb(180,175,98)
```
#90b462
```
#90b462 rgb(144,180,98)
```

Analogous Color

#8662b4
```
#8662b4 rgb(134,98,180)
```
#b4af62
```
#b4af62 rgb(180,175,98)
```
#6290b4
```
#6290b4 rgb(98,144,180)
```

Split Complementary Color

#af62b4
```
#af62b4 rgb(175,98,180)
```
#b4af62
```
#b4af62 rgb(180,175,98)
```
#62b4af
```
#62b4af rgb(98,180,175)
```

Triadic Color

#b46267
```
#b46267 rgb(180,98,103)
```
#b4af62
```
#b4af62 rgb(180,175,98)
```
#62b4af
```
#62b4af rgb(98,180,175)
```
#6267b4
```
#6267b4 rgb(98,103,180)
```

Tetradic Color

#888441
```
#888441 rgb(136,132,65)
```
#9a9549
```
#9a9549 rgb(154,149,73)
```
#aba552
```
#aba552 rgb(171,165,82)
```
#b4af62
```
#b4af62 rgb(180,175,98)
```
#bcb873
```
#bcb873 rgb(188,184,115)
```
#c4c185
```
#c4c185 rgb(196,193,133)
```
#cdc996
```
#cdc996 rgb(205,201,150)
```

Monochromatic Color

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

#b49b62
```
#b49b62 rgb(180,155,98)
```
#b4a162
```
#b4a162 rgb(180,161,98)
```
#b4a862
```
#b4a862 rgb(180,168,98)
```
#b4af62
```
#b4af62 rgb(180,175,98)
```
#b2b462
```
#b2b462 rgb(178,180,98)
```
#abb462
```
#abb462 rgb(171,180,98)
```
#a5b462
```
#a5b462 rgb(165,180,98)
```

Similar Colors

Text with hexadecimal color #b4af62

This text has a font color of #b4af62.

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

#b4af62 background color

This paragraph has a background color of #b4af62.

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

#b4af62 border color

This element has a border color of #b4af62.

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

CSS codes

.text {color:#b4af62;}

.background {background-color:#b4af62;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100f07
```
#100f07 rgb(16,15,7)
```
#1d1c0e
```
#1d1c0e rgb(29,28,14)
```
#2a2914
```
#2a2914 rgb(42,41,20)
```
#37361a
```
#37361a rgb(55,54,26)
```
#454221
```
#454221 rgb(69,66,33)
```
#524f27
```
#524f27 rgb(82,79,39)
```
#5f5c2d
```
#5f5c2d rgb(95,92,45)
```
#6c6934
```
#6c6934 rgb(108,105,52)
```
#7a763a
```
#7a763a rgb(122,118,58)
```
#878341
```
#878341 rgb(135,131,65)
```
#949047
```
#949047 rgb(148,144,71)
```
#a29c4d
```
#a29c4d rgb(162,156,77)
```

Shade Color Variation

#aea855
```
#aea855 rgb(174,168,85)
```
#b4af62
```
#b4af62 rgb(180,175,98)
```
#bab66f
```
#bab66f rgb(186,182,111)
```
#c1bd7d
```
#c1bd7d rgb(193,189,125)
```
#c7c38a
```
#c7c38a rgb(199,195,138)
```
#cdca97
```
#cdca97 rgb(205,202,151)
```
#d4d1a4
```
#d4d1a4 rgb(212,209,164)
```
#dad8b2
```
#dad8b2 rgb(218,216,178)
```
#e0debf
```
#e0debf rgb(224,222,191)
```
#e7e5cc
```
#e7e5cc rgb(231,229,204)
```
#edecd9
```
#edecd9 rgb(237,236,217)
```
#f3f3e7
```
#f3f3e7 rgb(243,243,231)
```
#faf9f4
```
#faf9f4 rgb(250,249,244)
```

Tint Color Variation

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

#909086
```
#909086 rgb(144,144,134)
```
#99977d
```
#99977d rgb(153,151,125)
```
#a29f74
```
#a29f74 rgb(162,159,116)
```
#aba76b
```
#aba76b rgb(171,167,107)
```
#b4af62
```
#b4af62 rgb(180,175,98)
```
#bdb759
```
#bdb759 rgb(189,183,89)
```
#c6bf50
```
#c6bf50 rgb(198,191,80)
```
#cfc747
```
#cfc747 rgb(207,199,71)
```
#d8ce3e
```
#d8ce3e rgb(216,206,62)
```
#e1d635
```
#e1d635 rgb(225,214,53)
```
#eade2c
```
#eade2c rgb(234,222,44)
```
#f2e624
```
#f2e624 rgb(242,230,36)
```
#fbee1b
```
#fbee1b rgb(251,238,27)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaa99a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b069 Protanopia 1% of men
#d4a86d Deuteranopia 1% of men
#c1aab6 Tritanopia 0.001% of the population

Trichromacy

#bcaf66 Protanomaly 1% of men, 0.01% of women
#c8ab69 Deuteranomaly 6% of men, 0.4% of women
#bcab97 Tritanomaly 0.01% of the population

#b4af62 hex color

#b4af62 Color Information

#b4af62 Color Conversion

Color Schemes with #b4af62

Alternatives to #b4af62

#b4af62 Preview

Shades and Tints of #b4af62

Tones of #b4af62

Color Blindness Simulator