#ba1c24 hex color

In a RGB color space, hex #ba1c24 is composed of 72.9% red, 11% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.9% magenta, 80.6% yellow and 27.1% black. It has a hue angle of 357 degrees, a saturation of 73.8% and a lightness of 42%. #ba1c24 color hex could be obtained by blending #ff3848 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 11
- B 14
RGB color chart
- C 0
- M 85
- Y 81
- K 27
CMYK color chart

● #ba1c24 color description : Strong red.

The hexadecimal color #ba1c24 has RGB values of R:186, G:28, B:36 and CMYK values of C:0, M:0.85, Y:0.81, K:0.27. Its decimal value is 12196900.

Hex triplet	ba1c24	`#ba1c24`
RGB Decimal	186, 28, 36	`rgb(186,28,36)`
RGB Percent	72.9, 11, 14.1	`rgb(72.9%,11%,14.1%)`
CMYK	0, 85, 81, 27
HSL	357°, 73.8, 42	`hsl(357,73.8%,42%)`
HSV (or HSB)	357°, 84.9, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	40.246, 59.759, 38.193
XYZ	20.984, 11.4, 2.764
xyY	0.597, 0.324, 11.4
CIE-LCH	40.246, 70.921, 32.583
CIE-LUV	40.246, 115.771, 22.994
Hunter-Lab	33.763, 51.855, 18.78
Binary	10111010, 00011100, 00100100

#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#1cbab2
```
#1cbab2 rgb(28,186,178)
```

Complementary Color

#ba1c73
```
#ba1c73 rgb(186,28,115)
```
#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#ba631c
```
#ba631c rgb(186,99,28)
```

Analogous Color

#1c73ba
```
#1c73ba rgb(28,115,186)
```
#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#1cba63
```
#1cba63 rgb(28,186,99)
```

Split Complementary Color

#1c24ba
```
#1c24ba rgb(28,36,186)
```
#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#24ba1c
```
#24ba1c rgb(36,186,28)
```

Triadic Color

#b21cba
```
#b21cba rgb(178,28,186)
```
#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#24ba1c
```
#24ba1c rgb(36,186,28)
```
#1cbab2
```
#1cbab2 rgb(28,186,178)
```

Tetradic Color

#781217
```
#781217 rgb(120,18,23)
```
#8e151b
```
#8e151b rgb(142,21,27)
```
#a41920
```
#a41920 rgb(164,25,32)
```
#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#d01f28
```
#d01f28 rgb(208,31,40)
```
#df2a33
```
#df2a33 rgb(223,42,51)
```
#e24048
```
#e24048 rgb(226,64,72)
```

Monochromatic Color

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

#ba1c4c
```
#ba1c4c rgb(186,28,76)
```
#ba1c3e
```
#ba1c3e rgb(186,28,62)
```
#ba1c31
```
#ba1c31 rgb(186,28,49)
```
#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#ba211c
```
#ba211c rgb(186,33,28)
```
#ba2e1c
```
#ba2e1c rgb(186,46,28)
```
#ba3b1c
```
#ba3b1c rgb(186,59,28)
```

Similar Colors

Text with hexadecimal color #ba1c24

This text has a font color of #ba1c24.

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

#ba1c24 background color

This paragraph has a background color of #ba1c24.

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

#ba1c24 border color

This element has a border color of #ba1c24.

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

CSS codes

.text {color:#ba1c24;}

.background {background-color:#ba1c24;}

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

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

#100203
```
#100203 rgb(16,2,3)
```
#210506
```
#210506 rgb(33,5,6)
```
#32070a
```
#32070a rgb(50,7,10)
```
#430a0d
```
#430a0d rgb(67,10,13)
```
#540d10
```
#540d10 rgb(84,13,16)
```
#650f14
```
#650f14 rgb(101,15,20)
```
#761217
```
#761217 rgb(118,18,23)
```
#87141a
```
#87141a rgb(135,20,26)
```
#98171d
```
#98171d rgb(152,23,29)
```
#a91921
```
#a91921 rgb(169,25,33)
```
#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#cb1f27
```
#cb1f27 rgb(203,31,39)
```
#dc212b
```
#dc212b rgb(220,33,43)
```

Shade Color Variation

#e0313a
```
#e0313a rgb(224,49,58)
```
#e3424a
```
#e3424a rgb(227,66,74)
```
#e5535a
```
#e5535a rgb(229,83,90)
```
#e8646b
```
#e8646b rgb(232,100,107)
```
#ea757b
```
#ea757b rgb(234,117,123)
```
#ed868b
```
#ed868b rgb(237,134,139)
```
#ef979c
```
#ef979c rgb(239,151,156)
```
#f2a8ac
```
#f2a8ac rgb(242,168,172)
```
#f5b9bc
```
#f5b9bc rgb(245,185,188)
```
#f7cacd
```
#f7cacd rgb(247,202,205)
```
#fadbdd
```
#fadbdd rgb(250,219,221)
```
#fceced
```
#fceced rgb(252,236,237)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#706667
```
#706667 rgb(112,102,103)
```
#785e5f
```
#785e5f rgb(120,94,95)
```
#805658
```
#805658 rgb(128,86,88)
```
#894d50
```
#894d50 rgb(137,77,80)
```
#914549
```
#914549 rgb(145,69,73)
```
#993d42
```
#993d42 rgb(153,61,66)
```
#a1353a
```
#a1353a rgb(161,53,58)
```
#aa2c33
```
#aa2c33 rgb(170,44,51)
```
#b2242b
```
#b2242b rgb(178,36,43)
```
#ba1c24
```
#ba1c24 rgb(186,28,36)
```
#c2141d
```
#c2141d rgb(194,20,29)
```
#ca0c15
```
#ca0c15 rgb(202,12,21)
```
#d3030e
```
#d3030e rgb(211,3,14)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#624244 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70673f Protanopia 1% of men
#806222 Deuteranopia 1% of men
#bd2928 Tritanopia 0.001% of the population

Trichromacy

#8b4b35 Protanomaly 1% of men, 0.01% of women
#954822 Deuteranomaly 6% of men, 0.4% of women
#bc2426 Tritanomaly 0.01% of the population

#ba1c24 hex color

#ba1c24 Color Information

#ba1c24 Color Conversion

Color Schemes with #ba1c24

Alternatives to #ba1c24

#ba1c24 Preview

Shades and Tints of #ba1c24

Tones of #ba1c24

Color Blindness Simulator