#ba2419 hex color

In a RGB color space, hex #ba2419 is composed of 72.9% red, 14.1% green and 9.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 86.6% yellow and 27.1% black. It has a hue angle of 4.1 degrees, a saturation of 76.3% and a lightness of 41.4%. #ba2419 color hex could be obtained by blending #ff4832 with #750000. Closest websafe color is: #cc3300.

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

● #ba2419 color description : Strong red.

The hexadecimal color #ba2419 has RGB values of R:186, G:36, B:25 and CMYK values of C:0, M:0.81, Y:0.87, K:0.27. Its decimal value is 12198937.

Hex triplet	ba2419	`#ba2419`
RGB Decimal	186, 36, 25	`rgb(186,36,25)`
RGB Percent	72.9, 14.1, 9.8	`rgb(72.9%,14.1%,9.8%)`
CMYK	0, 81, 87, 27
HSL	4.1°, 76.3, 41.4	`hsl(4.1,76.3%,41.4%)`
HSV (or HSB)	4.1°, 86.6, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	40.854, 57.484, 44.53
XYZ	21.057, 11.774, 2.083
xyY	0.603, 0.337, 11.774
CIE-LCH	40.854, 72.714, 37.763
CIE-LUV	40.854, 114.305, 27.253
Hunter-Lab	34.313, 49.495, 20.419
Binary	10111010, 00100100, 00011001

#ba2419
```
#ba2419 rgb(186,36,25)
```
#19afba
```
#19afba rgb(25,175,186)
```

Complementary Color

#ba195e
```
#ba195e rgb(186,25,94)
```
#ba2419
```
#ba2419 rgb(186,36,25)
```
#ba7519
```
#ba7519 rgb(186,117,25)
```

Analogous Color

#195fba
```
#195fba rgb(25,95,186)
```
#ba2419
```
#ba2419 rgb(186,36,25)
```
#19ba75
```
#19ba75 rgb(25,186,117)
```

Split Complementary Color

#2419ba
```
#2419ba rgb(36,25,186)
```
#ba2419
```
#ba2419 rgb(186,36,25)
```
#19ba24
```
#19ba24 rgb(25,186,36)
```

Triadic Color

#ba19af
```
#ba19af rgb(186,25,175)
```
#ba2419
```
#ba2419 rgb(186,36,25)
```
#19ba24
```
#19ba24 rgb(25,186,36)
```
#19afba
```
#19afba rgb(25,175,186)
```

Tetradic Color

#771710
```
#771710 rgb(119,23,16)
```
#8d1b13
```
#8d1b13 rgb(141,27,19)
```
#a42016
```
#a42016 rgb(164,32,22)
```
#ba2419
```
#ba2419 rgb(186,36,25)
```
#d0281c
```
#d0281c rgb(208,40,28)
```
#e23124
```
#e23124 rgb(226,49,36)
```
#e5463b
```
#e5463b rgb(229,70,59)
```

Monochromatic Color

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

#ba1936
```
#ba1936 rgb(186,25,54)
```
#ba1929
```
#ba1929 rgb(186,25,41)
```
#ba191b
```
#ba191b rgb(186,25,27)
```
#ba2419
```
#ba2419 rgb(186,36,25)
```
#ba3119
```
#ba3119 rgb(186,49,25)
```
#ba3f19
```
#ba3f19 rgb(186,63,25)
```
#ba4c19
```
#ba4c19 rgb(186,76,25)
```

Similar Colors

Text with hexadecimal color #ba2419

This text has a font color of #ba2419.

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

#ba2419 background color

This paragraph has a background color of #ba2419.

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

#ba2419 border color

This element has a border color of #ba2419.

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

CSS codes

.text {color:#ba2419;}

.background {background-color:#ba2419;}

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

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

#0d0302
```
#0d0302 rgb(13,3,2)
```
#1e0604
```
#1e0604 rgb(30,6,4)
```
#300906
```
#300906 rgb(48,9,6)
```
#410d09
```
#410d09 rgb(65,13,9)
```
#52100b
```
#52100b rgb(82,16,11)
```
#64130d
```
#64130d rgb(100,19,13)
```
#751710
```
#751710 rgb(117,23,16)
```
#861a12
```
#861a12 rgb(134,26,18)
```
#971d14
```
#971d14 rgb(151,29,20)
```
#a92117
```
#a92117 rgb(169,33,23)
```
#ba2419
```
#ba2419 rgb(186,36,25)
```
#cb271b
```
#cb271b rgb(203,39,27)
```
#dd2b1e
```
#dd2b1e rgb(221,43,30)
```

Shade Color Variation

#e3382b
```
#e3382b rgb(227,56,43)
```
#e5483d
```
#e5483d rgb(229,72,61)
```
#e7584e
```
#e7584e rgb(231,88,78)
```
#ea695f
```
#ea695f rgb(234,105,95)
```
#ec7970
```
#ec7970 rgb(236,121,112)
```
#ee8982
```
#ee8982 rgb(238,137,130)
```
#f09993
```
#f09993 rgb(240,153,147)
```
#f3aaa4
```
#f3aaa4 rgb(243,170,164)
```
#f5bab6
```
#f5bab6 rgb(245,186,182)
```
#f7cac7
```
#f7cac7 rgb(247,202,199)
```
#fadbd8
```
#fadbd8 rgb(250,219,216)
```
#fcebea
```
#fcebea rgb(252,235,234)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#716362
```
#716362 rgb(113,99,98)
```
#795c5a
```
#795c5a rgb(121,92,90)
```
#815552
```
#815552 rgb(129,85,82)
```
#894e4a
```
#894e4a rgb(137,78,74)
```
#914742
```
#914742 rgb(145,71,66)
```
#9a4039
```
#9a4039 rgb(154,64,57)
```
#a23931
```
#a23931 rgb(162,57,49)
```
#aa3229
```
#aa3229 rgb(170,50,41)
```
#b22b21
```
#b22b21 rgb(178,43,33)
```
#ba2419
```
#ba2419 rgb(186,36,25)
```
#c21d11
```
#c21d11 rgb(194,29,17)
```
#ca1609
```
#ca1609 rgb(202,22,9)
```
#d20f01
```
#d20f01 rgb(210,15,1)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#654745 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736832 Protanopia 1% of men
#826311 Deuteranopia 1% of men
#bd2e2e Tritanopia 0.001% of the population

Trichromacy

#8d4f29 Protanomaly 1% of men, 0.01% of women
#964c14 Deuteranomaly 6% of men, 0.4% of women
#bc2a26 Tritanomaly 0.01% of the population

#ba2419 hex color

#ba2419 Color Information

#ba2419 Color Conversion

Color Schemes with #ba2419

Alternatives to #ba2419

#ba2419 Preview

Shades and Tints of #ba2419

Tones of #ba2419

Color Blindness Simulator