#baa55d hex color

In a RGB color space, hex #baa55d is composed of 72.9% red, 64.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 50% yellow and 27.1% black. It has a hue angle of 46.5 degrees, a saturation of 40.3% and a lightness of 54.7%. #baa55d color hex could be obtained by blending #ffffba with #754b00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 65
- B 36
RGB color chart
- C 0
- M 11
- Y 50
- K 27
CMYK color chart

● #baa55d color description : Moderate yellow.

The hexadecimal color #baa55d has RGB values of R:186, G:165, B:93 and CMYK values of C:0, M:0.11, Y:0.5, K:0.27. Its decimal value is 12232029.

Hex triplet	baa55d	`#baa55d`
RGB Decimal	186, 165, 93	`rgb(186,165,93)`
RGB Percent	72.9, 64.7, 36.5	`rgb(72.9%,64.7%,36.5%)`
CMYK	0, 11, 50, 27
HSL	46.5°, 40.3, 54.7	`hsl(46.5,40.3%,54.7%)`
HSV (or HSB)	46.5°, 50, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.124, -1.914, 39.86
XYZ	35.681, 38.141, 15.838
xyY	0.398, 0.425, 38.141
CIE-LCH	68.124, 39.906, 92.749
CIE-LUV	68.124, 17.673, 49.144
Hunter-Lab	61.758, -4.949, 28.026
Binary	10111010, 10100101, 01011101

#baa55d
```
#baa55d rgb(186,165,93)
```
#5d72ba
```
#5d72ba rgb(93,114,186)
```

Complementary Color

#ba775d
```
#ba775d rgb(186,119,93)
```
#baa55d
```
#baa55d rgb(186,165,93)
```
#a1ba5d
```
#a1ba5d rgb(161,186,93)
```

Analogous Color

#775dba
```
#775dba rgb(119,93,186)
```
#baa55d
```
#baa55d rgb(186,165,93)
```
#5da1ba
```
#5da1ba rgb(93,161,186)
```

Split Complementary Color

#a55dba
```
#a55dba rgb(165,93,186)
```
#baa55d
```
#baa55d rgb(186,165,93)
```
#5dbaa5
```
#5dbaa5 rgb(93,186,165)
```

Triadic Color

#ba5d72
```
#ba5d72 rgb(186,93,114)
```
#baa55d
```
#baa55d rgb(186,165,93)
```
#5dbaa5
```
#5dbaa5 rgb(93,186,165)
```
#5d72ba
```
#5d72ba rgb(93,114,186)
```

Tetradic Color

#8e7c3c
```
#8e7c3c rgb(142,124,60)
```
#a08b44
```
#a08b44 rgb(160,139,68)
```
#b29b4c
```
#b29b4c rgb(178,155,76)
```
#baa55d
```
#baa55d rgb(186,165,93)
```
#c2af6f
```
#c2af6f rgb(194,175,111)
```
#c9b981
```
#c9b981 rgb(201,185,129)
```
#d1c393
```
#d1c393 rgb(209,195,147)
```

Monochromatic Color

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

#ba8e5d
```
#ba8e5d rgb(186,142,93)
```
#ba965d
```
#ba965d rgb(186,150,93)
```
#ba9d5d
```
#ba9d5d rgb(186,157,93)
```
#baa55d
```
#baa55d rgb(186,165,93)
```
#baad5d
```
#baad5d rgb(186,173,93)
```
#bab55d
```
#bab55d rgb(186,181,93)
```
#b8ba5d
```
#b8ba5d rgb(184,186,93)
```

Similar Colors

Text with hexadecimal color #baa55d

This text has a font color of #baa55d.

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

#baa55d background color

This paragraph has a background color of #baa55d.

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

#baa55d border color

This element has a border color of #baa55d.

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

CSS codes

.text {color:#baa55d;}

.background {background-color:#baa55d;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#110f07
```
#110f07 rgb(17,15,7)
```
#1f1b0d
```
#1f1b0d rgb(31,27,13)
```
#2c2713
```
#2c2713 rgb(44,39,19)
```
#3a3319
```
#3a3319 rgb(58,51,25)
```
#483f1f
```
#483f1f rgb(72,63,31)
```
#564b24
```
#564b24 rgb(86,75,36)
```
#63562a
```
#63562a rgb(99,86,42)
```
#716230
```
#716230 rgb(113,98,48)
```
#7f6e36
```
#7f6e36 rgb(127,110,54)
```
#8d7a3c
```
#8d7a3c rgb(141,122,60)
```
#9a8642
```
#9a8642 rgb(154,134,66)
```
#a89248
```
#a89248 rgb(168,146,72)
```

Shade Color Variation

#b49d4f
```
#b49d4f rgb(180,157,79)
```
#baa55d
```
#baa55d rgb(186,165,93)
```
#c0ad6b
```
#c0ad6b rgb(192,173,107)
```
#c6b479
```
#c6b479 rgb(198,180,121)
```
#ccbc86
```
#ccbc86 rgb(204,188,134)
```
#d1c494
```
#d1c494 rgb(209,196,148)
```
#d7cba2
```
#d7cba2 rgb(215,203,162)
```
#ddd3b0
```
#ddd3b0 rgb(221,211,176)
```
#e3dabd
```
#e3dabd rgb(227,218,189)
```
#e9e2cb
```
#e9e2cb rgb(233,226,203)
```
#efead9
```
#efead9 rgb(239,234,217)
```
#f5f1e7
```
#f5f1e7 rgb(245,241,231)
```
#faf9f4
```
#faf9f4 rgb(250,249,244)
```

Tint Color Variation

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

#8e8d89
```
#8e8d89 rgb(142,141,137)
```
#969281
```
#969281 rgb(150,146,129)
```
#9f9678
```
#9f9678 rgb(159,150,120)
```
#a89b6f
```
#a89b6f rgb(168,155,111)
```
#b1a066
```
#b1a066 rgb(177,160,102)
```
#baa55d
```
#baa55d rgb(186,165,93)
```
#c3aa54
```
#c3aa54 rgb(195,170,84)
```
#ccaf4b
```
#ccaf4b rgb(204,175,75)
```
#d5b442
```
#d5b442 rgb(213,180,66)
```
#deb839
```
#deb839 rgb(222,184,57)
```
#e6bd31
```
#e6bd31 rgb(230,189,49)
```
#efc228
```
#efc228 rgb(239,194,40)
```
#f8c71f
```
#f8c71f rgb(248,199,31)
```

Tone Color Variation

Below, you can see how #baa55d 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
#a8a395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baaa65 Protanopia 1% of men
#cda367 Deuteranopia 1% of men
#c5a1ac Tritanopia 0.001% of the population

Trichromacy

#baa862 Protanomaly 1% of men, 0.01% of women
#c6a363 Deuteranomaly 6% of men, 0.4% of women
#c1a28f Tritanomaly 0.01% of the population

#baa55d hex color

#baa55d Color Information

#baa55d Color Conversion

Color Schemes with #baa55d

Alternatives to #baa55d

#baa55d Preview

Shades and Tints of #baa55d

Tones of #baa55d

Color Blindness Simulator