#ba2500 hex color

In a RGB color space, hex #ba2500 is composed of 72.9% red, 14.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 100% yellow and 27.1% black. It has a hue angle of 11.9 degrees, a saturation of 100% and a lightness of 36.5%. #ba2500 color hex could be obtained by blending #ff4a00 with #750000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 73
- G 15
- B 0
RGB color chart
- C 0
- M 80
- Y 100
- K 27
CMYK color chart

● #ba2500 color description : Strong red.

The hexadecimal color #ba2500 has RGB values of R:186, G:37, B:0 and CMYK values of C:0, M:0.8, Y:1, K:0.27. Its decimal value is 12199168.

Hex triplet	ba2500	`#ba2500`
RGB Decimal	186, 37, 0	`rgb(186,37,0)`
RGB Percent	72.9, 14.5, 0	`rgb(72.9%,14.5%,0%)`
CMYK	0, 80, 100, 27
HSL	11.9°, 100, 36.5	`hsl(11.9,100%,36.5%)`
HSV (or HSB)	11.9°, 100, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	40.84, 56.85, 53.869
XYZ	20.912, 11.765, 1.17
xyY	0.618, 0.348, 11.765
CIE-LCH	40.84, 78.319, 43.458
CIE-LUV	40.84, 116.03, 31.178
Hunter-Lab	34.3, 48.805, 21.988
Binary	10111010, 00100101, 00000000

#ba2500
```
#ba2500 rgb(186,37,0)
```
#0095ba
```
#0095ba rgb(0,149,186)
```

Complementary Color

#ba0038
```
#ba0038 rgb(186,0,56)
```
#ba2500
```
#ba2500 rgb(186,37,0)
```
#ba8200
```
#ba8200 rgb(186,130,0)
```

Analogous Color

#0038ba
```
#0038ba rgb(0,56,186)
```
#ba2500
```
#ba2500 rgb(186,37,0)
```
#00ba82
```
#00ba82 rgb(0,186,130)
```

Split Complementary Color

#2500ba
```
#2500ba rgb(37,0,186)
```
#ba2500
```
#ba2500 rgb(186,37,0)
```
#00ba25
```
#00ba25 rgb(0,186,37)
```

Triadic Color

#ba0095
```
#ba0095 rgb(186,0,149)
```
#ba2500
```
#ba2500 rgb(186,37,0)
```
#00ba25
```
#00ba25 rgb(0,186,37)
```
#0095ba
```
#0095ba rgb(0,149,186)
```

Tetradic Color

#6e1600
```
#6e1600 rgb(110,22,0)
```
#871b00
```
#871b00 rgb(135,27,0)
```
#a12000
```
#a12000 rgb(161,32,0)
```
#ba2500
```
#ba2500 rgb(186,37,0)
```
#d42a00
```
#d42a00 rgb(212,42,0)
```
#ed2f00
```
#ed2f00 rgb(237,47,0)
```
#ff3907
```
#ff3907 rgb(255,57,7)
```

Monochromatic Color

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

#ba0009
```
#ba0009 rgb(186,0,9)
```
#ba0600
```
#ba0600 rgb(186,6,0)
```
#ba1600
```
#ba1600 rgb(186,22,0)
```
#ba2500
```
#ba2500 rgb(186,37,0)
```
#ba3500
```
#ba3500 rgb(186,53,0)
```
#ba4400
```
#ba4400 rgb(186,68,0)
```
#ba5400
```
#ba5400 rgb(186,84,0)
```

Similar Colors

Text with hexadecimal color #ba2500

This text has a font color of #ba2500.

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

#ba2500 background color

This paragraph has a background color of #ba2500.

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

#ba2500 border color

This element has a border color of #ba2500.

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

CSS codes

.text {color:#ba2500;}

.background {background-color:#ba2500;}

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

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

#090200
```
#090200 rgb(9,2,0)
```
#1d0600
```
#1d0600 rgb(29,6,0)
```
#310a00
```
#310a00 rgb(49,10,0)
```
#440e00
```
#440e00 rgb(68,14,0)
```
#581100
```
#581100 rgb(88,17,0)
```
#6c1500
```
#6c1500 rgb(108,21,0)
```
#7f1900
```
#7f1900 rgb(127,25,0)
```
#931d00
```
#931d00 rgb(147,29,0)
```
#a62100
```
#a62100 rgb(166,33,0)
```
#ba2500
```
#ba2500 rgb(186,37,0)
```
#ce2900
```
#ce2900 rgb(206,41,0)
```
#e12d00
```
#e12d00 rgb(225,45,0)
```
#f53100
```
#f53100 rgb(245,49,0)
```

Shade Color Variation

#ff3a09
```
#ff3a09 rgb(255,58,9)
```
#ff4a1d
```
#ff4a1d rgb(255,74,29)
```
#ff5a31
```
#ff5a31 rgb(255,90,49)
```
#ff6944
```
#ff6944 rgb(255,105,68)
```
#ff7958
```
#ff7958 rgb(255,121,88)
```
#ff896c
```
#ff896c rgb(255,137,108)
```
#ff997f
```
#ff997f rgb(255,153,127)
```
#ffa893
```
#ffa893 rgb(255,168,147)
```
#ffb8a6
```
#ffb8a6 rgb(255,184,166)
```
#ffc8ba
```
#ffc8ba rgb(255,200,186)
```
#ffd7ce
```
#ffd7ce rgb(255,215,206)
```
#ffe7e1
```
#ffe7e1 rgb(255,231,225)
```
#fff7f5
```
#fff7f5 rgb(255,247,245)
```

Tint Color Variation

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

#645956
```
#645956 rgb(100,89,86)
```
#6b544f
```
#6b544f rgb(107,84,79)
```
#725048
```
#725048 rgb(114,80,72)
```
#7a4c40
```
#7a4c40 rgb(122,76,64)
```
#814739
```
#814739 rgb(129,71,57)
```
#884332
```
#884332 rgb(136,67,50)
```
#8f3f2b
```
#8f3f2b rgb(143,63,43)
```
#963b24
```
#963b24 rgb(150,59,36)
```
#9d361d
```
#9d361d rgb(157,54,29)
```
#a53215
```
#a53215 rgb(165,50,21)
```
#ac2e0e
```
#ac2e0e rgb(172,46,14)
```
#b32907
```
#b32907 rgb(179,41,7)
```
#ba2500
```
#ba2500 rgb(186,37,0)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#63453e Atypical Achromatopsia 0.001% of the population

Dichromacy

#756818 Protanopia 1% of men
#826300 Deuteranopia 1% of men
#be2d2d Tritanopia 0.001% of the population

Trichromacy

#8e500f Protanomaly 1% of men, 0.01% of women
#964c00 Deuteranomaly 6% of men, 0.4% of women
#bc2a1d Tritanomaly 0.01% of the population

#ba2500 hex color

#ba2500 Color Information

#ba2500 Color Conversion

Color Schemes with #ba2500

Alternatives to #ba2500

#ba2500 Preview

Shades and Tints of #ba2500

Tones of #ba2500

Color Blindness Simulator