#baaa2e hex color

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

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

● #baaa2e color description : Strong yellow.

The hexadecimal color #baaa2e has RGB values of R:186, G:170, B:46 and CMYK values of C:0, M:0.09, Y:0.75, K:0.27. Its decimal value is 12233262.

Hex triplet	baaa2e	`#baaa2e`
RGB Decimal	186, 170, 46	`rgb(186,170,46)`
RGB Percent	72.9, 66.7, 18	`rgb(72.9%,66.7%,18%)`
CMYK	0, 9, 75, 27
HSL	53.1°, 60.3, 45.5	`hsl(53.1,60.3%,45.5%)`
HSV (or HSB)	53.1°, 75.3, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.031, -7.727, 61.676
XYZ	35.118, 39.387, 8.337
xyY	0.424, 0.475, 39.387
CIE-LCH	69.031, 62.159, 97.141
CIE-LUV	69.031, 16.118, 68.417
Hunter-Lab	62.759, -9.945, 36.055
Binary	10111010, 10101010, 00101110

#baaa2e
```
#baaa2e rgb(186,170,46)
```
#2e3eba
```
#2e3eba rgb(46,62,186)
```

Complementary Color

#ba642e
```
#ba642e rgb(186,100,46)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```
#84ba2e
```
#84ba2e rgb(132,186,46)
```

Analogous Color

#642eba
```
#642eba rgb(100,46,186)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```
#2e84ba
```
#2e84ba rgb(46,132,186)
```

Split Complementary Color

#aa2eba
```
#aa2eba rgb(170,46,186)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```
#2ebaaa
```
#2ebaaa rgb(46,186,170)
```

Triadic Color

#ba2e3e
```
#ba2e3e rgb(186,46,62)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```
#2ebaaa
```
#2ebaaa rgb(46,186,170)
```
#2e3eba
```
#2e3eba rgb(46,62,186)
```

Tetradic Color

#7d721f
```
#7d721f rgb(125,114,31)
```
#918524
```
#918524 rgb(145,133,36)
```
#a69729
```
#a69729 rgb(166,151,41)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```
#cdbc35
```
#cdbc35 rgb(205,188,53)
```
#d2c249
```
#d2c249 rgb(210,194,73)
```
#d7c95d
```
#d7c95d rgb(215,201,93)
```

Monochromatic Color

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

#ba872e
```
#ba872e rgb(186,135,46)
```
#ba932e
```
#ba932e rgb(186,147,46)
```
#ba9e2e
```
#ba9e2e rgb(186,158,46)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```
#bab62e
```
#bab62e rgb(186,182,46)
```
#b3ba2e
```
#b3ba2e rgb(179,186,46)
```
#a7ba2e
```
#a7ba2e rgb(167,186,46)
```

Similar Colors

Text with hexadecimal color #baaa2e

This text has a font color of #baaa2e.

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

#baaa2e background color

This paragraph has a background color of #baaa2e.

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

#baaa2e border color

This element has a border color of #baaa2e.

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

CSS codes

.text {color:#baaa2e;}

.background {background-color:#baaa2e;}

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

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

#0d0c03
```
#0d0c03 rgb(13,12,3)
```
#1d1a07
```
#1d1a07 rgb(29,26,7)
```
#2c290b
```
#2c290b rgb(44,41,11)
```
#3c370f
```
#3c370f rgb(60,55,15)
```
#4c4513
```
#4c4513 rgb(76,69,19)
```
#5c5417
```
#5c5417 rgb(92,84,23)
```
#6b621b
```
#6b621b rgb(107,98,27)
```
#7b711e
```
#7b711e rgb(123,113,30)
```
#8b7f22
```
#8b7f22 rgb(139,127,34)
```
#9b8d26
```
#9b8d26 rgb(155,141,38)
```
#aa9c2a
```
#aa9c2a rgb(170,156,42)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```
#cab832
```
#cab832 rgb(202,184,50)
```

Shade Color Variation

#d0bf40
```
#d0bf40 rgb(208,191,64)
```
#d4c44f
```
#d4c44f rgb(212,196,79)
```
#d7ca5f
```
#d7ca5f rgb(215,202,95)
```
#dbcf6f
```
#dbcf6f rgb(219,207,111)
```
#dfd47e
```
#dfd47e rgb(223,212,126)
```
#e3d98e
```
#e3d98e rgb(227,217,142)
```
#e7df9e
```
#e7df9e rgb(231,223,158)
```
#ebe4ae
```
#ebe4ae rgb(235,228,174)
```
#efe9bd
```
#efe9bd rgb(239,233,189)
```
#f3eecd
```
#f3eecd rgb(243,238,205)
```
#f7f4dd
```
#f7f4dd rgb(247,244,221)
```
#faf9ed
```
#faf9ed rgb(250,249,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#7c7a6c
```
#7c7a6c rgb(124,122,108)
```
#848164
```
#848164 rgb(132,129,100)
```
#8d885b
```
#8d885b rgb(141,136,91)
```
#968e52
```
#968e52 rgb(150,142,82)
```
#9f9549
```
#9f9549 rgb(159,149,73)
```
#a89c40
```
#a89c40 rgb(168,156,64)
```
#b1a337
```
#b1a337 rgb(177,163,55)
```
#baaa2e
```
#baaa2e rgb(186,170,46)
```
#c3b125
```
#c3b125 rgb(195,177,37)
```
#ccb81c
```
#ccb81c rgb(204,184,28)
```
#d5bf13
```
#d5bf13 rgb(213,191,19)
```
#dec60a
```
#dec60a rgb(222,198,10)
```
#e7cc01
```
#e7cc01 rgb(231,204,1)
```

Tone Color Variation

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

Dichromacy

#c1ad38 Protanopia 1% of men
#d6a43d Deuteranopia 1% of men
#c7a3ae Tritanopia 0.001% of the population

Trichromacy

#beac34 Protanomaly 1% of men, 0.01% of women
#cca637 Deuteranomaly 6% of men, 0.4% of women
#c2a580 Tritanomaly 0.01% of the population

#baaa2e hex color

#baaa2e Color Information

#baaa2e Color Conversion

Color Schemes with #baaa2e

Alternatives to #baaa2e

#baaa2e Preview

Shades and Tints of #baaa2e

Tones of #baaa2e

Color Blindness Simulator