colorhexa.com

#ba2c1f hex color

In a RGB color space, hex #ba2c1f is composed of 72.9% red, 17.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.3% magenta, 83.3% yellow and 27.1% black. It has a hue angle of 5 degrees, a saturation of 71.4% and a lightness of 42.5%. #ba2c1f color hex could be obtained by blending #ff583e with #750000. Closest websafe color is: #cc3333.

- R 73
- G 17
- B 12
RGB color chart
- C 0
- M 76
- Y 83
- K 27
CMYK color chart

● #ba2c1f color description : Strong red.

The hexadecimal color #ba2c1f has RGB values of R:186, G:44, B:31 and CMYK values of C:0, M:0.76, Y:0.83, K:0.27. Its decimal value is 12200991.

Hex triplet	ba2c1f	`#ba2c1f`
RGB Decimal	186, 44, 31	`rgb(186,44,31)`
RGB Percent	72.9, 17.3, 12.2	`rgb(72.9%,17.3%,12.2%)`
CMYK	0, 76, 83, 27
HSL	5°, 71.4, 42.5	`hsl(5,71.4%,42.5%)`
HSV (or HSB)	5°, 83.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.755, 55.23, 42.342
XYZ	21.399, 12.342, 2.552
xyY	0.59, 0.34, 12.342
CIE-LCH	41.755, 69.594, 37.476
CIE-LUV	41.755, 109.535, 27.289
Hunter-Lab	35.131, 47.247, 20.285
Binary	10111010, 00101100, 00011111

#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#1fadba
```
#1fadba rgb(31,173,186)
```

Complementary Color

#ba1f60
```
#ba1f60 rgb(186,31,96)
```
#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#ba7a1f
```
#ba7a1f rgb(186,122,31)
```

Analogous Color

#1f60ba
```
#1f60ba rgb(31,96,186)
```
#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#1fba7a
```
#1fba7a rgb(31,186,122)
```

Split Complementary Color

#2c1fba
```
#2c1fba rgb(44,31,186)
```
#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#1fba2c
```
#1fba2c rgb(31,186,44)
```

Triadic Color

#ba1fad
```
#ba1fad rgb(186,31,173)
```
#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#1fba2c
```
#1fba2c rgb(31,186,44)
```
#1fadba
```
#1fadba rgb(31,173,186)
```

Tetradic Color

#781c14
```
#781c14 rgb(120,28,20)
```
#8e2218
```
#8e2218 rgb(142,34,24)
```
#a4271b
```
#a4271b rgb(164,39,27)
```
#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#d03123
```
#d03123 rgb(208,49,35)
```
#dc3e30
```
#dc3e30 rgb(220,62,48)
```
#e05245
```
#e05245 rgb(224,82,69)
```

Monochromatic Color

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

#ba1f39
```
#ba1f39 rgb(186,31,57)
```
#ba1f2c
```
#ba1f2c rgb(186,31,44)
```
#ba1f1f
```
#ba1f1f rgb(186,31,31)
```
#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#ba391f
```
#ba391f rgb(186,57,31)
```
#ba461f
```
#ba461f rgb(186,70,31)
```
#ba531f
```
#ba531f rgb(186,83,31)
```

Similar Colors

Text with hexadecimal color #ba2c1f

This text has a font color of #ba2c1f.

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

#ba2c1f background color

This paragraph has a background color of #ba2c1f.

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

#ba2c1f border color

This element has a border color of #ba2c1f.

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

CSS codes

.text {color:#ba2c1f;}

.background {background-color:#ba2c1f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120403
```
#120403 rgb(18,4,3)
```
#230806
```
#230806 rgb(35,8,6)
```
#330c09
```
#330c09 rgb(51,12,9)
```
#44100b
```
#44100b rgb(68,16,11)
```
#55140e
```
#55140e rgb(85,20,14)
```
#661811
```
#661811 rgb(102,24,17)
```
#771c14
```
#771c14 rgb(119,28,20)
```
#882017
```
#882017 rgb(136,32,23)
```
#982419
```
#982419 rgb(152,36,25)
```
#a9281c
```
#a9281c rgb(169,40,28)
```
#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#cb3022
```
#cb3022 rgb(203,48,34)
```

Shade Color Variation

#db3525
```
#db3525 rgb(219,53,37)
```
#de4436
```
#de4436 rgb(222,68,54)
```
#e05447
```
#e05447 rgb(224,84,71)
```
#e36458
```
#e36458 rgb(227,100,88)
```
#e67369
```
#e67369 rgb(230,115,105)
```
#e9837a
```
#e9837a rgb(233,131,122)
```
#ec938a
```
#ec938a rgb(236,147,138)
```
#eea29b
```
#eea29b rgb(238,162,155)
```
#f1b2ac
```
#f1b2ac rgb(241,178,172)
```
#f4c1bd
```
#f4c1bd rgb(244,193,189)
```
#f7d1ce
```
#f7d1ce rgb(247,209,206)
```
#fae1de
```
#fae1de rgb(250,225,222)
```
#fcf0ef
```
#fcf0ef rgb(252,240,239)
```

Tint Color Variation

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

#6f6b6a
```
#6f6b6a rgb(111,107,106)
```
#776462
```
#776462 rgb(119,100,98)
```
#805d59
```
#805d59 rgb(128,93,89)
```
#885651
```
#885651 rgb(136,86,81)
```
#904f49
```
#904f49 rgb(144,79,73)
```
#994840
```
#994840 rgb(153,72,64)
```
#a14138
```
#a14138 rgb(161,65,56)
```
#a93a30
```
#a93a30 rgb(169,58,48)
```
#b23327
```
#b23327 rgb(178,51,39)
```
#ba2c1f
```
#ba2c1f rgb(186,44,31)
```
#c22517
```
#c22517 rgb(194,37,23)
```
#cb1e0e
```
#cb1e0e rgb(203,30,14)
```
#d31706
```
#d31706 rgb(211,23,6)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#694d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a37 Protanopia 1% of men
#84651c Deuteranopia 1% of men
#bd3536 Tritanopia 0.001% of the population

Trichromacy

#8e532e Protanomaly 1% of men, 0.01% of women
#98501d Deuteranomaly 6% of men, 0.4% of women
#bc312e Tritanomaly 0.01% of the population