#ba2215 hex color

In a RGB color space, hex #ba2215 is composed of 72.9% red, 13.3% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.7% magenta, 88.7% yellow and 27.1% black. It has a hue angle of 4.7 degrees, a saturation of 79.7% and a lightness of 40.6%. #ba2215 color hex could be obtained by blending #ff442a with #750000. Closest websafe color is: #cc3300.

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

● #ba2215 color description : Strong red.

The hexadecimal color #ba2215 has RGB values of R:186, G:34, B:21 and CMYK values of C:0, M:0.82, Y:0.89, K:0.27. Its decimal value is 12198421.

Hex triplet	ba2215	`#ba2215`
RGB Decimal	186, 34, 21	`rgb(186,34,21)`
RGB Percent	72.9, 13.3, 8.2	`rgb(72.9%,13.3%,8.2%)`
CMYK	0, 82, 89, 27
HSL	4.7°, 79.7, 40.6	`hsl(4.7,79.7%,40.6%)`
HSV (or HSB)	4.7°, 88.7, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	40.638, 57.941, 46.211
XYZ	20.958, 11.64, 1.853
xyY	0.608, 0.338, 11.64
CIE-LCH	40.638, 74.112, 38.574
CIE-LUV	40.638, 115.696, 27.765
Hunter-Lab	34.117, 49.946, 20.663
Binary	10111010, 00100010, 00010101

#ba2215
```
#ba2215 rgb(186,34,21)
```
#15adba
```
#15adba rgb(21,173,186)
```

Complementary Color

#ba155b
```
#ba155b rgb(186,21,91)
```
#ba2215
```
#ba2215 rgb(186,34,21)
```
#ba7515
```
#ba7515 rgb(186,117,21)
```

Analogous Color

#155bba
```
#155bba rgb(21,91,186)
```
#ba2215
```
#ba2215 rgb(186,34,21)
```
#15ba75
```
#15ba75 rgb(21,186,117)
```

Split Complementary Color

#2215ba
```
#2215ba rgb(34,21,186)
```
#ba2215
```
#ba2215 rgb(186,34,21)
```
#15ba22
```
#15ba22 rgb(21,186,34)
```

Triadic Color

#ba15ad
```
#ba15ad rgb(186,21,173)
```
#ba2215
```
#ba2215 rgb(186,34,21)
```
#15ba22
```
#15ba22 rgb(21,186,34)
```
#15adba
```
#15adba rgb(21,173,186)
```

Tetradic Color

#75150d
```
#75150d rgb(117,21,13)
```
#8c1a10
```
#8c1a10 rgb(140,26,16)
```
#a31e12
```
#a31e12 rgb(163,30,18)
```
#ba2215
```
#ba2215 rgb(186,34,21)
```
#d12618
```
#d12618 rgb(209,38,24)
```
#e52c1d
```
#e52c1d rgb(229,44,29)
```
#e84233
```
#e84233 rgb(232,66,51)
```

Monochromatic Color

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

#ba1531
```
#ba1531 rgb(186,21,49)
```
#ba1524
```
#ba1524 rgb(186,21,36)
```
#ba1516
```
#ba1516 rgb(186,21,22)
```
#ba2215
```
#ba2215 rgb(186,34,21)
```
#ba3015
```
#ba3015 rgb(186,48,21)
```
#ba3e15
```
#ba3e15 rgb(186,62,21)
```
#ba4b15
```
#ba4b15 rgb(186,75,21)
```

Similar Colors

Text with hexadecimal color #ba2215

This text has a font color of #ba2215.

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

#ba2215 background color

This paragraph has a background color of #ba2215.

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

#ba2215 border color

This element has a border color of #ba2215.

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

CSS codes

.text {color:#ba2215;}

.background {background-color:#ba2215;}

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

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

#0a0201
```
#0a0201 rgb(10,2,1)
```
#1b0503
```
#1b0503 rgb(27,5,3)
```
#2d0805
```
#2d0805 rgb(45,8,5)
```
#3f0b07
```
#3f0b07 rgb(63,11,7)
```
#500f09
```
#500f09 rgb(80,15,9)
```
#62120b
```
#62120b rgb(98,18,11)
```
#73150d
```
#73150d rgb(115,21,13)
```
#85180f
```
#85180f rgb(133,24,15)
```
#971c11
```
#971c11 rgb(151,28,17)
```
#a81f13
```
#a81f13 rgb(168,31,19)
```
#ba2215
```
#ba2215 rgb(186,34,21)
```
#cc2517
```
#cc2517 rgb(204,37,23)
```
#dd2819
```
#dd2819 rgb(221,40,25)
```

Shade Color Variation

#e63324
```
#e63324 rgb(230,51,36)
```
#e84335
```
#e84335 rgb(232,67,53)
```
#ea5447
```
#ea5447 rgb(234,84,71)
```
#ec6458
```
#ec6458 rgb(236,100,88)
```
#ee756a
```
#ee756a rgb(238,117,106)
```
#f0857c
```
#f0857c rgb(240,133,124)
```
#f2958d
```
#f2958d rgb(242,149,141)
```
#f4a69f
```
#f4a69f rgb(244,166,159)
```
#f6b6b1
```
#f6b6b1 rgb(246,182,177)
```
#f8c6c2
```
#f8c6c2 rgb(248,198,194)
```
#fad7d4
```
#fad7d4 rgb(250,215,212)
```
#fce7e5
```
#fce7e5 rgb(252,231,229)
```
#fef8f7
```
#fef8f7 rgb(254,248,247)
```

Tint Color Variation

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

#6a6565
```
#6a6565 rgb(106,101,101)
```
#725e5d
```
#725e5d rgb(114,94,93)
```
#7a5855
```
#7a5855 rgb(122,88,85)
```
#82514d
```
#82514d rgb(130,81,77)
```
#8a4a45
```
#8a4a45 rgb(138,74,69)
```
#92443d
```
#92443d rgb(146,68,61)
```
#9a3d35
```
#9a3d35 rgb(154,61,53)
```
#a2362d
```
#a2362d rgb(162,54,45)
```
#aa2f25
```
#aa2f25 rgb(170,47,37)
```
#b2291d
```
#b2291d rgb(178,41,29)
```
#ba2215
```
#ba2215 rgb(186,34,21)
```
#c21b0d
```
#c21b0d rgb(194,27,13)
```
#ca1505
```
#ca1505 rgb(202,21,5)
```

Tone Color Variation

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

#73682e Protanopia 1% of men
#826300 Deuteranopia 1% of men
#bd2c2c Tritanopia 0.001% of the population

Trichromacy

#8d4e25 Protanomaly 1% of men, 0.01% of women
#964b07 Deuteranomaly 6% of men, 0.4% of women
#bc2823 Tritanomaly 0.01% of the population

#ba2215 hex color

#ba2215 Color Information

#ba2215 Color Conversion

Color Schemes with #ba2215

Alternatives to #ba2215

#ba2215 Preview

Shades and Tints of #ba2215

Tones of #ba2215

Color Blindness Simulator