#b4af6f hex color

In a RGB color space, hex #b4af6f is composed of 70.6% red, 68.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 38.3% yellow and 29.4% black. It has a hue angle of 55.7 degrees, a saturation of 31.5% and a lightness of 57.1%. #b4af6f color hex could be obtained by blending #ffffde with #695f00. Closest websafe color is: #cc9966.

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

● #b4af6f color description : Slightly desaturated yellow.

The hexadecimal color #b4af6f has RGB values of R:180, G:175, B:111 and CMYK values of C:0, M:0.03, Y:0.38, K:0.29. Its decimal value is 11841391.

Hex triplet	b4af6f	`#b4af6f`
RGB Decimal	180, 175, 111	`rgb(180,175,111)`
RGB Percent	70.6, 68.6, 43.5	`rgb(70.6%,68.6%,43.5%)`
CMYK	0, 3, 38, 29
HSL	55.7°, 31.5, 57.1	`hsl(55.7,31.5%,57.1%)`
HSV (or HSB)	55.7°, 38.3, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.533, -7.834, 33.457
XYZ	37.021, 41.511, 21.1
xyY	0.372, 0.417, 41.511
CIE-LCH	70.533, 34.362, 103.178
CIE-LUV	70.533, 6.402, 44.387
Hunter-Lab	64.429, -10.185, 25.683
Binary	10110100, 10101111, 01101111

#b4af6f
```
#b4af6f rgb(180,175,111)
```
#6f74b4
```
#6f74b4 rgb(111,116,180)
```

Complementary Color

#b48d6f
```
#b48d6f rgb(180,141,111)
```
#b4af6f
```
#b4af6f rgb(180,175,111)
```
#97b46f
```
#97b46f rgb(151,180,111)
```

Analogous Color

#8d6fb4
```
#8d6fb4 rgb(141,111,180)
```
#b4af6f
```
#b4af6f rgb(180,175,111)
```
#6f97b4
```
#6f97b4 rgb(111,151,180)
```

Split Complementary Color

#af6fb4
```
#af6fb4 rgb(175,111,180)
```
#b4af6f
```
#b4af6f rgb(180,175,111)
```
#6fb4af
```
#6fb4af rgb(111,180,175)
```

Triadic Color

#b46f74
```
#b46f74 rgb(180,111,116)
```
#b4af6f
```
#b4af6f rgb(180,175,111)
```
#6fb4af
```
#6fb4af rgb(111,180,175)
```
#6f74b4
```
#6f74b4 rgb(111,116,180)
```

Tetradic Color

#8d8849
```
#8d8849 rgb(141,136,73)
```
#9e9852
```
#9e9852 rgb(158,152,82)
```
#aba65e
```
#aba65e rgb(171,166,94)
```
#b4af6f
```
#b4af6f rgb(180,175,111)
```
#bdb880
```
#bdb880 rgb(189,184,128)
```
#c5c291
```
#c5c291 rgb(197,194,145)
```
#cecba1
```
#cecba1 rgb(206,203,161)
```

Monochromatic Color

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

#b49e6f
```
#b49e6f rgb(180,158,111)
```
#b4a46f
```
#b4a46f rgb(180,164,111)
```
#b4a96f
```
#b4a96f rgb(180,169,111)
```
#b4af6f
```
#b4af6f rgb(180,175,111)
```
#b3b46f
```
#b3b46f rgb(179,180,111)
```
#aeb46f
```
#aeb46f rgb(174,180,111)
```
#a8b46f
```
#a8b46f rgb(168,180,111)
```

Similar Colors

Text with hexadecimal color #b4af6f

This text has a font color of #b4af6f.

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

#b4af6f background color

This paragraph has a background color of #b4af6f.

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

#b4af6f border color

This element has a border color of #b4af6f.

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

CSS codes

.text {color:#b4af6f;}

.background {background-color:#b4af6f;}

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

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

#0b0a06
```
#0b0a06 rgb(11,10,6)
```
#18170c
```
#18170c rgb(24,23,12)
```
#252313
```
#252313 rgb(37,35,19)
```
#31301a
```
#31301a rgb(49,48,26)
```
#3e3c20
```
#3e3c20 rgb(62,60,32)
```
#4b4927
```
#4b4927 rgb(75,73,39)
```
#58552e
```
#58552e rgb(88,85,46)
```
#656235
```
#656235 rgb(101,98,53)
```
#726e3b
```
#726e3b rgb(114,110,59)
```
#7f7a42
```
#7f7a42 rgb(127,122,66)
```
#8c8749
```
#8c8749 rgb(140,135,73)
```
#999350
```
#999350 rgb(153,147,80)
```
#a6a056
```
#a6a056 rgb(166,160,86)
```

Shade Color Variation

#ada862
```
#ada862 rgb(173,168,98)
```
#b4af6f
```
#b4af6f rgb(180,175,111)
```
#bbb67c
```
#bbb67c rgb(187,182,124)
```
#c1bd89
```
#c1bd89 rgb(193,189,137)
```
#c8c496
```
#c8c496 rgb(200,196,150)
```
#cfcca3
```
#cfcca3 rgb(207,204,163)
```
#d6d3af
```
#d6d3af rgb(214,211,175)
```
#dcdabc
```
#dcdabc rgb(220,218,188)
```
#e3e1c9
```
#e3e1c9 rgb(227,225,201)
```
#eae8d6
```
#eae8d6 rgb(234,232,214)
```
#f0efe3
```
#f0efe3 rgb(240,239,227)
```
#f7f7f0
```
#f7f7f0 rgb(247,247,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#929291
```
#929291 rgb(146,146,145)
```
#9b9988
```
#9b9988 rgb(155,153,136)
```
#a3a180
```
#a3a180 rgb(163,161,128)
```
#aca877
```
#aca877 rgb(172,168,119)
```
#b4af6f
```
#b4af6f rgb(180,175,111)
```
#bcb667
```
#bcb667 rgb(188,182,103)
```
#c5bd5e
```
#c5bd5e rgb(197,189,94)
```
#cdc556
```
#cdc556 rgb(205,197,86)
```
#d6cc4d
```
#d6cc4d rgb(214,204,77)
```
#ded345
```
#ded345 rgb(222,211,69)
```
#e7da3c
```
#e7da3c rgb(231,218,60)
```
#efe134
```
#efe134 rgb(239,225,52)
```
#f7e92c
```
#f7e92c rgb(247,233,44)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#abaa9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfb075 Protanopia 1% of men
#d2a979 Deuteranopia 1% of men
#c0abb7 Tritanopia 0.001% of the population

Trichromacy

#bbb073 Protanomaly 1% of men, 0.01% of women
#c7ab75 Deuteranomaly 6% of men, 0.4% of women
#bbac9c Tritanomaly 0.01% of the population

#b4af6f hex color

#b4af6f Color Information

#b4af6f Color Conversion

Color Schemes with #b4af6f

Alternatives to #b4af6f

#b4af6f Preview

Shades and Tints of #b4af6f

Tones of #b4af6f

Color Blindness Simulator