#ba921c hex color

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

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

● #ba921c color description : Strong orange.

The hexadecimal color #ba921c has RGB values of R:186, G:146, B:28 and CMYK values of C:0, M:0.22, Y:0.85, K:0.27. Its decimal value is 12227100.

Hex triplet	ba921c	`#ba921c`
RGB Decimal	186, 146, 28	`rgb(186,146,28)`
RGB Percent	72.9, 57.3, 11	`rgb(72.9%,57.3%,11%)`
CMYK	0, 22, 85, 27
HSL	44.8°, 73.8, 42	`hsl(44.8,73.8%,42%)`
HSV (or HSB)	44.8°, 84.9, 72.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.577, 4.51, 61.64
XYZ	30.739, 31.082, 5.479
xyY	0.457, 0.462, 31.082
CIE-LCH	62.577, 61.805, 85.815
CIE-LUV	62.577, 33.88, 62.258
Hunter-Lab	55.751, 0.851, 33.199
Binary	10111010, 10010010, 00011100

#ba921c
```
#ba921c rgb(186,146,28)
```
#1c44ba
```
#1c44ba rgb(28,68,186)
```

Complementary Color

#ba431c
```
#ba431c rgb(186,67,28)
```
#ba921c
```
#ba921c rgb(186,146,28)
```
#93ba1c
```
#93ba1c rgb(147,186,28)
```

Analogous Color

#431cba
```
#431cba rgb(67,28,186)
```
#ba921c
```
#ba921c rgb(186,146,28)
```
#1c93ba
```
#1c93ba rgb(28,147,186)
```

Split Complementary Color

#921cba
```
#921cba rgb(146,28,186)
```
#ba921c
```
#ba921c rgb(186,146,28)
```
#1cba92
```
#1cba92 rgb(28,186,146)
```

Triadic Color

#ba1c44
```
#ba1c44 rgb(186,28,68)
```
#ba921c
```
#ba921c rgb(186,146,28)
```
#1cba92
```
#1cba92 rgb(28,186,146)
```
#1c44ba
```
#1c44ba rgb(28,68,186)
```

Tetradic Color

#785e12
```
#785e12 rgb(120,94,18)
```
#8e6f15
```
#8e6f15 rgb(142,111,21)
```
#a48119
```
#a48119 rgb(164,129,25)
```
#ba921c
```
#ba921c rgb(186,146,28)
```
#d0a31f
```
#d0a31f rgb(208,163,31)
```
#dfb12a
```
#dfb12a rgb(223,177,42)
```
#e2b940
```
#e2b940 rgb(226,185,64)
```

Monochromatic Color

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

#ba6b1c
```
#ba6b1c rgb(186,107,28)
```
#ba781c
```
#ba781c rgb(186,120,28)
```
#ba851c
```
#ba851c rgb(186,133,28)
```
#ba921c
```
#ba921c rgb(186,146,28)
```
#ba9f1c
```
#ba9f1c rgb(186,159,28)
```
#baac1c
```
#baac1c rgb(186,172,28)
```
#baba1c
```
#baba1c rgb(186,186,28)
```

Similar Colors

Text with hexadecimal color #ba921c

This text has a font color of #ba921c.

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

#ba921c background color

This paragraph has a background color of #ba921c.

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

#ba921c border color

This element has a border color of #ba921c.

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

CSS codes

.text {color:#ba921c;}

.background {background-color:#ba921c;}

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

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)
```
#43340a
```
#43340a rgb(67,52,10)
```
#54420d
```
#54420d rgb(84,66,13)
```
#654f0f
```
#654f0f rgb(101,79,15)
```
#765c12
```
#765c12 rgb(118,92,18)
```
#876a14
```
#876a14 rgb(135,106,20)
```
#987717
```
#987717 rgb(152,119,23)
```
#a98519
```
#a98519 rgb(169,133,25)
```
#ba921c
```
#ba921c rgb(186,146,28)
```
#cb9f1f
```
#cb9f1f rgb(203,159,31)
```
#dcad21
```
#dcad21 rgb(220,173,33)
```

Shade Color Variation

#e0b431
```
#e0b431 rgb(224,180,49)
```
#e3ba42
```
#e3ba42 rgb(227,186,66)
```
#e5c053
```
#e5c053 rgb(229,192,83)
```
#e8c664
```
#e8c664 rgb(232,198,100)
```
#eacd75
```
#eacd75 rgb(234,205,117)
```
#edd386
```
#edd386 rgb(237,211,134)
```
#efd997
```
#efd997 rgb(239,217,151)
```
#f2dfa8
```
#f2dfa8 rgb(242,223,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 #d39e03 is the most saturated one.

#706d66
```
#706d66 rgb(112,109,102)
```
#78715e
```
#78715e rgb(120,113,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)
```
#aa8a2c
```
#aa8a2c rgb(170,138,44)
```
#b28e24
```
#b28e24 rgb(178,142,36)
```
#ba921c
```
#ba921c rgb(186,146,28)
```
#c29614
```
#c29614 rgb(194,150,20)
```
#ca9a0c
```
#ca9a0c rgb(202,154,12)
```
#d39e03
```
#d39e03 rgb(211,158,3)
```

Tone Color Variation

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

#af9d29 Protanopia 1% of men
#c39529 Deuteranopia 1% of men
#c58d97 Tritanopia 0.001% of the population

Trichromacy

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

#ba921c hex color

#ba921c Color Information

#ba921c Color Conversion

Color Schemes with #ba921c

Alternatives to #ba921c

#ba921c Preview

Shades and Tints of #ba921c

Tones of #ba921c

Color Blindness Simulator