#ba502b hex color

In a RGB color space, hex #ba502b is composed of 72.9% red, 31.4% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57% magenta, 76.9% yellow and 27.1% black. It has a hue angle of 15.5 degrees, a saturation of 62.4% and a lightness of 44.9%. #ba502b color hex could be obtained by blending #ffa056 with #750000. Closest websafe color is: #cc6633.

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

● #ba502b color description : Strong orange.

The hexadecimal color #ba502b has RGB values of R:186, G:80, B:43 and CMYK values of C:0, M:0.57, Y:0.77, K:0.27. Its decimal value is 12210219.

Hex triplet	ba502b	`#ba502b`
RGB Decimal	186, 80, 43	`rgb(186,80,43)`
RGB Percent	72.9, 31.4, 16.9	`rgb(72.9%,31.4%,16.9%)`
CMYK	0, 57, 77, 27
HSL	15.5°, 62.4, 44.9	`hsl(15.5,62.4%,44.9%)`
HSV (or HSB)	15.5°, 76.9, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.435, 40.641, 41.786
XYZ	23.555, 16.353, 4.201
xyY	0.534, 0.371, 16.353
CIE-LCH	47.435, 58.29, 45.796
CIE-LUV	47.435, 84.433, 33.657
Hunter-Lab	40.439, 33.206, 22.147
Binary	10111010, 01010000, 00101011

#ba502b
```
#ba502b rgb(186,80,43)
```
#2b95ba
```
#2b95ba rgb(43,149,186)
```

Complementary Color

#ba2b4e
```
#ba2b4e rgb(186,43,78)
```
#ba502b
```
#ba502b rgb(186,80,43)
```
#ba982b
```
#ba982b rgb(186,152,43)
```

Analogous Color

#2b4eba
```
#2b4eba rgb(43,78,186)
```
#ba502b
```
#ba502b rgb(186,80,43)
```
#2bba98
```
#2bba98 rgb(43,186,152)
```

Split Complementary Color

#502bba
```
#502bba rgb(80,43,186)
```
#ba502b
```
#ba502b rgb(186,80,43)
```
#2bba50
```
#2bba50 rgb(43,186,80)
```

Triadic Color

#ba2b95
```
#ba2b95 rgb(186,43,149)
```
#ba502b
```
#ba502b rgb(186,80,43)
```
#2bba50
```
#2bba50 rgb(43,186,80)
```
#2b95ba
```
#2b95ba rgb(43,149,186)
```

Tetradic Color

#7c351d
```
#7c351d rgb(124,53,29)
```
#913e21
```
#913e21 rgb(145,62,33)
```
#a54726
```
#a54726 rgb(165,71,38)
```
#ba502b
```
#ba502b rgb(186,80,43)
```
#cf5930
```
#cf5930 rgb(207,89,48)
```
#d46944
```
#d46944 rgb(212,105,68)
```
#d97a59
```
#d97a59 rgb(217,122,89)
```

Monochromatic Color

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

#ba2c2b
```
#ba2c2b rgb(186,44,43)
```
#ba382b
```
#ba382b rgb(186,56,43)
```
#ba442b
```
#ba442b rgb(186,68,43)
```
#ba502b
```
#ba502b rgb(186,80,43)
```
#ba5c2b
```
#ba5c2b rgb(186,92,43)
```
#ba682b
```
#ba682b rgb(186,104,43)
```
#ba742b
```
#ba742b rgb(186,116,43)
```

Similar Colors

Text with hexadecimal color #ba502b

This text has a font color of #ba502b.

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

#ba502b background color

This paragraph has a background color of #ba502b.

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

#ba502b border color

This element has a border color of #ba502b.

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

CSS codes

.text {color:#ba502b;}

.background {background-color:#ba502b;}

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

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, #0b0502 is the darkest color, while #fefbfa is the lightest one.

#0b0502
```
#0b0502 rgb(11,5,2)
```
#1b0b06
```
#1b0b06 rgb(27,11,6)
```
#2b120a
```
#2b120a rgb(43,18,10)
```
#3b190e
```
#3b190e rgb(59,25,14)
```
#4a2011
```
#4a2011 rgb(74,32,17)
```
#5a2715
```
#5a2715 rgb(90,39,21)
```
#6a2e19
```
#6a2e19 rgb(106,46,25)
```
#7a351c
```
#7a351c rgb(122,53,28)
```
#8a3b20
```
#8a3b20 rgb(138,59,32)
```
#9a4224
```
#9a4224 rgb(154,66,36)
```
#aa4927
```
#aa4927 rgb(170,73,39)
```
#ba502b
```
#ba502b rgb(186,80,43)
```
#ca572f
```
#ca572f rgb(202,87,47)
```

Shade Color Variation

#d2623b
```
#d2623b rgb(210,98,59)
```
#d56e4b
```
#d56e4b rgb(213,110,75)
```
#d97b5a
```
#d97b5a rgb(217,123,90)
```
#dd886a
```
#dd886a rgb(221,136,106)
```
#e0957a
```
#e0957a rgb(224,149,122)
```
#e4a28a
```
#e4a28a rgb(228,162,138)
```
#e8ae9a
```
#e8ae9a rgb(232,174,154)
```
#ebbbaa
```
#ebbbaa rgb(235,187,170)
```
#efc8ba
```
#efc8ba rgb(239,200,186)
```
#f3d5ca
```
#f3d5ca rgb(243,213,202)
```
#f6e1da
```
#f6e1da rgb(246,225,218)
```
#faeeea
```
#faeeea rgb(250,238,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#747271
```
#747271 rgb(116,114,113)
```
#7c6e69
```
#7c6e69 rgb(124,110,105)
```
#856960
```
#856960 rgb(133,105,96)
```
#8e6557
```
#8e6557 rgb(142,101,87)
```
#97614e
```
#97614e rgb(151,97,78)
```
#a05d45
```
#a05d45 rgb(160,93,69)
```
#a8583d
```
#a8583d rgb(168,88,61)
```
#b15434
```
#b15434 rgb(177,84,52)
```
#ba502b
```
#ba502b rgb(186,80,43)
```
#c34c22
```
#c34c22 rgb(195,76,34)
```
#cc4819
```
#cc4819 rgb(204,72,25)
```
#d44311
```
#d44311 rgb(212,67,17)
```
#dd3f08
```
#dd3f08 rgb(221,63,8)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7b665e Atypical Achromatopsia 0.001% of the population

Dichromacy

#84783e Protanopia 1% of men
#94722e Deuteranopia 1% of men
#bf5459 Tritanopia 0.001% of the population

Trichromacy

#976937 Protanomaly 1% of men, 0.01% of women
#a2652d Deuteranomaly 6% of men, 0.4% of women
#bd5348 Tritanomaly 0.01% of the population

#ba502b hex color

#ba502b Color Information

#ba502b Color Conversion

Color Schemes with #ba502b

Alternatives to #ba502b

#ba502b Preview

Shades and Tints of #ba502b

Tones of #ba502b

Color Blindness Simulator