#ba9e2f hex color

In a RGB color space, hex #ba9e2f is composed of 72.9% red, 62% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.1% magenta, 74.7% yellow and 27.1% black. It has a hue angle of 47.9 degrees, a saturation of 59.7% and a lightness of 45.7%. #ba9e2f color hex could be obtained by blending #ffff5e with #753d00. Closest websafe color is: #cc9933.

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

● #ba9e2f color description : Moderate yellow.

The hexadecimal color #ba9e2f has RGB values of R:186, G:158, B:47 and CMYK values of C:0, M:0.15, Y:0.75, K:0.27. Its decimal value is 12230191.

Hex triplet	ba9e2f	`#ba9e2f`
RGB Decimal	186, 158, 47	`rgb(186,158,47)`
RGB Percent	72.9, 62, 18.4	`rgb(72.9%,62%,18.4%)`
CMYK	0, 15, 75, 27
HSL	47.9°, 59.7, 45.7	`hsl(47.9,59.7%,45.7%)`
HSV (or HSB)	47.9°, 74.7, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.826, -1.312, 58.278
XYZ	32.99, 35.099, 7.726
xyY	0.435, 0.463, 35.099
CIE-LCH	65.826, 58.293, 91.289
CIE-LUV	65.826, 24.508, 63.173
Hunter-Lab	59.245, -4.282, 33.739
Binary	10111010, 10011110, 00101111

#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#2f4bba
```
#2f4bba rgb(47,75,186)
```

Complementary Color

#ba592f
```
#ba592f rgb(186,89,47)
```
#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#91ba2f
```
#91ba2f rgb(145,186,47)
```

Analogous Color

#582fba
```
#582fba rgb(88,47,186)
```
#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#2f91ba
```
#2f91ba rgb(47,145,186)
```

Split Complementary Color

#9e2fba
```
#9e2fba rgb(158,47,186)
```
#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#2fba9e
```
#2fba9e rgb(47,186,158)
```

Triadic Color

#ba2f4b
```
#ba2f4b rgb(186,47,75)
```
#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#2fba9e
```
#2fba9e rgb(47,186,158)
```
#2f4bba
```
#2f4bba rgb(47,75,186)
```

Tetradic Color

#7d6a20
```
#7d6a20 rgb(125,106,32)
```
#917b25
```
#917b25 rgb(145,123,37)
```
#a68d2a
```
#a68d2a rgb(166,141,42)
```
#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#ccae36
```
#ccae36 rgb(204,174,54)
```
#d1b64b
```
#d1b64b rgb(209,182,75)
```
#d7be5f
```
#d7be5f rgb(215,190,95)
```

Monochromatic Color

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

#ba7b2f
```
#ba7b2f rgb(186,123,47)
```
#ba872f
```
#ba872f rgb(186,135,47)
```
#ba922f
```
#ba922f rgb(186,146,47)
```
#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#baaa2f
```
#baaa2f rgb(186,170,47)
```
#bab52f
```
#bab52f rgb(186,181,47)
```
#b3ba2f
```
#b3ba2f rgb(179,186,47)
```

Similar Colors

Text with hexadecimal color #ba9e2f

This text has a font color of #ba9e2f.

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

#ba9e2f background color

This paragraph has a background color of #ba9e2f.

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

#ba9e2f border color

This element has a border color of #ba9e2f.

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

CSS codes

.text {color:#ba9e2f;}

.background {background-color:#ba9e2f;}

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

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

#0e0c03
```
#0e0c03 rgb(14,12,3)
```
#1d1907
```
#1d1907 rgb(29,25,7)
```
#2d260b
```
#2d260b rgb(45,38,11)
```
#3d340f
```
#3d340f rgb(61,52,15)
```
#4c4113
```
#4c4113 rgb(76,65,19)
```
#5c4e17
```
#5c4e17 rgb(92,78,23)
```
#6c5b1b
```
#6c5b1b rgb(108,91,27)
```
#7b691f
```
#7b691f rgb(123,105,31)
```
#8b7623
```
#8b7623 rgb(139,118,35)
```
#9b8327
```
#9b8327 rgb(155,131,39)
```
#aa912b
```
#aa912b rgb(170,145,43)
```
#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#caab33
```
#caab33 rgb(202,171,51)
```

Shade Color Variation

#cfb241
```
#cfb241 rgb(207,178,65)
```
#d3b951
```
#d3b951 rgb(211,185,81)
```
#d7bf61
```
#d7bf61 rgb(215,191,97)
```
#dbc570
```
#dbc570 rgb(219,197,112)
```
#dfcc80
```
#dfcc80 rgb(223,204,128)
```
#e3d28f
```
#e3d28f rgb(227,210,143)
```
#e7d89f
```
#e7d89f rgb(231,216,159)
```
#ebdfaf
```
#ebdfaf rgb(235,223,175)
```
#efe5be
```
#efe5be rgb(239,229,190)
```
#f3ebce
```
#f3ebce rgb(243,235,206)
```
#f7f2de
```
#f7f2de rgb(247,242,222)
```
#fbf8ed
```
#fbf8ed rgb(251,248,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7b796e
```
#7b796e rgb(123,121,110)
```
#847e65
```
#847e65 rgb(132,126,101)
```
#8d835c
```
#8d835c rgb(141,131,92)
```
#968953
```
#968953 rgb(150,137,83)
```
#9f8e4a
```
#9f8e4a rgb(159,142,74)
```
#a89341
```
#a89341 rgb(168,147,65)
```
#b19938
```
#b19938 rgb(177,153,56)
```
#ba9e2f
```
#ba9e2f rgb(186,158,47)
```
#c3a326
```
#c3a326 rgb(195,163,38)
```
#cca91d
```
#cca91d rgb(204,169,29)
```
#d5ae14
```
#d5ae14 rgb(213,174,20)
```
#deb30b
```
#deb30b rgb(222,179,11)
```
#e7b902
```
#e7b902 rgb(231,185,2)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a09b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a53a Protanopia 1% of men
#cc9d3c Deuteranopia 1% of men
#c698a3 Tritanopia 0.001% of the population

Trichromacy

#b8a236 Protanomaly 1% of men, 0.01% of women
#c59d37 Deuteranomaly 6% of men, 0.4% of women
#c19a79 Tritanomaly 0.01% of the population

#ba9e2f hex color

#ba9e2f Color Information

#ba9e2f Color Conversion

Color Schemes with #ba9e2f

Alternatives to #ba9e2f

#ba9e2f Preview

Shades and Tints of #ba9e2f

Tones of #ba9e2f

Color Blindness Simulator