#ba501d hex color

In a RGB color space, hex #ba501d is composed of 72.9% red, 31.4% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 84.4% yellow and 27.1% black. It has a hue angle of 19.5 degrees, a saturation of 73% and a lightness of 42.2%. #ba501d color hex could be obtained by blending #ffa03a with #750000. Closest websafe color is: #cc6633.

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

● #ba501d color description : Strong orange.

The hexadecimal color #ba501d has RGB values of R:186, G:80, B:29 and CMYK values of C:0, M:0.57, Y:0.84, K:0.27. Its decimal value is 12210205.

Hex triplet	ba501d	`#ba501d`
RGB Decimal	186, 80, 29	`rgb(186,80,29)`
RGB Percent	72.9, 31.4, 11.4	`rgb(72.9%,31.4%,11.4%)`
CMYK	0, 57, 84, 27
HSL	19.5°, 73, 42.2	`hsl(19.5,73%,42.2%)`
HSV (or HSB)	19.5°, 84.4, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.324, 40.164, 48.285
XYZ	23.341, 16.268, 3.073
xyY	0.547, 0.381, 16.268
CIE-LCH	47.324, 62.806, 50.246
CIE-LUV	47.324, 85.966, 37.544
Hunter-Lab	40.333, 32.717, 23.715
Binary	10111010, 01010000, 00011101

#ba501d
```
#ba501d rgb(186,80,29)
```
#1d87ba
```
#1d87ba rgb(29,135,186)
```

Complementary Color

#ba1d39
```
#ba1d39 rgb(186,29,57)
```
#ba501d
```
#ba501d rgb(186,80,29)
```
#ba9f1d
```
#ba9f1d rgb(186,159,29)
```

Analogous Color

#1d39ba
```
#1d39ba rgb(29,57,186)
```
#ba501d
```
#ba501d rgb(186,80,29)
```
#1dba9f
```
#1dba9f rgb(29,186,159)
```

Split Complementary Color

#501dba
```
#501dba rgb(80,29,186)
```
#ba501d
```
#ba501d rgb(186,80,29)
```
#1dba50
```
#1dba50 rgb(29,186,80)
```

Triadic Color

#ba1d87
```
#ba1d87 rgb(186,29,135)
```
#ba501d
```
#ba501d rgb(186,80,29)
```
#1dba50
```
#1dba50 rgb(29,186,80)
```
#1d87ba
```
#1d87ba rgb(29,135,186)
```

Tetradic Color

#783413
```
#783413 rgb(120,52,19)
```
#8e3d16
```
#8e3d16 rgb(142,61,22)
```
#a4471a
```
#a4471a rgb(164,71,26)
```
#ba501d
```
#ba501d rgb(186,80,29)
```
#d05920
```
#d05920 rgb(208,89,32)
```
#de662c
```
#de662c rgb(222,102,44)
```
#e27642
```
#e27642 rgb(226,118,66)
```

Monochromatic Color

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

#ba291d
```
#ba291d rgb(186,41,29)
```
#ba361d
```
#ba361d rgb(186,54,29)
```
#ba431d
```
#ba431d rgb(186,67,29)
```
#ba501d
```
#ba501d rgb(186,80,29)
```
#ba5d1d
```
#ba5d1d rgb(186,93,29)
```
#ba6a1d
```
#ba6a1d rgb(186,106,29)
```
#ba771d
```
#ba771d rgb(186,119,29)
```

Similar Colors

Text with hexadecimal color #ba501d

This text has a font color of #ba501d.

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

#ba501d background color

This paragraph has a background color of #ba501d.

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

#ba501d border color

This element has a border color of #ba501d.

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

CSS codes

.text {color:#ba501d;}

.background {background-color:#ba501d;}

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

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

#100703
```
#100703 rgb(16,7,3)
```
#210e05
```
#210e05 rgb(33,14,5)
```
#321608
```
#321608 rgb(50,22,8)
```
#431d0a
```
#431d0a rgb(67,29,10)
```
#54240d
```
#54240d rgb(84,36,13)
```
#652c10
```
#652c10 rgb(101,44,16)
```
#763312
```
#763312 rgb(118,51,18)
```
#873a15
```
#873a15 rgb(135,58,21)
```
#984118
```
#984118 rgb(152,65,24)
```
#a9491a
```
#a9491a rgb(169,73,26)
```
#ba501d
```
#ba501d rgb(186,80,29)
```
#cb5720
```
#cb5720 rgb(203,87,32)
```
#dc5f22
```
#dc5f22 rgb(220,95,34)
```

Shade Color Variation

#df6b33
```
#df6b33 rgb(223,107,51)
```
#e27744
```
#e27744 rgb(226,119,68)
```
#e48355
```
#e48355 rgb(228,131,85)
```
#e79066
```
#e79066 rgb(231,144,102)
```
#ea9c77
```
#ea9c77 rgb(234,156,119)
```
#eca888
```
#eca888 rgb(236,168,136)
```
#efb599
```
#efb599 rgb(239,181,153)
```
#f2c1a9
```
#f2c1a9 rgb(242,193,169)
```
#f4cdba
```
#f4cdba rgb(244,205,186)
```
#f7dacb
```
#f7dacb rgb(247,218,203)
```
#fae6dc
```
#fae6dc rgb(250,230,220)
```
#fcf2ed
```
#fcf2ed rgb(252,242,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#706a67
```
#706a67 rgb(112,106,103)
```
#78675f
```
#78675f rgb(120,103,95)
```
#806457
```
#806457 rgb(128,100,87)
```
#88614f
```
#88614f rgb(136,97,79)
```
#915e46
```
#915e46 rgb(145,94,70)
```
#995c3e
```
#995c3e rgb(153,92,62)
```
#a15936
```
#a15936 rgb(161,89,54)
```
#a9562e
```
#a9562e rgb(169,86,46)
```
#b25325
```
#b25325 rgb(178,83,37)
```
#ba501d
```
#ba501d rgb(186,80,29)
```
#c24d15
```
#c24d15 rgb(194,77,21)
```
#cb4a0c
```
#cb4a0c rgb(203,74,12)
```
#d34704
```
#d34704 rgb(211,71,4)
```

Tone Color Variation

Below, you can see how #ba501d 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
#7a655b Atypical Achromatopsia 0.001% of the population

Dichromacy

#847730 Protanopia 1% of men
#95711d Deuteranopia 1% of men
#bf5459 Tritanopia 0.001% of the population

Trichromacy

#986929 Protanomaly 1% of men, 0.01% of women
#a2651d Deuteranomaly 6% of men, 0.4% of women
#bd5243 Tritanomaly 0.01% of the population

#ba501d hex color

#ba501d Color Information

#ba501d Color Conversion

Color Schemes with #ba501d

Alternatives to #ba501d

#ba501d Preview

Shades and Tints of #ba501d

Tones of #ba501d

Color Blindness Simulator