#baa02e hex color

In a RGB color space, hex #baa02e is composed of 72.9% red, 62.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 75.3% yellow and 27.1% black. It has a hue angle of 48.9 degrees, a saturation of 60.3% and a lightness of 45.5%. #baa02e color hex could be obtained by blending #ffff5c with #754100. Closest websafe color is: #cc9933.

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

● #baa02e color description : Strong yellow.

The hexadecimal color #baa02e has RGB values of R:186, G:160, B:46 and CMYK values of C:0, M:0.14, Y:0.75, K:0.27. Its decimal value is 12230702.

Hex triplet	baa02e	`#baa02e`
RGB Decimal	186, 160, 46	`rgb(186,160,46)`
RGB Percent	72.9, 62.7, 18	`rgb(72.9%,62.7%,18%)`
CMYK	0, 14, 75, 27
HSL	48.9°, 60.3, 45.5	`hsl(48.9,60.3%,45.5%)`
HSV (or HSB)	48.9°, 75.3, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.351, -2.428, 59.149
XYZ	33.314, 35.779, 7.736
xyY	0.434, 0.466, 35.779
CIE-LCH	66.351, 59.199, 92.351
CIE-LUV	66.351, 23.113, 64.256
Hunter-Lab	59.816, -5.263, 34.203
Binary	10111010, 10100000, 00101110

#baa02e
```
#baa02e rgb(186,160,46)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```

Complementary Color

#ba5a2e
```
#ba5a2e rgb(186,90,46)
```
#baa02e
```
#baa02e rgb(186,160,46)
```
#8eba2e
```
#8eba2e rgb(142,186,46)
```

Analogous Color

#5a2eba
```
#5a2eba rgb(90,46,186)
```
#baa02e
```
#baa02e rgb(186,160,46)
```
#2e8eba
```
#2e8eba rgb(46,142,186)
```

Split Complementary Color

#a02eba
```
#a02eba rgb(160,46,186)
```
#baa02e
```
#baa02e rgb(186,160,46)
```
#2ebaa0
```
#2ebaa0 rgb(46,186,160)
```

Triadic Color

#ba2e48
```
#ba2e48 rgb(186,46,72)
```
#baa02e
```
#baa02e rgb(186,160,46)
```
#2ebaa0
```
#2ebaa0 rgb(46,186,160)
```
#2e48ba
```
#2e48ba rgb(46,72,186)
```

Tetradic Color

#7d6b1f
```
#7d6b1f rgb(125,107,31)
```
#917d24
```
#917d24 rgb(145,125,36)
```
#a68e29
```
#a68e29 rgb(166,142,41)
```
#baa02e
```
#baa02e rgb(186,160,46)
```
#cdb135
```
#cdb135 rgb(205,177,53)
```
#d2b949
```
#d2b949 rgb(210,185,73)
```
#d7c05d
```
#d7c05d rgb(215,192,93)
```

Monochromatic Color

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

#ba7d2e
```
#ba7d2e rgb(186,125,46)
```
#ba892e
```
#ba892e rgb(186,137,46)
```
#ba942e
```
#ba942e rgb(186,148,46)
```
#baa02e
```
#baa02e rgb(186,160,46)
```
#baac2e
```
#baac2e rgb(186,172,46)
```
#bab72e
```
#bab72e rgb(186,183,46)
```
#b1ba2e
```
#b1ba2e rgb(177,186,46)
```

Similar Colors

Text with hexadecimal color #baa02e

This text has a font color of #baa02e.

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

#baa02e background color

This paragraph has a background color of #baa02e.

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

#baa02e border color

This element has a border color of #baa02e.

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

CSS codes

.text {color:#baa02e;}

.background {background-color:#baa02e;}

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

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

#0d0b03
```
#0d0b03 rgb(13,11,3)
```
#1d1907
```
#1d1907 rgb(29,25,7)
```
#2c260b
```
#2c260b rgb(44,38,11)
```
#3c340f
```
#3c340f rgb(60,52,15)
```
#4c4113
```
#4c4113 rgb(76,65,19)
```
#5c4f17
```
#5c4f17 rgb(92,79,23)
```
#6b5c1b
```
#6b5c1b rgb(107,92,27)
```
#7b6a1e
```
#7b6a1e rgb(123,106,30)
```
#8b7722
```
#8b7722 rgb(139,119,34)
```
#9b8526
```
#9b8526 rgb(155,133,38)
```
#aa922a
```
#aa922a rgb(170,146,42)
```
#baa02e
```
#baa02e rgb(186,160,46)
```
#caae32
```
#caae32 rgb(202,174,50)
```

Shade Color Variation

#d0b540
```
#d0b540 rgb(208,181,64)
```
#d4bb4f
```
#d4bb4f rgb(212,187,79)
```
#d7c15f
```
#d7c15f rgb(215,193,95)
```
#dbc76f
```
#dbc76f rgb(219,199,111)
```
#dfcd7e
```
#dfcd7e rgb(223,205,126)
```
#e3d38e
```
#e3d38e rgb(227,211,142)
```
#e7d99e
```
#e7d99e rgb(231,217,158)
```
#ebe0ae
```
#ebe0ae rgb(235,224,174)
```
#efe6bd
```
#efe6bd rgb(239,230,189)
```
#f3eccd
```
#f3eccd rgb(243,236,205)
```
#f7f2dd
```
#f7f2dd rgb(247,242,221)
```
#faf8ed
```
#faf8ed rgb(250,248,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7c796c
```
#7c796c rgb(124,121,108)
```
#847e64
```
#847e64 rgb(132,126,100)
```
#8d845b
```
#8d845b rgb(141,132,91)
```
#968a52
```
#968a52 rgb(150,138,82)
```
#9f8f49
```
#9f8f49 rgb(159,143,73)
```
#a89540
```
#a89540 rgb(168,149,64)
```
#b19a37
```
#b19a37 rgb(177,154,55)
```
#baa02e
```
#baa02e rgb(186,160,46)
```
#c3a625
```
#c3a625 rgb(195,166,37)
```
#ccab1c
```
#ccab1c rgb(204,171,28)
```
#d5b113
```
#d5b113 rgb(213,177,19)
```
#deb60a
```
#deb60a rgb(222,182,10)
```
#e7bc01
```
#e7bc01 rgb(231,188,1)
```

Tone Color Variation

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

Dichromacy

#b9a639 Protanopia 1% of men
#cd9e3b Deuteranopia 1% of men
#c69aa5 Tritanopia 0.001% of the population

Trichromacy

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

#baa02e hex color

#baa02e Color Information

#baa02e Color Conversion

Color Schemes with #baa02e

Alternatives to #baa02e

#baa02e Preview

Shades and Tints of #baa02e

Tones of #baa02e

Color Blindness Simulator