#ba2b1d hex color

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

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

● #ba2b1d color description : Strong red.

The hexadecimal color #ba2b1d has RGB values of R:186, G:43, B:29 and CMYK values of C:0, M:0.77, Y:0.84, K:0.27. Its decimal value is 12200733.

Hex triplet	ba2b1d	`#ba2b1d`
RGB Decimal	186, 43, 29	`rgb(186,43,29)`
RGB Percent	72.9, 16.9, 11.4	`rgb(72.9%,16.9%,11.4%)`
CMYK	0, 77, 84, 27
HSL	5.4°, 73, 42.2	`hsl(5.4,73%,42.2%)`
HSV (or HSB)	5.4°, 84.4, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.624, 55.5, 43.236
XYZ	21.336, 12.258, 2.405
xyY	0.593, 0.341, 12.258
CIE-LCH	41.624, 70.353, 37.92
CIE-LUV	41.624, 110.348, 27.607
Hunter-Lab	35.012, 47.509, 20.436
Binary	10111010, 00101011, 00011101

#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#1dacba
```
#1dacba rgb(29,172,186)
```

Complementary Color

#ba1d5e
```
#ba1d5e rgb(186,29,94)
```
#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#ba7a1d
```
#ba7a1d rgb(186,122,29)
```

Analogous Color

#1d5dba
```
#1d5dba rgb(29,93,186)
```
#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#1dba7a
```
#1dba7a rgb(29,186,122)
```

Split Complementary Color

#2b1dba
```
#2b1dba rgb(43,29,186)
```
#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#1dba2b
```
#1dba2b rgb(29,186,43)
```

Triadic Color

#ba1dac
```
#ba1dac rgb(186,29,172)
```
#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#1dba2b
```
#1dba2b rgb(29,186,43)
```
#1dacba
```
#1dacba rgb(29,172,186)
```

Tetradic Color

#781c13
```
#781c13 rgb(120,28,19)
```
#8e2116
```
#8e2116 rgb(142,33,22)
```
#a4261a
```
#a4261a rgb(164,38,26)
```
#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#d03020
```
#d03020 rgb(208,48,32)
```
#de3c2c
```
#de3c2c rgb(222,60,44)
```
#e25042
```
#e25042 rgb(226,80,66)
```

Monochromatic Color

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

#ba1d36
```
#ba1d36 rgb(186,29,54)
```
#ba1d29
```
#ba1d29 rgb(186,29,41)
```
#ba1e1d
```
#ba1e1d rgb(186,30,29)
```
#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#ba381d
```
#ba381d rgb(186,56,29)
```
#ba451d
```
#ba451d rgb(186,69,29)
```
#ba521d
```
#ba521d rgb(186,82,29)
```

Similar Colors

Text with hexadecimal color #ba2b1d

This text has a font color of #ba2b1d.

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

#ba2b1d background color

This paragraph has a background color of #ba2b1d.

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

#ba2b1d border color

This element has a border color of #ba2b1d.

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

CSS codes

.text {color:#ba2b1d;}

.background {background-color:#ba2b1d;}

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

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

#100403
```
#100403 rgb(16,4,3)
```
#210805
```
#210805 rgb(33,8,5)
```
#320c08
```
#320c08 rgb(50,12,8)
```
#43100a
```
#43100a rgb(67,16,10)
```
#54130d
```
#54130d rgb(84,19,13)
```
#651710
```
#651710 rgb(101,23,16)
```
#761b12
```
#761b12 rgb(118,27,18)
```
#871f15
```
#871f15 rgb(135,31,21)
```
#982318
```
#982318 rgb(152,35,24)
```
#a9271a
```
#a9271a rgb(169,39,26)
```
#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#cb2f20
```
#cb2f20 rgb(203,47,32)
```
#dc3322
```
#dc3322 rgb(220,51,34)
```

Shade Color Variation

#df4233
```
#df4233 rgb(223,66,51)
```
#e25244
```
#e25244 rgb(226,82,68)
```
#e46155
```
#e46155 rgb(228,97,85)
```
#e77166
```
#e77166 rgb(231,113,102)
```
#ea8177
```
#ea8177 rgb(234,129,119)
```
#ec9188
```
#ec9188 rgb(236,145,136)
```
#efa099
```
#efa099 rgb(239,160,153)
```
#f2b0a9
```
#f2b0a9 rgb(242,176,169)
```
#f4c0ba
```
#f4c0ba rgb(244,192,186)
```
#f7cfcb
```
#f7cfcb rgb(247,207,203)
```
#fadfdc
```
#fadfdc rgb(250,223,220)
```
#fcefed
```
#fcefed rgb(252,239,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#706867
```
#706867 rgb(112,104,103)
```
#78615f
```
#78615f rgb(120,97,95)
```
#805b57
```
#805b57 rgb(128,91,87)
```
#88544f
```
#88544f rgb(136,84,79)
```
#914d46
```
#914d46 rgb(145,77,70)
```
#99463e
```
#99463e rgb(153,70,62)
```
#a13f36
```
#a13f36 rgb(161,63,54)
```
#a9392e
```
#a9392e rgb(169,57,46)
```
#b23225
```
#b23225 rgb(178,50,37)
```
#ba2b1d
```
#ba2b1d rgb(186,43,29)
```
#c22415
```
#c22415 rgb(194,36,21)
```
#cb1d0c
```
#cb1d0c rgb(203,29,12)
```
#d31704
```
#d31704 rgb(211,23,4)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#684c49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a35 Protanopia 1% of men
#846519 Deuteranopia 1% of men
#bd3435 Tritanopia 0.001% of the population

Trichromacy

#8e532c Protanomaly 1% of men, 0.01% of women
#98501a Deuteranomaly 6% of men, 0.4% of women
#bc302c Tritanomaly 0.01% of the population

#ba2b1d hex color

#ba2b1d Color Information

#ba2b1d Color Conversion

Color Schemes with #ba2b1d

Alternatives to #ba2b1d

#ba2b1d Preview

Shades and Tints of #ba2b1d

Tones of #ba2b1d

Color Blindness Simulator