#ba9e1f hex color

In a RGB color space, hex #ba9e1f is composed of 72.9% red, 62% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.1% magenta, 83.3% yellow and 27.1% black. It has a hue angle of 49.2 degrees, a saturation of 71.4% and a lightness of 42.5%. #ba9e1f color hex could be obtained by blending #ffff3e with #753d00. Closest websafe color is: #cc9933.

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

● #ba9e1f color description : Strong yellow.

The hexadecimal color #ba9e1f has RGB values of R:186, G:158, B:31 and CMYK values of C:0, M:0.15, Y:0.83, K:0.27. Its decimal value is 12230175.

Hex triplet	ba9e1f	`#ba9e1f`
RGB Decimal	186, 158, 31	`rgb(186,158,31)`
RGB Percent	72.9, 62, 12.2	`rgb(72.9%,62%,12.2%)`
CMYK	0, 15, 83, 27
HSL	49.2°, 71.4, 42.5	`hsl(49.2,71.4%,42.5%)`
HSV (or HSB)	49.2°, 83.3, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.743, -1.901, 63.471
XYZ	32.724, 34.993, 6.327
xyY	0.442, 0.473, 34.993
CIE-LCH	65.743, 63.5, 91.716
CIE-LUV	65.743, 24.935, 66.544
Hunter-Lab	59.155, -4.776, 35.067
Binary	10111010, 10011110, 00011111

#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#1f3bba
```
#1f3bba rgb(31,59,186)
```

Complementary Color

#ba501f
```
#ba501f rgb(186,80,31)
```
#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#89ba1f
```
#89ba1f rgb(137,186,31)
```

Analogous Color

#511fba
```
#511fba rgb(81,31,186)
```
#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#1f89ba
```
#1f89ba rgb(31,137,186)
```

Split Complementary Color

#9e1fba
```
#9e1fba rgb(158,31,186)
```
#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#1fba9e
```
#1fba9e rgb(31,186,158)
```

Triadic Color

#ba1f3b
```
#ba1f3b rgb(186,31,59)
```
#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#1fba9e
```
#1fba9e rgb(31,186,158)
```
#1f3bba
```
#1f3bba rgb(31,59,186)
```

Tetradic Color

#786614
```
#786614 rgb(120,102,20)
```
#8e7918
```
#8e7918 rgb(142,121,24)
```
#a48b1b
```
#a48b1b rgb(164,139,27)
```
#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#d0b123
```
#d0b123 rgb(208,177,35)
```
#dcbd30
```
#dcbd30 rgb(220,189,48)
```
#e0c445
```
#e0c445 rgb(224,196,69)
```

Monochromatic Color

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

#ba771f
```
#ba771f rgb(186,119,31)
```
#ba841f
```
#ba841f rgb(186,132,31)
```
#ba911f
```
#ba911f rgb(186,145,31)
```
#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#baab1f
```
#baab1f rgb(186,171,31)
```
#bab81f
```
#bab81f rgb(186,184,31)
```
#afba1f
```
#afba1f rgb(175,186,31)
```

Similar Colors

Text with hexadecimal color #ba9e1f

This text has a font color of #ba9e1f.

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

#ba9e1f background color

This paragraph has a background color of #ba9e1f.

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

#ba9e1f border color

This element has a border color of #ba9e1f.

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

CSS codes

.text {color:#ba9e1f;}

.background {background-color:#ba9e1f;}

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

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, #010100 is the darkest color, while #fcfaef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231d06
```
#231d06 rgb(35,29,6)
```
#332c09
```
#332c09 rgb(51,44,9)
```
#443a0b
```
#443a0b rgb(68,58,11)
```
#55480e
```
#55480e rgb(85,72,14)
```
#665711
```
#665711 rgb(102,87,17)
```
#776514
```
#776514 rgb(119,101,20)
```
#887317
```
#887317 rgb(136,115,23)
```
#988119
```
#988119 rgb(152,129,25)
```
#a9901c
```
#a9901c rgb(169,144,28)
```
#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#cbac22
```
#cbac22 rgb(203,172,34)
```

Shade Color Variation

#dbba25
```
#dbba25 rgb(219,186,37)
```
#debf36
```
#debf36 rgb(222,191,54)
```
#e0c547
```
#e0c547 rgb(224,197,71)
```
#e3ca58
```
#e3ca58 rgb(227,202,88)
```
#e6cf69
```
#e6cf69 rgb(230,207,105)
```
#e9d57a
```
#e9d57a rgb(233,213,122)
```
#ecda8a
```
#ecda8a rgb(236,218,138)
```
#eedf9b
```
#eedf9b rgb(238,223,155)
```
#f1e5ac
```
#f1e5ac rgb(241,229,172)
```
#f4eabd
```
#f4eabd rgb(244,234,189)
```
#f7efce
```
#f7efce rgb(247,239,206)
```
#faf5de
```
#faf5de rgb(250,245,222)
```
#fcfaef
```
#fcfaef rgb(252,250,239)
```

Tint Color Variation

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

#6f6e6a
```
#6f6e6a rgb(111,110,106)
```
#777362
```
#777362 rgb(119,115,98)
```
#807959
```
#807959 rgb(128,121,89)
```
#887e51
```
#887e51 rgb(136,126,81)
```
#908349
```
#908349 rgb(144,131,73)
```
#998940
```
#998940 rgb(153,137,64)
```
#a18e38
```
#a18e38 rgb(161,142,56)
```
#a99330
```
#a99330 rgb(169,147,48)
```
#b29927
```
#b29927 rgb(178,153,39)
```
#ba9e1f
```
#ba9e1f rgb(186,158,31)
```
#c2a317
```
#c2a317 rgb(194,163,23)
```
#cba90e
```
#cba90e rgb(203,169,14)
```
#d3ae06
```
#d3ae06 rgb(211,174,6)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9f9980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a42b Protanopia 1% of men
#cc9c2e Deuteranopia 1% of men
#c698a3 Tritanopia 0.001% of the population

Trichromacy

#b8a226 Protanomaly 1% of men, 0.01% of women
#c69d28 Deuteranomaly 6% of men, 0.4% of women
#c29a73 Tritanomaly 0.01% of the population

#ba9e1f hex color

#ba9e1f Color Information

#ba9e1f Color Conversion

Color Schemes with #ba9e1f

Alternatives to #ba9e1f

#ba9e1f Preview

Shades and Tints of #ba9e1f

Tones of #ba9e1f

Color Blindness Simulator