#ba501c hex color

In a RGB color space, hex #ba501c is composed of 72.9% red, 31.4% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 84.9% yellow and 27.1% black. It has a hue angle of 19.7 degrees, a saturation of 73.8% and a lightness of 42%. #ba501c color hex could be obtained by blending #ffa038 with #750000. Closest websafe color is: #cc6633.

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

● #ba501c color description : Strong orange.

The hexadecimal color #ba501c has RGB values of R:186, G:80, B:28 and CMYK values of C:0, M:0.57, Y:0.85, K:0.27. Its decimal value is 12210204.

Hex triplet	ba501c	`#ba501c`
RGB Decimal	186, 80, 28	`rgb(186,80,28)`
RGB Percent	72.9, 31.4, 11	`rgb(72.9%,31.4%,11%)`
CMYK	0, 57, 85, 27
HSL	19.7°, 73.8, 42	`hsl(19.7,73.8%,42%)`
HSV (or HSB)	19.7°, 84.9, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.317, 40.137, 48.7
XYZ	23.329, 16.263, 3.009
xyY	0.548, 0.382, 16.263
CIE-LCH	47.317, 63.108, 50.506
CIE-LUV	47.317, 86.055, 37.768
Hunter-Lab	40.327, 32.689, 23.805
Binary	10111010, 01010000, 00011100

#ba501c
```
#ba501c rgb(186,80,28)
```
#1c86ba
```
#1c86ba rgb(28,134,186)
```

Complementary Color

#ba1c37
```
#ba1c37 rgb(186,28,55)
```
#ba501c
```
#ba501c rgb(186,80,28)
```
#ba9f1c
```
#ba9f1c rgb(186,159,28)
```

Analogous Color

#1c37ba
```
#1c37ba rgb(28,55,186)
```
#ba501c
```
#ba501c rgb(186,80,28)
```
#1cba9f
```
#1cba9f rgb(28,186,159)
```

Split Complementary Color

#501cba
```
#501cba rgb(80,28,186)
```
#ba501c
```
#ba501c rgb(186,80,28)
```
#1cba50
```
#1cba50 rgb(28,186,80)
```

Triadic Color

#ba1c86
```
#ba1c86 rgb(186,28,134)
```
#ba501c
```
#ba501c rgb(186,80,28)
```
#1cba50
```
#1cba50 rgb(28,186,80)
```
#1c86ba
```
#1c86ba rgb(28,134,186)
```

Tetradic Color

#783312
```
#783312 rgb(120,51,18)
```
#8e3d15
```
#8e3d15 rgb(142,61,21)
```
#a44619
```
#a44619 rgb(164,70,25)
```
#ba501c
```
#ba501c rgb(186,80,28)
```
#d05a1f
```
#d05a1f rgb(208,90,31)
```
#df662a
```
#df662a rgb(223,102,42)
```
#e27640
```
#e27640 rgb(226,118,64)
```

Monochromatic Color

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

#ba291c
```
#ba291c rgb(186,41,28)
```
#ba361c
```
#ba361c rgb(186,54,28)
```
#ba431c
```
#ba431c rgb(186,67,28)
```
#ba501c
```
#ba501c rgb(186,80,28)
```
#ba5d1c
```
#ba5d1c rgb(186,93,28)
```
#ba6a1c
```
#ba6a1c rgb(186,106,28)
```
#ba781c
```
#ba781c rgb(186,120,28)
```

Similar Colors

Text with hexadecimal color #ba501c

This text has a font color of #ba501c.

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

#ba501c background color

This paragraph has a background color of #ba501c.

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

#ba501c border color

This element has a border color of #ba501c.

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

CSS codes

.text {color:#ba501c;}

.background {background-color:#ba501c;}

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

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

#100702
```
#100702 rgb(16,7,2)
```
#210e05
```
#210e05 rgb(33,14,5)
```
#321507
```
#321507 rgb(50,21,7)
```
#431d0a
```
#431d0a rgb(67,29,10)
```
#54240d
```
#54240d rgb(84,36,13)
```
#652b0f
```
#652b0f rgb(101,43,15)
```
#763312
```
#763312 rgb(118,51,18)
```
#873a14
```
#873a14 rgb(135,58,20)
```
#984117
```
#984117 rgb(152,65,23)
```
#a94919
```
#a94919 rgb(169,73,25)
```
#ba501c
```
#ba501c rgb(186,80,28)
```
#cb571f
```
#cb571f rgb(203,87,31)
```
#dc5f21
```
#dc5f21 rgb(220,95,33)
```

Shade Color Variation

#e06b31
```
#e06b31 rgb(224,107,49)
```
#e37742
```
#e37742 rgb(227,119,66)
```
#e58353
```
#e58353 rgb(229,131,83)
```
#e88f64
```
#e88f64 rgb(232,143,100)
```
#ea9c75
```
#ea9c75 rgb(234,156,117)
```
#eda886
```
#eda886 rgb(237,168,134)
```
#efb497
```
#efb497 rgb(239,180,151)
```
#f2c0a8
```
#f2c0a8 rgb(242,192,168)
```
#f5cdb9
```
#f5cdb9 rgb(245,205,185)
```
#f7d9ca
```
#f7d9ca rgb(247,217,202)
```
#fae5db
```
#fae5db rgb(250,229,219)
```
#fcf2ec
```
#fcf2ec rgb(252,242,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#706966
```
#706966 rgb(112,105,102)
```
#78675e
```
#78675e rgb(120,103,94)
```
#806456
```
#806456 rgb(128,100,86)
```
#89614d
```
#89614d rgb(137,97,77)
```
#915e45
```
#915e45 rgb(145,94,69)
```
#995b3d
```
#995b3d rgb(153,91,61)
```
#a15835
```
#a15835 rgb(161,88,53)
```
#aa562c
```
#aa562c rgb(170,86,44)
```
#b25324
```
#b25324 rgb(178,83,36)
```
#ba501c
```
#ba501c rgb(186,80,28)
```
#c24d14
```
#c24d14 rgb(194,77,20)
```
#ca4a0c
```
#ca4a0c rgb(202,74,12)
```
#d34803
```
#d34803 rgb(211,72,3)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7a655a Atypical Achromatopsia 0.001% of the population

Dichromacy

#85772f Protanopia 1% of men
#95711c Deuteranopia 1% of men
#bf5459 Tritanopia 0.001% of the population

Trichromacy

#986928 Protanomaly 1% of men, 0.01% of women
#a2651c Deuteranomaly 6% of men, 0.4% of women
#bd5242 Tritanomaly 0.01% of the population

#ba501c hex color

#ba501c Color Information

#ba501c Color Conversion

Color Schemes with #ba501c

Alternatives to #ba501c

#ba501c Preview

Shades and Tints of #ba501c

Tones of #ba501c

Color Blindness Simulator