#ba3529 hex color

In a RGB color space, hex #ba3529 is composed of 72.9% red, 20.8% green and 16.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.5% magenta, 78% yellow and 27.1% black. It has a hue angle of 5 degrees, a saturation of 63.9% and a lightness of 44.5%. #ba3529 color hex could be obtained by blending #ff6a52 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 21
- B 16
RGB color chart
- C 0
- M 72
- Y 78
- K 27
CMYK color chart

● #ba3529 color description : Strong red.

The hexadecimal color #ba3529 has RGB values of R:186, G:53, B:41 and CMYK values of C:0, M:0.72, Y:0.78, K:0.27. Its decimal value is 12203305.

Hex triplet	ba3529	`#ba3529`
RGB Decimal	186, 53, 41	`rgb(186,53,41)`
RGB Percent	72.9, 20.8, 16.1	`rgb(72.9%,20.8%,16.1%)`
CMYK	0, 72, 78, 27
HSL	5°, 63.9, 44.5	`hsl(5,63.9%,44.5%)`
HSV (or HSB)	5°, 78, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.985, 52.394, 38.222
XYZ	21.924, 13.148, 3.481
xyY	0.569, 0.341, 13.148
CIE-LCH	42.985, 64.854, 36.111
CIE-LUV	42.985, 102.896, 26.306
Hunter-Lab	36.26, 44.472, 19.69
Binary	10111010, 00110101, 00101001

#ba3529
```
#ba3529 rgb(186,53,41)
```
#29aeba
```
#29aeba rgb(41,174,186)
```

Complementary Color

#ba2966
```
#ba2966 rgb(186,41,102)
```
#ba3529
```
#ba3529 rgb(186,53,41)
```
#ba7e29
```
#ba7e29 rgb(186,126,41)
```

Analogous Color

#2966ba
```
#2966ba rgb(41,102,186)
```
#ba3529
```
#ba3529 rgb(186,53,41)
```
#29ba7e
```
#29ba7e rgb(41,186,126)
```

Split Complementary Color

#3529ba
```
#3529ba rgb(53,41,186)
```
#ba3529
```
#ba3529 rgb(186,53,41)
```
#29ba35
```
#29ba35 rgb(41,186,53)
```

Triadic Color

#ba29ae
```
#ba29ae rgb(186,41,174)
```
#ba3529
```
#ba3529 rgb(186,53,41)
```
#29ba35
```
#29ba35 rgb(41,186,53)
```
#29aeba
```
#29aeba rgb(41,174,186)
```

Tetradic Color

#7b231b
```
#7b231b rgb(123,35,27)
```
#902920
```
#902920 rgb(144,41,32)
```
#a52f24
```
#a52f24 rgb(165,47,36)
```
#ba3529
```
#ba3529 rgb(186,53,41)
```
#cf3b2e
```
#cf3b2e rgb(207,59,46)
```
#d54d41
```
#d54d41 rgb(213,77,65)
```
#da6156
```
#da6156 rgb(218,97,86)
```

Monochromatic Color

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

#ba2941
```
#ba2941 rgb(186,41,65)
```
#ba2935
```
#ba2935 rgb(186,41,53)
```
#ba2929
```
#ba2929 rgb(186,41,41)
```
#ba3529
```
#ba3529 rgb(186,53,41)
```
#ba4129
```
#ba4129 rgb(186,65,41)
```
#ba4d29
```
#ba4d29 rgb(186,77,41)
```
#ba5929
```
#ba5929 rgb(186,89,41)
```

Similar Colors

Text with hexadecimal color #ba3529

This text has a font color of #ba3529.

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

#ba3529 background color

This paragraph has a background color of #ba3529.

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

#ba3529 border color

This element has a border color of #ba3529.

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

CSS codes

.text {color:#ba3529;}

.background {background-color:#ba3529;}

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

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

#090302
```
#090302 rgb(9,3,2)
```
#190706
```
#190706 rgb(25,7,6)
```
#290c09
```
#290c09 rgb(41,12,9)
```
#39100d
```
#39100d rgb(57,16,13)
```
#491510
```
#491510 rgb(73,21,16)
```
#5a1a14
```
#5a1a14 rgb(90,26,20)
```
#6a1e17
```
#6a1e17 rgb(106,30,23)
```
#7a231b
```
#7a231b rgb(122,35,27)
```
#8a271e
```
#8a271e rgb(138,39,30)
```
#9a2c22
```
#9a2c22 rgb(154,44,34)
```
#aa3025
```
#aa3025 rgb(170,48,37)
```
#ba3529
```
#ba3529 rgb(186,53,41)
```
#ca3a2d
```
#ca3a2d rgb(202,58,45)
```

Shade Color Variation

#d34437
```
#d34437 rgb(211,68,55)
```
#d75347
```
#d75347 rgb(215,83,71)
```
#da6257
```
#da6257 rgb(218,98,87)
```
#de7167
```
#de7167 rgb(222,113,103)
```
#e18078
```
#e18078 rgb(225,128,120)
```
#e58f88
```
#e58f88 rgb(229,143,136)
```
#e89e98
```
#e89e98 rgb(232,158,152)
```
#ecada8
```
#ecada8 rgb(236,173,168)
```
#efbcb8
```
#efbcb8 rgb(239,188,184)
```
#f3cbc8
```
#f3cbc8 rgb(243,203,200)
```
#f6dbd8
```
#f6dbd8 rgb(246,219,216)
```
#faeae8
```
#faeae8 rgb(250,234,232)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#746f6f
```
#746f6f rgb(116,111,111)
```
#7d6866
```
#7d6866 rgb(125,104,102)
```
#86615d
```
#86615d rgb(134,97,93)
```
#8e5955
```
#8e5955 rgb(142,89,85)
```
#97524c
```
#97524c rgb(151,82,76)
```
#a04b43
```
#a04b43 rgb(160,75,67)
```
#a9443a
```
#a9443a rgb(169,68,58)
```
#b13c32
```
#b13c32 rgb(177,60,50)
```
#ba3529
```
#ba3529 rgb(186,53,41)
```
#c32e20
```
#c32e20 rgb(195,46,32)
```
#cb2618
```
#cb2618 rgb(203,38,24)
```
#d41f0f
```
#d41f0f rgb(212,31,15)
```
#dd1806
```
#dd1806 rgb(221,24,6)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e5351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776d41 Protanopia 1% of men
#876829 Deuteranopia 1% of men
#be3d40 Tritanopia 0.001% of the population

Trichromacy

#8f5838 Protanomaly 1% of men, 0.01% of women
#995529 Deuteranomaly 6% of men, 0.4% of women
#bc3a37 Tritanomaly 0.01% of the population

#ba3529 hex color

#ba3529 Color Information

#ba3529 Color Conversion

Color Schemes with #ba3529

Alternatives to #ba3529

#ba3529 Preview

Shades and Tints of #ba3529

Tones of #ba3529

Color Blindness Simulator