#baaa31 hex color

In a RGB color space, hex #baaa31 is composed of 72.9% red, 66.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.6% magenta, 73.7% yellow and 27.1% black. It has a hue angle of 53 degrees, a saturation of 58.3% and a lightness of 46.1%. #baaa31 color hex could be obtained by blending #ffff62 with #755500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 67
- B 19
RGB color chart
- C 0
- M 9
- Y 74
- K 27
CMYK color chart

● #baaa31 color description : Moderate yellow.

The hexadecimal color #baaa31 has RGB values of R:186, G:170, B:49 and CMYK values of C:0, M:0.09, Y:0.74, K:0.27. Its decimal value is 12233265.

Hex triplet	baaa31	`#baaa31`
RGB Decimal	186, 170, 49	`rgb(186,170,49)`
RGB Percent	72.9, 66.7, 19.2	`rgb(72.9%,66.7%,19.2%)`
CMYK	0, 9, 74, 27
HSL	53°, 58.3, 46.1	`hsl(53,58.3%,46.1%)`
HSV (or HSB)	53°, 73.7, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.048, -7.595, 60.626
XYZ	35.179, 39.411, 8.66
xyY	0.423, 0.473, 39.411
CIE-LCH	69.048, 61.1, 97.14
CIE-LUV	69.048, 16.044, 67.691
Hunter-Lab	62.778, -9.837, 35.766
Binary	10111010, 10101010, 00110001

#baaa31
```
#baaa31 rgb(186,170,49)
```
#3141ba
```
#3141ba rgb(49,65,186)
```

Complementary Color

#ba6631
```
#ba6631 rgb(186,102,49)
```
#baaa31
```
#baaa31 rgb(186,170,49)
```
#86ba31
```
#86ba31 rgb(134,186,49)
```

Analogous Color

#6631ba
```
#6631ba rgb(102,49,186)
```
#baaa31
```
#baaa31 rgb(186,170,49)
```
#3186ba
```
#3186ba rgb(49,134,186)
```

Split Complementary Color

#aa31ba
```
#aa31ba rgb(170,49,186)
```
#baaa31
```
#baaa31 rgb(186,170,49)
```
#31baaa
```
#31baaa rgb(49,186,170)
```

Triadic Color

#ba3141
```
#ba3141 rgb(186,49,65)
```
#baaa31
```
#baaa31 rgb(186,170,49)
```
#31baaa
```
#31baaa rgb(49,186,170)
```
#3141ba
```
#3141ba rgb(49,65,186)
```

Tetradic Color

#7d7321
```
#7d7321 rgb(125,115,33)
```
#928526
```
#928526 rgb(146,133,38)
```
#a6982c
```
#a6982c rgb(166,152,44)
```
#baaa31
```
#baaa31 rgb(186,170,49)
```
#cbba3a
```
#cbba3a rgb(203,186,58)
```
#d0c14e
```
#d0c14e rgb(208,193,78)
```
#d6c862
```
#d6c862 rgb(214,200,98)
```

Monochromatic Color

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

#ba8831
```
#ba8831 rgb(186,136,49)
```
#ba9331
```
#ba9331 rgb(186,147,49)
```
#ba9f31
```
#ba9f31 rgb(186,159,49)
```
#baaa31
```
#baaa31 rgb(186,170,49)
```
#bab531
```
#bab531 rgb(186,181,49)
```
#b3ba31
```
#b3ba31 rgb(179,186,49)
```
#a8ba31
```
#a8ba31 rgb(168,186,49)
```

Similar Colors

Text with hexadecimal color #baaa31

This text has a font color of #baaa31.

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

#baaa31 background color

This paragraph has a background color of #baaa31.

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

#baaa31 border color

This element has a border color of #baaa31.

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

CSS codes

.text {color:#baaa31;}

.background {background-color:#baaa31;}

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

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

#0f0e04
```
#0f0e04 rgb(15,14,4)
```
#1f1c08
```
#1f1c08 rgb(31,28,8)
```
#2e2a0c
```
#2e2a0c rgb(46,42,12)
```
#3e3810
```
#3e3810 rgb(62,56,16)
```
#4d4714
```
#4d4714 rgb(77,71,20)
```
#5d5518
```
#5d5518 rgb(93,85,24)
```
#6c631d
```
#6c631d rgb(108,99,29)
```
#7c7121
```
#7c7121 rgb(124,113,33)
```
#8b7f25
```
#8b7f25 rgb(139,127,37)
```
#9b8e29
```
#9b8e29 rgb(155,142,41)
```
#aa9c2d
```
#aa9c2d rgb(170,156,45)
```
#baaa31
```
#baaa31 rgb(186,170,49)
```
#cab835
```
#cab835 rgb(202,184,53)
```

Shade Color Variation

#cebe44
```
#cebe44 rgb(206,190,68)
```
#d2c354
```
#d2c354 rgb(210,195,84)
```
#d6c963
```
#d6c963 rgb(214,201,99)
```
#dace73
```
#dace73 rgb(218,206,115)
```
#ded382
```
#ded382 rgb(222,211,130)
```
#e2d992
```
#e2d992 rgb(226,217,146)
```
#e6dea2
```
#e6dea2 rgb(230,222,162)
```
#eae4b1
```
#eae4b1 rgb(234,228,177)
```
#efe9c1
```
#efe9c1 rgb(239,233,193)
```
#f3efd0
```
#f3efd0 rgb(243,239,208)
```
#f7f4e0
```
#f7f4e0 rgb(247,244,224)
```
#fbf9ef
```
#fbf9ef rgb(251,249,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7a70
```
#7b7a70 rgb(123,122,112)
```
#848067
```
#848067 rgb(132,128,103)
```
#8d875e
```
#8d875e rgb(141,135,94)
```
#968e55
```
#968e55 rgb(150,142,85)
```
#9f954c
```
#9f954c rgb(159,149,76)
```
#a89c43
```
#a89c43 rgb(168,156,67)
```
#b1a33a
```
#b1a33a rgb(177,163,58)
```
#baaa31
```
#baaa31 rgb(186,170,49)
```
#c3b128
```
#c3b128 rgb(195,177,40)
```
#ccb81f
```
#ccb81f rgb(204,184,31)
```
#d5bf16
```
#d5bf16 rgb(213,191,22)
```
#dec60d
```
#dec60d rgb(222,198,13)
```
#e7cd04
```
#e7cd04 rgb(231,205,4)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a6a38b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ad3b Protanopia 1% of men
#d6a440 Deuteranopia 1% of men
#c7a3af Tritanopia 0.001% of the population

Trichromacy

#beac37 Protanomaly 1% of men, 0.01% of women
#cba63a Deuteranomaly 6% of men, 0.4% of women
#c2a581 Tritanomaly 0.01% of the population

#baaa31 hex color

#baaa31 Color Information

#baaa31 Color Conversion

Color Schemes with #baaa31

Alternatives to #baaa31

#baaa31 Preview

Shades and Tints of #baaa31

Tones of #baaa31

Color Blindness Simulator