#baa156 hex color

In a RGB color space, hex #baa156 is composed of 72.9% red, 63.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.4% magenta, 53.8% yellow and 27.1% black. It has a hue angle of 45 degrees, a saturation of 42% and a lightness of 53.3%. #baa156 color hex could be obtained by blending #ffffac with #754300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 63
- B 34
RGB color chart
- C 0
- M 13
- Y 54
- K 27
CMYK color chart

● #baa156 color description : Moderate yellow.

The hexadecimal color #baa156 has RGB values of R:186, G:161, B:86 and CMYK values of C:0, M:0.13, Y:0.54, K:0.27. Its decimal value is 12230998.

Hex triplet	baa156	`#baa156`
RGB Decimal	186, 161, 86	`rgb(186,161,86)`
RGB Percent	72.9, 63.1, 33.7	`rgb(72.9%,63.1%,33.7%)`
CMYK	0, 13, 54, 27
HSL	45°, 42, 53.3	`hsl(45,42%,53.3%)`
HSV (or HSB)	45°, 53.8, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.977, -0.393, 42.018
XYZ	34.674, 36.602, 14.042
xyY	0.406, 0.429, 36.602
CIE-LCH	66.977, 42.02, 90.536
CIE-LUV	66.977, 20.708, 50.529
Hunter-Lab	60.499, -3.569, 28.588
Binary	10111010, 10100001, 01010110

#baa156
```
#baa156 rgb(186,161,86)
```
#566fba
```
#566fba rgb(86,111,186)
```

Complementary Color

#ba6f56
```
#ba6f56 rgb(186,111,86)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#a1ba56
```
#a1ba56 rgb(161,186,86)
```

Analogous Color

#6f56ba
```
#6f56ba rgb(111,86,186)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#56a1ba
```
#56a1ba rgb(86,161,186)
```

Split Complementary Color

#a156ba
```
#a156ba rgb(161,86,186)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#56baa1
```
#56baa1 rgb(86,186,161)
```

Triadic Color

#ba566f
```
#ba566f rgb(186,86,111)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#56baa1
```
#56baa1 rgb(86,186,161)
```
#566fba
```
#566fba rgb(86,111,186)
```

Tetradic Color

#8b7639
```
#8b7639 rgb(139,118,57)
```
#9d8640
```
#9d8640 rgb(157,134,64)
```
#af9547
```
#af9547 rgb(175,149,71)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#c1ab68
```
#c1ab68 rgb(193,171,104)
```
#c9b57a
```
#c9b57a rgb(201,181,122)
```
#d0bf8c
```
#d0bf8c rgb(208,191,140)
```

Monochromatic Color

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

#ba8856
```
#ba8856 rgb(186,136,86)
```
#ba9056
```
#ba9056 rgb(186,144,86)
```
#ba9956
```
#ba9956 rgb(186,153,86)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#baa956
```
#baa956 rgb(186,169,86)
```
#bab256
```
#bab256 rgb(186,178,86)
```
#baba56
```
#baba56 rgb(186,186,86)
```

Similar Colors

Text with hexadecimal color #baa156

This text has a font color of #baa156.

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

#baa156 background color

This paragraph has a background color of #baa156.

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

#baa156 border color

This element has a border color of #baa156.

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

CSS codes

.text {color:#baa156;}

.background {background-color:#baa156;}

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

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

#0c0a05
```
#0c0a05 rgb(12,10,5)
```
#1a160b
```
#1a160b rgb(26,22,11)
```
#282210
```
#282210 rgb(40,34,16)
```
#362e16
```
#362e16 rgb(54,46,22)
```
#443a1c
```
#443a1c rgb(68,58,28)
```
#524621
```
#524621 rgb(82,70,33)
```
#605127
```
#605127 rgb(96,81,39)
```
#6e5d2d
```
#6e5d2d rgb(110,93,45)
```
#7c6932
```
#7c6932 rgb(124,105,50)
```
#897538
```
#897538 rgb(137,117,56)
```
#97813e
```
#97813e rgb(151,129,62)
```
#a58d43
```
#a58d43 rgb(165,141,67)
```
#b39949
```
#b39949 rgb(179,153,73)
```

Shade Color Variation

#baa156
```
#baa156 rgb(186,161,86)
```
#c0a964
```
#c0a964 rgb(192,169,100)
```
#c5b072
```
#c5b072 rgb(197,176,114)
```
#cbb880
```
#cbb880 rgb(203,184,128)
```
#d1c08e
```
#d1c08e rgb(209,192,142)
```
#d6c89c
```
#d6c89c rgb(214,200,156)
```
#dccfaa
```
#dccfaa rgb(220,207,170)
```
#e2d7b8
```
#e2d7b8 rgb(226,215,184)
```
#e7dfc5
```
#e7dfc5 rgb(231,223,197)
```
#ede7d3
```
#ede7d3 rgb(237,231,211)
```
#f3eee1
```
#f3eee1 rgb(243,238,225)
```
#f9f6ef
```
#f9f6ef rgb(249,246,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#8c8a84
```
#8c8a84 rgb(140,138,132)
```
#958f7b
```
#958f7b rgb(149,143,123)
```
#9f9371
```
#9f9371 rgb(159,147,113)
```
#a89868
```
#a89868 rgb(168,152,104)
```
#b19c5f
```
#b19c5f rgb(177,156,95)
```
#baa156
```
#baa156 rgb(186,161,86)
```
#c3a64d
```
#c3a64d rgb(195,166,77)
```
#ccaa44
```
#ccaa44 rgb(204,170,68)
```
#d5af3b
```
#d5af3b rgb(213,175,59)
```
#dfb331
```
#dfb331 rgb(223,179,49)
```
#e8b828
```
#e8b828 rgb(232,184,40)
```
#f1bc1f
```
#f1bc1f rgb(241,188,31)
```
#fac116
```
#fac116 rgb(250,193,22)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a5a091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a75f Protanopia 1% of men
#cba060 Deuteranopia 1% of men
#c59da8 Tritanopia 0.001% of the population

Trichromacy

#b8a55c Protanomaly 1% of men, 0.01% of women
#c5a05c Deuteranomaly 6% of men, 0.4% of women
#c19e8a Tritanomaly 0.01% of the population

#baa156 hex color

#baa156 Color Information

#baa156 Color Conversion

Color Schemes with #baa156

Alternatives to #baa156

#baa156 Preview

Shades and Tints of #baa156

Tones of #baa156

Color Blindness Simulator