#baac5f hex color

In a RGB color space, hex #baac5f is composed of 72.9% red, 67.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.5% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 50.8 degrees, a saturation of 39.7% and a lightness of 55.1%. #baac5f color hex could be obtained by blending #ffffbe with #755900. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 67
- B 37
RGB color chart
- C 0
- M 8
- Y 49
- K 27
CMYK color chart

● #baac5f color description : Slightly desaturated yellow.

The hexadecimal color #baac5f has RGB values of R:186, G:172, B:95 and CMYK values of C:0, M:0.08, Y:0.49, K:0.27. Its decimal value is 12233823.

Hex triplet	baac5f	`#baac5f`
RGB Decimal	186, 172, 95	`rgb(186,172,95)`
RGB Percent	72.9, 67.5, 37.3	`rgb(72.9%,67.5%,37.3%)`
CMYK	0, 8, 49, 27
HSL	50.8°, 39.7, 55.1	`hsl(50.8,39.7%,55.1%)`
HSV (or HSB)	50.8°, 48.9, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.015, -5.451, 41.154
XYZ	37.068, 40.771, 16.743
xyY	0.392, 0.431, 40.771
CIE-LCH	70.015, 41.513, 97.545
CIE-LUV	70.015, 13.034, 51.623
Hunter-Lab	63.852, -8.118, 29.15
Binary	10111010, 10101100, 01011111

#baac5f
```
#baac5f rgb(186,172,95)
```
#5f6dba
```
#5f6dba rgb(95,109,186)
```

Complementary Color

#ba7f5f
```
#ba7f5f rgb(186,127,95)
```
#baac5f
```
#baac5f rgb(186,172,95)
```
#9bba5f
```
#9bba5f rgb(155,186,95)
```

Analogous Color

#7f5fba
```
#7f5fba rgb(127,95,186)
```
#baac5f
```
#baac5f rgb(186,172,95)
```
#5f9bba
```
#5f9bba rgb(95,155,186)
```

Split Complementary Color

#ac5fba
```
#ac5fba rgb(172,95,186)
```
#baac5f
```
#baac5f rgb(186,172,95)
```
#5fbaac
```
#5fbaac rgb(95,186,172)
```

Triadic Color

#ba5f6d
```
#ba5f6d rgb(186,95,109)
```
#baac5f
```
#baac5f rgb(186,172,95)
```
#5fbaac
```
#5fbaac rgb(95,186,172)
```
#5f6dba
```
#5f6dba rgb(95,109,186)
```

Tetradic Color

#8f823e
```
#8f823e rgb(143,130,62)
```
#a19345
```
#a19345 rgb(161,147,69)
```
#b2a34d
```
#b2a34d rgb(178,163,77)
```
#baac5f
```
#baac5f rgb(186,172,95)
```
#c2b571
```
#c2b571 rgb(194,181,113)
```
#c9be83
```
#c9be83 rgb(201,190,131)
```
#d1c894
```
#d1c894 rgb(209,200,148)
```

Monochromatic Color

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

#ba955f
```
#ba955f rgb(186,149,95)
```
#ba9d5f
```
#ba9d5f rgb(186,157,95)
```
#baa45f
```
#baa45f rgb(186,164,95)
```
#baac5f
```
#baac5f rgb(186,172,95)
```
#bab45f
```
#bab45f rgb(186,180,95)
```
#b9ba5f
```
#b9ba5f rgb(185,186,95)
```
#b1ba5f
```
#b1ba5f rgb(177,186,95)
```

Similar Colors

Text with hexadecimal color #baac5f

This text has a font color of #baac5f.

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

#baac5f background color

This paragraph has a background color of #baac5f.

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

#baac5f border color

This element has a border color of #baac5f.

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

CSS codes

.text {color:#baac5f;}

.background {background-color:#baac5f;}

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

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

#040402
```
#040402 rgb(4,4,2)
```
#121108
```
#121108 rgb(18,17,8)
```
#201d0e
```
#201d0e rgb(32,29,14)
```
#2e2a14
```
#2e2a14 rgb(46,42,20)
```
#3b361a
```
#3b361a rgb(59,54,26)
```
#49431f
```
#49431f rgb(73,67,31)
```
#574f25
```
#574f25 rgb(87,79,37)
```
#645c2b
```
#645c2b rgb(100,92,43)
```
#726831
```
#726831 rgb(114,104,49)
```
#807537
```
#807537 rgb(128,117,55)
```
#8e813d
```
#8e813d rgb(142,129,61)
```
#9b8e43
```
#9b8e43 rgb(155,142,67)
```
#a99a49
```
#a99a49 rgb(169,154,73)
```

Shade Color Variation

#b4a551
```
#b4a551 rgb(180,165,81)
```
#baac5f
```
#baac5f rgb(186,172,95)
```
#c0b36d
```
#c0b36d rgb(192,179,109)
```
#c6ba7a
```
#c6ba7a rgb(198,186,122)
```
#ccc188
```
#ccc188 rgb(204,193,136)
```
#d2c896
```
#d2c896 rgb(210,200,150)
```
#d8d0a4
```
#d8d0a4 rgb(216,208,164)
```
#ddd7b1
```
#ddd7b1 rgb(221,215,177)
```
#e3debf
```
#e3debf rgb(227,222,191)
```
#e9e5cd
```
#e9e5cd rgb(233,229,205)
```
#efecda
```
#efecda rgb(239,236,218)
```
#f5f3e8
```
#f5f3e8 rgb(245,243,232)
```
#fbfaf6
```
#fbfaf6 rgb(251,250,246)
```

Tint Color Variation

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

#8e8e8b
```
#8e8e8b rgb(142,142,139)
```
#979482
```
#979482 rgb(151,148,130)
```
#a09a79
```
#a09a79 rgb(160,154,121)
```
#a8a071
```
#a8a071 rgb(168,160,113)
```
#b1a668
```
#b1a668 rgb(177,166,104)
```
#baac5f
```
#baac5f rgb(186,172,95)
```
#c3b256
```
#c3b256 rgb(195,178,86)
```
#ccb84d
```
#ccb84d rgb(204,184,77)
```
#d4be45
```
#d4be45 rgb(212,190,69)
```
#ddc43c
```
#ddc43c rgb(221,196,60)
```
#e6ca33
```
#e6ca33 rgb(230,202,51)
```
#efd12a
```
#efd12a rgb(239,209,42)
```
#f8d721
```
#f8d721 rgb(248,215,33)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aba899 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0af67 Protanopia 1% of men
#d3a76a Deuteranopia 1% of men
#c6a7b3 Tritanopia 0.001% of the population

Trichromacy

#bdae64 Protanomaly 1% of men, 0.01% of women
#caa966 Deuteranomaly 6% of men, 0.4% of women
#c1a994 Tritanomaly 0.01% of the population

#baac5f hex color

#baac5f Color Information

#baac5f Color Conversion

Color Schemes with #baac5f

Alternatives to #baac5f

#baac5f Preview

Shades and Tints of #baac5f

Tones of #baac5f

Color Blindness Simulator