#baa030 hex color

In a RGB color space, hex #baa030 is composed of 72.9% red, 62.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 74.2% yellow and 27.1% black. It has a hue angle of 48.7 degrees, a saturation of 59% and a lightness of 45.9%. #baa030 color hex could be obtained by blending #ffff60 with #754100. Closest websafe color is: #cc9933.

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

● #baa030 color description : Moderate yellow.

The hexadecimal color #baa030 has RGB values of R:186, G:160, B:48 and CMYK values of C:0, M:0.14, Y:0.74, K:0.27. Its decimal value is 12230704.

Hex triplet	baa030	`#baa030`
RGB Decimal	186, 160, 48	`rgb(186,160,48)`
RGB Percent	72.9, 62.7, 18.8	`rgb(72.9%,62.7%,18.8%)`
CMYK	0, 14, 74, 27
HSL	48.7°, 59, 45.9	`hsl(48.7,59%,45.9%)`
HSV (or HSB)	48.7°, 74.2, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.363, -2.339, 58.419
XYZ	33.354, 35.795, 7.948
xyY	0.433, 0.464, 35.795
CIE-LCH	66.363, 58.466, 92.293
CIE-LUV	66.363, 23.051, 63.754
Hunter-Lab	59.829, -5.189, 34.004
Binary	10111010, 10100000, 00110000

#baa030
```
#baa030 rgb(186,160,48)
```
#304aba
```
#304aba rgb(48,74,186)
```

Complementary Color

#ba5b30
```
#ba5b30 rgb(186,91,48)
```
#baa030
```
#baa030 rgb(186,160,48)
```
#8fba30
```
#8fba30 rgb(143,186,48)
```

Analogous Color

#5b30ba
```
#5b30ba rgb(91,48,186)
```
#baa030
```
#baa030 rgb(186,160,48)
```
#308fba
```
#308fba rgb(48,143,186)
```

Split Complementary Color

#a030ba
```
#a030ba rgb(160,48,186)
```
#baa030
```
#baa030 rgb(186,160,48)
```
#30baa0
```
#30baa0 rgb(48,186,160)
```

Triadic Color

#ba304a
```
#ba304a rgb(186,48,74)
```
#baa030
```
#baa030 rgb(186,160,48)
```
#30baa0
```
#30baa0 rgb(48,186,160)
```
#304aba
```
#304aba rgb(48,74,186)
```

Tetradic Color

#7d6c20
```
#7d6c20 rgb(125,108,32)
```
#917d26
```
#917d26 rgb(145,125,38)
```
#a68f2b
```
#a68f2b rgb(166,143,43)
```
#baa030
```
#baa030 rgb(186,160,48)
```
#ccb038
```
#ccb038 rgb(204,176,56)
```
#d1b84c
```
#d1b84c rgb(209,184,76)
```
#d6c060
```
#d6c060 rgb(214,192,96)
```

Monochromatic Color

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

#ba7e30
```
#ba7e30 rgb(186,126,48)
```
#ba8930
```
#ba8930 rgb(186,137,48)
```
#ba9530
```
#ba9530 rgb(186,149,48)
```
#baa030
```
#baa030 rgb(186,160,48)
```
#baac30
```
#baac30 rgb(186,172,48)
```
#bab730
```
#bab730 rgb(186,183,48)
```
#b2ba30
```
#b2ba30 rgb(178,186,48)
```

Similar Colors

Text with hexadecimal color #baa030

This text has a font color of #baa030.

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

#baa030 background color

This paragraph has a background color of #baa030.

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

#baa030 border color

This element has a border color of #baa030.

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

CSS codes

.text {color:#baa030;}

.background {background-color:#baa030;}

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

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

#0e0c04
```
#0e0c04 rgb(14,12,4)
```
#1e1a08
```
#1e1a08 rgb(30,26,8)
```
#2e270c
```
#2e270c rgb(46,39,12)
```
#3d3510
```
#3d3510 rgb(61,53,16)
```
#4d4214
```
#4d4214 rgb(77,66,20)
```
#5c5018
```
#5c5018 rgb(92,80,24)
```
#6c5d1c
```
#6c5d1c rgb(108,93,28)
```
#7c6a20
```
#7c6a20 rgb(124,106,32)
```
#8b7824
```
#8b7824 rgb(139,120,36)
```
#9b8528
```
#9b8528 rgb(155,133,40)
```
#aa932c
```
#aa932c rgb(170,147,44)
```
#baa030
```
#baa030 rgb(186,160,48)
```
#caad34
```
#caad34 rgb(202,173,52)
```

Shade Color Variation

#ceb443
```
#ceb443 rgb(206,180,67)
```
#d2ba52
```
#d2ba52 rgb(210,186,82)
```
#d6c162
```
#d6c162 rgb(214,193,98)
```
#dbc772
```
#dbc772 rgb(219,199,114)
```
#dfcd81
```
#dfcd81 rgb(223,205,129)
```
#e3d391
```
#e3d391 rgb(227,211,145)
```
#e7d9a0
```
#e7d9a0 rgb(231,217,160)
```
#ebe0b0
```
#ebe0b0 rgb(235,224,176)
```
#efe6c0
```
#efe6c0 rgb(239,230,192)
```
#f3eccf
```
#f3eccf rgb(243,236,207)
```
#f7f2df
```
#f7f2df rgb(247,242,223)
```
#fbf8ee
```
#fbf8ee rgb(251,248,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7b796f
```
#7b796f rgb(123,121,111)
```
#847e66
```
#847e66 rgb(132,126,102)
```
#8d845d
```
#8d845d rgb(141,132,93)
```
#968a54
```
#968a54 rgb(150,138,84)
```
#9f8f4b
```
#9f8f4b rgb(159,143,75)
```
#a89542
```
#a89542 rgb(168,149,66)
```
#b19a39
```
#b19a39 rgb(177,154,57)
```
#baa030
```
#baa030 rgb(186,160,48)
```
#c3a627
```
#c3a627 rgb(195,166,39)
```
#ccab1e
```
#ccab1e rgb(204,171,30)
```
#d5b115
```
#d5b115 rgb(213,177,21)
```
#deb60c
```
#deb60c rgb(222,182,12)
```
#e7bc03
```
#e7bc03 rgb(231,188,3)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a19c86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a63b Protanopia 1% of men
#cd9e3d Deuteranopia 1% of men
#c69aa5 Tritanopia 0.001% of the population

Trichromacy

#b9a437 Protanomaly 1% of men, 0.01% of women
#c69f38 Deuteranomaly 6% of men, 0.4% of women
#c19c7a Tritanomaly 0.01% of the population

#baa030 hex color

#baa030 Color Information

#baa030 Color Conversion

Color Schemes with #baa030

Alternatives to #baa030

#baa030 Preview

Shades and Tints of #baa030

Tones of #baa030

Color Blindness Simulator