#baa150 hex color

In a RGB color space, hex #baa150 is composed of 72.9% red, 63.1% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.4% magenta, 57% yellow and 27.1% black. It has a hue angle of 45.8 degrees, a saturation of 43.4% and a lightness of 52.2%. #baa150 color hex could be obtained by blending #ffffa0 with #754300. Closest websafe color is: #cc9966.

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

● #baa150 color description : Moderate yellow.

The hexadecimal color #baa150 has RGB values of R:186, G:161, B:80 and CMYK values of C:0, M:0.13, Y:0.57, K:0.27. Its decimal value is 12230992.

Hex triplet	baa150	`#baa150`
RGB Decimal	186, 161, 80	`rgb(186,161,80)`
RGB Percent	72.9, 63.1, 31.4	`rgb(72.9%,63.1%,31.4%)`
CMYK	0, 13, 57, 27
HSL	45.8°, 43.4, 52.2	`hsl(45.8,43.4%,52.2%)`
HSV (or HSB)	45.8°, 57, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	66.907, -0.889, 44.913
XYZ	34.443, 36.509, 12.822
xyY	0.411, 0.436, 36.509
CIE-LCH	66.907, 44.922, 91.133
CIE-LUV	66.907, 21.028, 53.205
Hunter-Lab	60.423, -3.99, 29.715
Binary	10111010, 10100001, 01010000

#baa150
```
#baa150 rgb(186,161,80)
```
#5069ba
```
#5069ba rgb(80,105,186)
```

Complementary Color

#ba6c50
```
#ba6c50 rgb(186,108,80)
```
#baa150
```
#baa150 rgb(186,161,80)
```
#9eba50
```
#9eba50 rgb(158,186,80)
```

Analogous Color

#6c50ba
```
#6c50ba rgb(108,80,186)
```
#baa150
```
#baa150 rgb(186,161,80)
```
#509eba
```
#509eba rgb(80,158,186)
```

Split Complementary Color

#a150ba
```
#a150ba rgb(161,80,186)
```
#baa150
```
#baa150 rgb(186,161,80)
```
#50baa1
```
#50baa1 rgb(80,186,161)
```

Triadic Color

#ba5069
```
#ba5069 rgb(186,80,105)
```
#baa150
```
#baa150 rgb(186,161,80)
```
#50baa1
```
#50baa1 rgb(80,186,161)
```
#5069ba
```
#5069ba rgb(80,105,186)
```

Tetradic Color

#887436
```
#887436 rgb(136,116,54)
```
#9a843d
```
#9a843d rgb(154,132,61)
```
#ac9444
```
#ac9444 rgb(172,148,68)
```
#baa150
```
#baa150 rgb(186,161,80)
```
#c1ab62
```
#c1ab62 rgb(193,171,98)
```
#c8b575
```
#c8b575 rgb(200,181,117)
```
#d0be87
```
#d0be87 rgb(208,190,135)
```

Monochromatic Color

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

#ba8750
```
#ba8750 rgb(186,135,80)
```
#ba8f50
```
#ba8f50 rgb(186,143,80)
```
#ba9850
```
#ba9850 rgb(186,152,80)
```
#baa150
```
#baa150 rgb(186,161,80)
```
#baaa50
```
#baaa50 rgb(186,170,80)
```
#bab350
```
#bab350 rgb(186,179,80)
```
#b9ba50
```
#b9ba50 rgb(185,186,80)
```

Similar Colors

Text with hexadecimal color #baa150

This text has a font color of #baa150.

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

#baa150 background color

This paragraph has a background color of #baa150.

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

#baa150 border color

This element has a border color of #baa150.

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

CSS codes

.text {color:#baa150;}

.background {background-color:#baa150;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#161309
```
#161309 rgb(22,19,9)
```
#241f0e
```
#241f0e rgb(36,31,14)
```
#322b14
```
#322b14 rgb(50,43,20)
```
#403719
```
#403719 rgb(64,55,25)
```
#4e431f
```
#4e431f rgb(78,67,31)
```
#5c4f24
```
#5c4f24 rgb(92,79,36)
```
#6a5b2a
```
#6a5b2a rgb(106,91,42)
```
#78672f
```
#78672f rgb(120,103,47)
```
#877335
```
#877335 rgb(135,115,53)
```
#957f3b
```
#957f3b rgb(149,127,59)
```
#a38b40
```
#a38b40 rgb(163,139,64)
```
#b19746
```
#b19746 rgb(177,151,70)
```

Shade Color Variation

#baa150
```
#baa150 rgb(186,161,80)
```
#c0a95e
```
#c0a95e rgb(192,169,94)
```
#c5b06c
```
#c5b06c rgb(197,176,108)
```
#cbb87a
```
#cbb87a rgb(203,184,122)
```
#d0bf88
```
#d0bf88 rgb(208,191,136)
```
#d6c796
```
#d6c796 rgb(214,199,150)
```
#dbcea4
```
#dbcea4 rgb(219,206,164)
```
#e1d6b2
```
#e1d6b2 rgb(225,214,178)
```
#e6ddc1
```
#e6ddc1 rgb(230,221,193)
```
#ece5cf
```
#ece5cf rgb(236,229,207)
```
#f1eddd
```
#f1eddd rgb(241,237,221)
```
#f7f4eb
```
#f7f4eb rgb(247,244,235)
```
#fdfcf9
```
#fdfcf9 rgb(253,252,249)
```

Tint Color Variation

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

#8b887f
```
#8b887f rgb(139,136,127)
```
#948d76
```
#948d76 rgb(148,141,118)
```
#9e926c
```
#9e926c rgb(158,146,108)
```
#a79763
```
#a79763 rgb(167,151,99)
```
#b19c59
```
#b19c59 rgb(177,156,89)
```
#baa150
```
#baa150 rgb(186,161,80)
```
#c3a647
```
#c3a647 rgb(195,166,71)
```
#cdab3d
```
#cdab3d rgb(205,171,61)
```
#d6b034
```
#d6b034 rgb(214,176,52)
```
#e0b52a
```
#e0b52a rgb(224,181,42)
```
#e9ba21
```
#e9ba21 rgb(233,186,33)
```
#f2bf18
```
#f2bf18 rgb(242,191,24)
```
#fcc40e
```
#fcc40e rgb(252,196,14)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a49f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a759 Protanopia 1% of men
#cca05b Deuteranopia 1% of men
#c59da8 Tritanopia 0.001% of the population

Trichromacy

#b8a556 Protanomaly 1% of men, 0.01% of women
#c5a057 Deuteranomaly 6% of men, 0.4% of women
#c19e88 Tritanomaly 0.01% of the population

#baa150 hex color

#baa150 Color Information

#baa150 Color Conversion

Color Schemes with #baa150

Alternatives to #baa150

#baa150 Preview

Shades and Tints of #baa150

Tones of #baa150

Color Blindness Simulator