#ba941c hex color

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

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

● #ba941c color description : Strong yellow.

The hexadecimal color #ba941c has RGB values of R:186, G:148, B:28 and CMYK values of C:0, M:0.2, Y:0.85, K:0.27. Its decimal value is 12227612.

Hex triplet	ba941c	`#ba941c`
RGB Decimal	186, 148, 28	`rgb(186,148,28)`
RGB Percent	72.9, 58, 11	`rgb(72.9%,58%,11%)`
CMYK	0, 20, 85, 27
HSL	45.6°, 73.8, 42	`hsl(45.6,73.8%,42%)`
HSV (or HSB)	45.6°, 84.9, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.098, 3.419, 62.075
XYZ	31.05, 31.704, 5.583
xyY	0.454, 0.464, 31.704
CIE-LCH	63.098, 62.169, 86.847
CIE-LUV	63.098, 32.376, 63.051
Hunter-Lab	56.307, -0.104, 33.536
Binary	10111010, 10010100, 00011100

#ba941c
```
#ba941c rgb(186,148,28)
```
#1c42ba
```
#1c42ba rgb(28,66,186)
```

Complementary Color

#ba451c
```
#ba451c rgb(186,69,28)
```
#ba941c
```
#ba941c rgb(186,148,28)
```
#91ba1c
```
#91ba1c rgb(145,186,28)
```

Analogous Color

#451cba
```
#451cba rgb(69,28,186)
```
#ba941c
```
#ba941c rgb(186,148,28)
```
#1c91ba
```
#1c91ba rgb(28,145,186)
```

Split Complementary Color

#941cba
```
#941cba rgb(148,28,186)
```
#ba941c
```
#ba941c rgb(186,148,28)
```
#1cba94
```
#1cba94 rgb(28,186,148)
```

Triadic Color

#ba1c42
```
#ba1c42 rgb(186,28,66)
```
#ba941c
```
#ba941c rgb(186,148,28)
```
#1cba94
```
#1cba94 rgb(28,186,148)
```
#1c42ba
```
#1c42ba rgb(28,66,186)
```

Tetradic Color

#785f12
```
#785f12 rgb(120,95,18)
```
#8e7115
```
#8e7115 rgb(142,113,21)
```
#a48219
```
#a48219 rgb(164,130,25)
```
#ba941c
```
#ba941c rgb(186,148,28)
```
#d0a61f
```
#d0a61f rgb(208,166,31)
```
#dfb32a
```
#dfb32a rgb(223,179,42)
```
#e2bb40
```
#e2bb40 rgb(226,187,64)
```

Monochromatic Color

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

#ba6d1c
```
#ba6d1c rgb(186,109,28)
```
#ba7a1c
```
#ba7a1c rgb(186,122,28)
```
#ba871c
```
#ba871c rgb(186,135,28)
```
#ba941c
```
#ba941c rgb(186,148,28)
```
#baa11c
```
#baa11c rgb(186,161,28)
```
#baae1c
```
#baae1c rgb(186,174,28)
```
#b9ba1c
```
#b9ba1c rgb(185,186,28)
```

Similar Colors

Text with hexadecimal color #ba941c

This text has a font color of #ba941c.

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

#ba941c background color

This paragraph has a background color of #ba941c.

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

#ba941c border color

This element has a border color of #ba941c.

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

CSS codes

.text {color:#ba941c;}

.background {background-color:#ba941c;}

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

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)
```
#54430d
```
#54430d rgb(84,67,13)
```
#65500f
```
#65500f rgb(101,80,15)
```
#765e12
```
#765e12 rgb(118,94,18)
```
#876b14
```
#876b14 rgb(135,107,20)
```
#987917
```
#987917 rgb(152,121,23)
```
#a98619
```
#a98619 rgb(169,134,25)
```
#ba941c
```
#ba941c rgb(186,148,28)
```
#cba21f
```
#cba21f rgb(203,162,31)
```
#dcaf21
```
#dcaf21 rgb(220,175,33)
```

Shade Color Variation

#e0b631
```
#e0b631 rgb(224,182,49)
```
#e3bc42
```
#e3bc42 rgb(227,188,66)
```
#e5c253
```
#e5c253 rgb(229,194,83)
```
#e8c864
```
#e8c864 rgb(232,200,100)
```
#eace75
```
#eace75 rgb(234,206,117)
```
#edd486
```
#edd486 rgb(237,212,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, #706e66 is the less saturated color, while #d3a103 is the most saturated one.

#706e66
```
#706e66 rgb(112,110,102)
```
#78725e
```
#78725e rgb(120,114,94)
```
#807656
```
#807656 rgb(128,118,86)
```
#897a4d
```
#897a4d rgb(137,122,77)
```
#917f45
```
#917f45 rgb(145,127,69)
```
#99833d
```
#99833d rgb(153,131,61)
```
#a18735
```
#a18735 rgb(161,135,53)
```
#aa8b2c
```
#aa8b2c rgb(170,139,44)
```
#b29024
```
#b29024 rgb(178,144,36)
```
#ba941c
```
#ba941c rgb(186,148,28)
```
#c29814
```
#c29814 rgb(194,152,20)
```
#ca9d0c
```
#ca9d0c rgb(202,157,12)
```
#d3a103
```
#d3a103 rgb(211,161,3)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9a927a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e29 Protanopia 1% of men
#c49629 Deuteranopia 1% of men
#c58f99 Tritanopia 0.001% of the population

Trichromacy

#b49a24 Protanomaly 1% of men, 0.01% of women
#c09524 Deuteranomaly 6% of men, 0.4% of women
#c1916b Tritanomaly 0.01% of the population

#ba941c hex color

#ba941c Color Information

#ba941c Color Conversion

Color Schemes with #ba941c

Alternatives to #ba941c

#ba941c Preview

Shades and Tints of #ba941c

Tones of #ba941c

Color Blindness Simulator