#ba3a2a hex color

In a RGB color space, hex #ba3a2a is composed of 72.9% red, 22.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 77.4% yellow and 27.1% black. It has a hue angle of 6.7 degrees, a saturation of 63.2% and a lightness of 44.7%. #ba3a2a color hex could be obtained by blending #ff7454 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 23
- B 16
RGB color chart
- C 0
- M 69
- Y 77
- K 27
CMYK color chart

● #ba3a2a color description : Strong red.

The hexadecimal color #ba3a2a has RGB values of R:186, G:58, B:42 and CMYK values of C:0, M:0.69, Y:0.77, K:0.27. Its decimal value is 12204586.

Hex triplet	ba3a2a	`#ba3a2a`
RGB Decimal	186, 58, 42	`rgb(186,58,42)`
RGB Percent	72.9, 22.7, 16.5	`rgb(72.9%,22.7%,16.5%)`
CMYK	0, 69, 77, 27
HSL	6.7°, 63.2, 44.7	`hsl(6.7,63.2%,44.7%)`
HSV (or HSB)	6.7°, 77.4, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.705, 50.49, 38.427
XYZ	22.182, 13.635, 3.654
xyY	0.562, 0.345, 13.635
CIE-LCH	43.705, 63.45, 37.274
CIE-LUV	43.705, 99.702, 27.266
Hunter-Lab	36.925, 42.608, 19.98
Binary	10111010, 00111010, 00101010

#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#2aaaba
```
#2aaaba rgb(42,170,186)
```

Complementary Color

#ba2a62
```
#ba2a62 rgb(186,42,98)
```
#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#ba822a
```
#ba822a rgb(186,130,42)
```

Analogous Color

#2a62ba
```
#2a62ba rgb(42,98,186)
```
#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#2aba82
```
#2aba82 rgb(42,186,130)
```

Split Complementary Color

#3a2aba
```
#3a2aba rgb(58,42,186)
```
#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#2aba3a
```
#2aba3a rgb(42,186,58)
```

Triadic Color

#ba2aaa
```
#ba2aaa rgb(186,42,170)
```
#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#2aba3a
```
#2aba3a rgb(42,186,58)
```
#2aaaba
```
#2aaaba rgb(42,170,186)
```

Tetradic Color

#7c271c
```
#7c271c rgb(124,39,28)
```
#902d21
```
#902d21 rgb(144,45,33)
```
#a53425
```
#a53425 rgb(165,52,37)
```
#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#cf402f
```
#cf402f rgb(207,64,47)
```
#d45343
```
#d45343 rgb(212,83,67)
```
#d96657
```
#d96657 rgb(217,102,87)
```

Monochromatic Color

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

#ba2a3e
```
#ba2a3e rgb(186,42,62)
```
#ba2a32
```
#ba2a32 rgb(186,42,50)
```
#ba2e2a
```
#ba2e2a rgb(186,46,42)
```
#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#ba462a
```
#ba462a rgb(186,70,42)
```
#ba522a
```
#ba522a rgb(186,82,42)
```
#ba5e2a
```
#ba5e2a rgb(186,94,42)
```

Similar Colors

Text with hexadecimal color #ba3a2a

This text has a font color of #ba3a2a.

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

#ba3a2a background color

This paragraph has a background color of #ba3a2a.

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

#ba3a2a border color

This element has a border color of #ba3a2a.

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

CSS codes

.text {color:#ba3a2a;}

.background {background-color:#ba3a2a;}

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

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

#0a0302
```
#0a0302 rgb(10,3,2)
```
#1a0806
```
#1a0806 rgb(26,8,6)
```
#2a0d09
```
#2a0d09 rgb(42,13,9)
```
#3a120d
```
#3a120d rgb(58,18,13)
```
#4a1711
```
#4a1711 rgb(74,23,17)
```
#5a1c14
```
#5a1c14 rgb(90,28,20)
```
#6a2118
```
#6a2118 rgb(106,33,24)
```
#7a261c
```
#7a261c rgb(122,38,28)
```
#8a2b1f
```
#8a2b1f rgb(138,43,31)
```
#9a3023
```
#9a3023 rgb(154,48,35)
```
#aa3526
```
#aa3526 rgb(170,53,38)
```
#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#ca3f2e
```
#ca3f2e rgb(202,63,46)
```

Shade Color Variation

#d24a39
```
#d24a39 rgb(210,74,57)
```
#d65949
```
#d65949 rgb(214,89,73)
```
#da6759
```
#da6759 rgb(218,103,89)
```
#dd7669
```
#dd7669 rgb(221,118,105)
```
#e18479
```
#e18479 rgb(225,132,121)
```
#e49389
```
#e49389 rgb(228,147,137)
```
#e8a299
```
#e8a299 rgb(232,162,153)
```
#ecb0a9
```
#ecb0a9 rgb(236,176,169)
```
#efbfb9
```
#efbfb9 rgb(239,191,185)
```
#f3cec9
```
#f3cec9 rgb(243,206,201)
```
#f6dcd9
```
#f6dcd9 rgb(246,220,217)
```
#faebe9
```
#faebe9 rgb(250,235,233)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#747170
```
#747170 rgb(116,113,112)
```
#7d6a67
```
#7d6a67 rgb(125,106,103)
```
#85635f
```
#85635f rgb(133,99,95)
```
#8e5c56
```
#8e5c56 rgb(142,92,86)
```
#97554d
```
#97554d rgb(151,85,77)
```
#a04e44
```
#a04e44 rgb(160,78,68)
```
#a8483c
```
#a8483c rgb(168,72,60)
```
#b14133
```
#b14133 rgb(177,65,51)
```
#ba3a2a
```
#ba3a2a rgb(186,58,42)
```
#c33321
```
#c33321 rgb(195,51,33)
```
#cc2c18
```
#cc2c18 rgb(204,44,24)
```
#d42610
```
#d42610 rgb(212,38,16)
```
#dd1f07
```
#dd1f07 rgb(221,31,7)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#705754 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796f41 Protanopia 1% of men
#896a2b Deuteranopia 1% of men
#be4245 Tritanopia 0.001% of the population

Trichromacy

#915b39 Protanomaly 1% of men, 0.01% of women
#9b582a Deuteranomaly 6% of men, 0.4% of women
#bc3f3b Tritanomaly 0.01% of the population

#ba3a2a hex color

#ba3a2a Color Information

#ba3a2a Color Conversion

Color Schemes with #ba3a2a

Alternatives to #ba3a2a

#ba3a2a Preview

Shades and Tints of #ba3a2a

Tones of #ba3a2a

Color Blindness Simulator