#ba931c hex color

In a RGB color space, hex #ba931c is composed of 72.9% red, 57.6% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21% magenta, 84.9% yellow and 27.1% black. It has a hue angle of 45.2 degrees, a saturation of 73.8% and a lightness of 42%. #ba931c color hex could be obtained by blending #ffff38 with #752700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 58
- B 11
RGB color chart
- C 0
- M 21
- Y 85
- K 27
CMYK color chart

● #ba931c color description : Strong yellow.

The hexadecimal color #ba931c has RGB values of R:186, G:147, B:28 and CMYK values of C:0, M:0.21, Y:0.85, K:0.27. Its decimal value is 12227356.

Hex triplet	ba931c	`#ba931c`
RGB Decimal	186, 147, 28	`rgb(186,147,28)`
RGB Percent	72.9, 57.6, 11	`rgb(72.9%,57.6%,11%)`
CMYK	0, 21, 85, 27
HSL	45.2°, 73.8, 42	`hsl(45.2,73.8%,42%)`
HSV (or HSB)	45.2°, 84.9, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.837, 3.964, 61.857
XYZ	30.894, 31.392, 5.531
xyY	0.456, 0.463, 31.392
CIE-LCH	62.837, 61.984, 86.333
CIE-LUV	62.837, 33.127, 62.655
Hunter-Lab	56.028, 0.373, 33.367
Binary	10111010, 10010011, 00011100

#ba931c
```
#ba931c rgb(186,147,28)
```
#1c43ba
```
#1c43ba rgb(28,67,186)
```

Complementary Color

#ba441c
```
#ba441c rgb(186,68,28)
```
#ba931c
```
#ba931c rgb(186,147,28)
```
#92ba1c
```
#92ba1c rgb(146,186,28)
```

Analogous Color

#441cba
```
#441cba rgb(68,28,186)
```
#ba931c
```
#ba931c rgb(186,147,28)
```
#1c92ba
```
#1c92ba rgb(28,146,186)
```

Split Complementary Color

#931cba
```
#931cba rgb(147,28,186)
```
#ba931c
```
#ba931c rgb(186,147,28)
```
#1cba93
```
#1cba93 rgb(28,186,147)
```

Triadic Color

#ba1c43
```
#ba1c43 rgb(186,28,67)
```
#ba931c
```
#ba931c rgb(186,147,28)
```
#1cba93
```
#1cba93 rgb(28,186,147)
```
#1c43ba
```
#1c43ba rgb(28,67,186)
```

Tetradic Color

#785e12
```
#785e12 rgb(120,94,18)
```
#8e7015
```
#8e7015 rgb(142,112,21)
```
#a48119
```
#a48119 rgb(164,129,25)
```
#ba931c
```
#ba931c rgb(186,147,28)
```
#d0a51f
```
#d0a51f rgb(208,165,31)
```
#dfb22a
```
#dfb22a rgb(223,178,42)
```
#e2ba40
```
#e2ba40 rgb(226,186,64)
```

Monochromatic Color

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

#ba6c1c
```
#ba6c1c rgb(186,108,28)
```
#ba791c
```
#ba791c rgb(186,121,28)
```
#ba861c
```
#ba861c rgb(186,134,28)
```
#ba931c
```
#ba931c rgb(186,147,28)
```
#baa01c
```
#baa01c rgb(186,160,28)
```
#baad1c
```
#baad1c rgb(186,173,28)
```
#baba1c
```
#baba1c rgb(186,186,28)
```

Similar Colors

Text with hexadecimal color #ba931c

This text has a font color of #ba931c.

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

#ba931c background color

This paragraph has a background color of #ba931c.

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

#ba931c border color

This element has a border color of #ba931c.

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

CSS codes

.text {color:#ba931c;}

.background {background-color:#ba931c;}

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

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

#100c02
```
#100c02 rgb(16,12,2)
```
#211a05
```
#211a05 rgb(33,26,5)
```
#322707
```
#322707 rgb(50,39,7)
```
#43350a
```
#43350a rgb(67,53,10)
```
#54420d
```
#54420d rgb(84,66,13)
```
#65500f
```
#65500f rgb(101,80,15)
```
#765d12
```
#765d12 rgb(118,93,18)
```
#876b14
```
#876b14 rgb(135,107,20)
```
#987817
```
#987817 rgb(152,120,23)
```
#a98619
```
#a98619 rgb(169,134,25)
```
#ba931c
```
#ba931c rgb(186,147,28)
```
#cba01f
```
#cba01f rgb(203,160,31)
```
#dcae21
```
#dcae21 rgb(220,174,33)
```

Shade Color Variation

#e0b531
```
#e0b531 rgb(224,181,49)
```
#e3bb42
```
#e3bb42 rgb(227,187,66)
```
#e5c153
```
#e5c153 rgb(229,193,83)
```
#e8c764
```
#e8c764 rgb(232,199,100)
```
#eacd75
```
#eacd75 rgb(234,205,117)
```
#edd386
```
#edd386 rgb(237,211,134)
```
#efda97
```
#efda97 rgb(239,218,151)
```
#f2e0a8
```
#f2e0a8 rgb(242,224,168)
```
#f5e6b9
```
#f5e6b9 rgb(245,230,185)
```
#f7ecca
```
#f7ecca rgb(247,236,202)
```
#faf2db
```
#faf2db rgb(250,242,219)
```
#fcf8ec
```
#fcf8ec rgb(252,248,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#706d66
```
#706d66 rgb(112,109,102)
```
#78725e
```
#78725e rgb(120,114,94)
```
#807656
```
#807656 rgb(128,118,86)
```
#897a4d
```
#897a4d rgb(137,122,77)
```
#917e45
```
#917e45 rgb(145,126,69)
```
#99823d
```
#99823d rgb(153,130,61)
```
#a18635
```
#a18635 rgb(161,134,53)
```
#aa8b2c
```
#aa8b2c rgb(170,139,44)
```
#b28f24
```
#b28f24 rgb(178,143,36)
```
#ba931c
```
#ba931c rgb(186,147,28)
```
#c29714
```
#c29714 rgb(194,151,20)
```
#ca9b0c
```
#ca9b0c rgb(202,155,12)
```
#d3a003
```
#d3a003 rgb(211,160,3)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#99917a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d29 Protanopia 1% of men
#c49529 Deuteranopia 1% of men
#c58e98 Tritanopia 0.001% of the population

Trichromacy

#b39924 Protanomaly 1% of men, 0.01% of women
#c09424 Deuteranomaly 6% of men, 0.4% of women
#c1906b Tritanomaly 0.01% of the population

#ba931c hex color

#ba931c Color Information

#ba931c Color Conversion

Color Schemes with #ba931c

Alternatives to #ba931c

#ba931c Preview

Shades and Tints of #ba931c

Tones of #ba931c

Color Blindness Simulator