#ba2218 hex color

In a RGB color space, hex #ba2218 is composed of 72.9% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 87.1% yellow and 27.1% black. It has a hue angle of 3.7 degrees, a saturation of 77.1% and a lightness of 41.2%. #ba2218 color hex could be obtained by blending #ff4430 with #750000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 73
- G 13
- B 9
RGB color chart
- C 0
- M 82
- Y 87
- K 27
CMYK color chart

● #ba2218 color description : Strong red.

The hexadecimal color #ba2218 has RGB values of R:186, G:34, B:24 and CMYK values of C:0, M:0.82, Y:0.87, K:0.27. Its decimal value is 12198424.

Hex triplet	ba2218	`#ba2218`
RGB Decimal	186, 34, 24	`rgb(186,34,24)`
RGB Percent	72.9, 13.3, 9.4	`rgb(72.9%,13.3%,9.4%)`
CMYK	0, 82, 87, 27
HSL	3.7°, 77.1, 41.2	`hsl(3.7,77.1%,41.2%)`
HSV (or HSB)	3.7°, 87.1, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	40.657, 58, 44.844
XYZ	20.988, 11.652, 2.008
xyY	0.606, 0.336, 11.652
CIE-LCH	40.657, 73.314, 37.71
CIE-LUV	40.657, 115.325, 27.139
Hunter-Lab	34.135, 50.015, 20.406
Binary	10111010, 00100010, 00011000

#ba2218
```
#ba2218 rgb(186,34,24)
```
#18b0ba
```
#18b0ba rgb(24,176,186)
```

Complementary Color

#ba185f
```
#ba185f rgb(186,24,95)
```
#ba2218
```
#ba2218 rgb(186,34,24)
```
#ba7318
```
#ba7318 rgb(186,115,24)
```

Analogous Color

#185fba
```
#185fba rgb(24,95,186)
```
#ba2218
```
#ba2218 rgb(186,34,24)
```
#18ba73
```
#18ba73 rgb(24,186,115)
```

Split Complementary Color

#2218ba
```
#2218ba rgb(34,24,186)
```
#ba2218
```
#ba2218 rgb(186,34,24)
```
#18ba22
```
#18ba22 rgb(24,186,34)
```

Triadic Color

#ba18b0
```
#ba18b0 rgb(186,24,176)
```
#ba2218
```
#ba2218 rgb(186,34,24)
```
#18ba22
```
#18ba22 rgb(24,186,34)
```
#18b0ba
```
#18b0ba rgb(24,176,186)
```

Tetradic Color

#76160f
```
#76160f rgb(118,22,15)
```
#8d1a12
```
#8d1a12 rgb(141,26,18)
```
#a31e15
```
#a31e15 rgb(163,30,21)
```
#ba2218
```
#ba2218 rgb(186,34,24)
```
#d1261b
```
#d1261b rgb(209,38,27)
```
#e32e22
```
#e32e22 rgb(227,46,34)
```
#e54439
```
#e54439 rgb(229,68,57)
```

Monochromatic Color

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

#ba1836
```
#ba1836 rgb(186,24,54)
```
#ba1829
```
#ba1829 rgb(186,24,41)
```
#ba181b
```
#ba181b rgb(186,24,27)
```
#ba2218
```
#ba2218 rgb(186,34,24)
```
#ba3018
```
#ba3018 rgb(186,48,24)
```
#ba3d18
```
#ba3d18 rgb(186,61,24)
```
#ba4b18
```
#ba4b18 rgb(186,75,24)
```

Similar Colors

Text with hexadecimal color #ba2218

This text has a font color of #ba2218.

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

#ba2218 background color

This paragraph has a background color of #ba2218.

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

#ba2218 border color

This element has a border color of #ba2218.

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

CSS codes

.text {color:#ba2218;}

.background {background-color:#ba2218;}

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

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

#0c0202
```
#0c0202 rgb(12,2,2)
```
#1e0504
```
#1e0504 rgb(30,5,4)
```
#2f0906
```
#2f0906 rgb(47,9,6)
```
#400c08
```
#400c08 rgb(64,12,8)
```
#520f0b
```
#520f0b rgb(82,15,11)
```
#63120d
```
#63120d rgb(99,18,13)
```
#75150f
```
#75150f rgb(117,21,15)
```
#861811
```
#861811 rgb(134,24,17)
```
#971c14
```
#971c14 rgb(151,28,20)
```
#a91f16
```
#a91f16 rgb(169,31,22)
```
#ba2218
```
#ba2218 rgb(186,34,24)
```
#cb251a
```
#cb251a rgb(203,37,26)
```
#dd281c
```
#dd281c rgb(221,40,28)
```

Shade Color Variation

#e33529
```
#e33529 rgb(227,53,41)
```
#e6453b
```
#e6453b rgb(230,69,59)
```
#e8564c
```
#e8564c rgb(232,86,76)
```
#ea665e
```
#ea665e rgb(234,102,94)
```
#ec776f
```
#ec776f rgb(236,119,111)
```
#ef8780
```
#ef8780 rgb(239,135,128)
```
#f19892
```
#f19892 rgb(241,152,146)
```
#f3a8a3
```
#f3a8a3 rgb(243,168,163)
```
#f5b8b4
```
#f5b8b4 rgb(245,184,180)
```
#f8c9c6
```
#f8c9c6 rgb(248,201,198)
```
#fad9d7
```
#fad9d7 rgb(250,217,215)
```
#fceae9
```
#fceae9 rgb(252,234,233)
```
#fefafa
```
#fefafa rgb(254,250,250)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#716261
```
#716261 rgb(113,98,97)
```
#795b59
```
#795b59 rgb(121,91,89)
```
#815451
```
#815451 rgb(129,84,81)
```
#8a4c48
```
#8a4c48 rgb(138,76,72)
```
#924540
```
#924540 rgb(146,69,64)
```
#9a3e38
```
#9a3e38 rgb(154,62,56)
```
#a23730
```
#a23730 rgb(162,55,48)
```
#aa3028
```
#aa3028 rgb(170,48,40)
```
#b22920
```
#b22920 rgb(178,41,32)
```
#ba2218
```
#ba2218 rgb(186,34,24)
```
#c21b10
```
#c21b10 rgb(194,27,16)
```
#ca1408
```
#ca1408 rgb(202,20,8)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#644543 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736831 Protanopia 1% of men
#82630e Deuteranopia 1% of men
#bd2c2c Tritanopia 0.001% of the population

Trichromacy

#8c4e28 Protanomaly 1% of men, 0.01% of women
#964b11 Deuteranomaly 6% of men, 0.4% of women
#bc2825 Tritanomaly 0.01% of the population

#ba2218 hex color

#ba2218 Color Information

#ba2218 Color Conversion

Color Schemes with #ba2218

Alternatives to #ba2218

#ba2218 Preview

Shades and Tints of #ba2218

Tones of #ba2218

Color Blindness Simulator