#b4af73 hex color

In a RGB color space, hex #b4af73 is composed of 70.6% red, 68.6% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 36.1% yellow and 29.4% black. It has a hue angle of 55.4 degrees, a saturation of 30.2% and a lightness of 57.8%. #b4af73 color hex could be obtained by blending #ffffe6 with #695f00. Closest websafe color is: #cc9966.

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

● #b4af73 color description : Slightly desaturated yellow.

The hexadecimal color #b4af73 has RGB values of R:180, G:175, B:115 and CMYK values of C:0, M:0.03, Y:0.36, K:0.29. Its decimal value is 11841395.

Hex triplet	b4af73	`#b4af73`
RGB Decimal	180, 175, 115	`rgb(180,175,115)`
RGB Percent	70.6, 68.6, 45.1	`rgb(70.6%,68.6%,45.1%)`
CMYK	0, 3, 36, 29
HSL	55.4°, 30.2, 57.8	`hsl(55.4,30.2%,57.8%)`
HSV (or HSB)	55.4°, 36.1, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.595, -7.364, 31.436
XYZ	37.246, 41.602, 22.287
xyY	0.368, 0.411, 41.602
CIE-LCH	70.595, 32.287, 103.185
CIE-LUV	70.595, 6.217, 42.103
Hunter-Lab	64.499, -9.795, 24.663
Binary	10110100, 10101111, 01110011

#b4af73
```
#b4af73 rgb(180,175,115)
```
#7378b4
```
#7378b4 rgb(115,120,180)
```

Complementary Color

#b48f73
```
#b48f73 rgb(180,143,115)
```
#b4af73
```
#b4af73 rgb(180,175,115)
```
#99b473
```
#99b473 rgb(153,180,115)
```

Analogous Color

#8f73b4
```
#8f73b4 rgb(143,115,180)
```
#b4af73
```
#b4af73 rgb(180,175,115)
```
#7399b4
```
#7399b4 rgb(115,153,180)
```

Split Complementary Color

#af73b4
```
#af73b4 rgb(175,115,180)
```
#b4af73
```
#b4af73 rgb(180,175,115)
```
#73b4af
```
#73b4af rgb(115,180,175)
```

Triadic Color

#b47378
```
#b47378 rgb(180,115,120)
```
#b4af73
```
#b4af73 rgb(180,175,115)
```
#73b4af
```
#73b4af rgb(115,180,175)
```
#7378b4
```
#7378b4 rgb(115,120,180)
```

Tetradic Color

#8e894c
```
#8e894c rgb(142,137,76)
```
#9f9955
```
#9f9955 rgb(159,153,85)
```
#aba662
```
#aba662 rgb(171,166,98)
```
#b4af73
```
#b4af73 rgb(180,175,115)
```
#bdb884
```
#bdb884 rgb(189,184,132)
```
#c6c294
```
#c6c294 rgb(198,194,148)
```
#cfcba5
```
#cfcba5 rgb(207,203,165)
```

Monochromatic Color

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

#b49f73
```
#b49f73 rgb(180,159,115)
```
#b4a473
```
#b4a473 rgb(180,164,115)
```
#b4aa73
```
#b4aa73 rgb(180,170,115)
```
#b4af73
```
#b4af73 rgb(180,175,115)
```
#b4b473
```
#b4b473 rgb(180,180,115)
```
#aeb473
```
#aeb473 rgb(174,180,115)
```
#a9b473
```
#a9b473 rgb(169,180,115)
```

Similar Colors

Text with hexadecimal color #b4af73

This text has a font color of #b4af73.

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

#b4af73 background color

This paragraph has a background color of #b4af73.

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

#b4af73 border color

This element has a border color of #b4af73.

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

CSS codes

.text {color:#b4af73;}

.background {background-color:#b4af73;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#0d0d07
```
#0d0d07 rgb(13,13,7)
```
#1a190e
```
#1a190e rgb(26,25,14)
```
#272515
```
#272515 rgb(39,37,21)
```
#34321c
```
#34321c rgb(52,50,28)
```
#403e22
```
#403e22 rgb(64,62,34)
```
#4d4a29
```
#4d4a29 rgb(77,74,41)
```
#5a5730
```
#5a5730 rgb(90,87,48)
```
#676337
```
#676337 rgb(103,99,55)
```
#736f3e
```
#736f3e rgb(115,111,62)
```
#807c45
```
#807c45 rgb(128,124,69)
```
#8d884c
```
#8d884c rgb(141,136,76)
```
#9a9452
```
#9a9452 rgb(154,148,82)
```

Shade Color Variation

#a6a059
```
#a6a059 rgb(166,160,89)
```
#ada866
```
#ada866 rgb(173,168,102)
```
#b4af73
```
#b4af73 rgb(180,175,115)
```
#bbb680
```
#bbb680 rgb(187,182,128)
```
#c2be8d
```
#c2be8d rgb(194,190,141)
```
#c9c599
```
#c9c599 rgb(201,197,153)
```
#cfcca6
```
#cfcca6 rgb(207,204,166)
```
#d6d3b3
```
#d6d3b3 rgb(214,211,179)
```
#dddbc0
```
#dddbc0 rgb(221,219,192)
```
#e4e2cc
```
#e4e2cc rgb(228,226,204)
```
#ebe9d9
```
#ebe9d9 rgb(235,233,217)
```
#f2f1e6
```
#f2f1e6 rgb(242,241,230)
```
#f8f8f3
```
#f8f8f3 rgb(248,248,243)
```

Tint Color Variation

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

#9b9a8c
```
#9b9a8c rgb(155,154,140)
```
#a3a184
```
#a3a184 rgb(163,161,132)
```
#aca87b
```
#aca87b rgb(172,168,123)
```
#b4af73
```
#b4af73 rgb(180,175,115)
```
#bcb66b
```
#bcb66b rgb(188,182,107)
```
#c5bd62
```
#c5bd62 rgb(197,189,98)
```
#cdc45a
```
#cdc45a rgb(205,196,90)
```
#d5cb52
```
#d5cb52 rgb(213,203,82)
```
#ddd24a
```
#ddd24a rgb(221,210,74)
```
#e6d941
```
#e6d941 rgb(230,217,65)
```
#eee039
```
#eee039 rgb(238,224,57)
```
#f6e731
```
#f6e731 rgb(246,231,49)
```
#feee29
```
#feee29 rgb(254,238,41)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#acab9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb079 Protanopia 1% of men
#d1a97d Deuteranopia 1% of men
#c0abb7 Tritanopia 0.001% of the population

Trichromacy

#bbb077 Protanomaly 1% of men, 0.01% of women
#c6ab79 Deuteranomaly 6% of men, 0.4% of women
#bbac9e Tritanomaly 0.01% of the population

#b4af73 hex color

#b4af73 Color Information

#b4af73 Color Conversion

Color Schemes with #b4af73

Alternatives to #b4af73

#b4af73 Preview

Shades and Tints of #b4af73

Tones of #b4af73

Color Blindness Simulator