#ba2504 hex color

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

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

● #ba2504 color description : Strong red.

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

Hex triplet	ba2504	`#ba2504`
RGB Decimal	186, 37, 4	`rgb(186,37,4)`
RGB Percent	72.9, 14.5, 1.6	`rgb(72.9%,14.5%,1.6%)`
CMYK	0, 80, 98, 27
HSL	10.9°, 95.8, 37.3	`hsl(10.9,95.8%,37.3%)`
HSV (or HSB)	10.9°, 97.8, 72.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	40.854, 56.895, 52.488
XYZ	20.934, 11.774, 1.285
xyY	0.616, 0.346, 11.774
CIE-LCH	40.854, 77.408, 42.693
CIE-LUV	40.854, 115.752, 30.703
Hunter-Lab	34.313, 48.856, 21.798
Binary	10111010, 00100101, 00000100

#ba2504
```
#ba2504 rgb(186,37,4)
```
#0499ba
```
#0499ba rgb(4,153,186)
```

Complementary Color

#ba043e
```
#ba043e rgb(186,4,62)
```
#ba2504
```
#ba2504 rgb(186,37,4)
```
#ba8004
```
#ba8004 rgb(186,128,4)
```

Analogous Color

#043eba
```
#043eba rgb(4,62,186)
```
#ba2504
```
#ba2504 rgb(186,37,4)
```
#04ba80
```
#04ba80 rgb(4,186,128)
```

Split Complementary Color

#2504ba
```
#2504ba rgb(37,4,186)
```
#ba2504
```
#ba2504 rgb(186,37,4)
```
#04ba25
```
#04ba25 rgb(4,186,37)
```

Triadic Color

#ba0499
```
#ba0499 rgb(186,4,153)
```
#ba2504
```
#ba2504 rgb(186,37,4)
```
#04ba25
```
#04ba25 rgb(4,186,37)
```
#0499ba
```
#0499ba rgb(4,153,186)
```

Tetradic Color

#6f1602
```
#6f1602 rgb(111,22,2)
```
#881b03
```
#881b03 rgb(136,27,3)
```
#a12003
```
#a12003 rgb(161,32,3)
```
#ba2504
```
#ba2504 rgb(186,37,4)
```
#d32a05
```
#d32a05 rgb(211,42,5)
```
#ec2f05
```
#ec2f05 rgb(236,47,5)
```
#fa3b11
```
#fa3b11 rgb(250,59,17)
```

Monochromatic Color

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

#ba0411
```
#ba0411 rgb(186,4,17)
```
#ba0704
```
#ba0704 rgb(186,7,4)
```
#ba1604
```
#ba1604 rgb(186,22,4)
```
#ba2504
```
#ba2504 rgb(186,37,4)
```
#ba3404
```
#ba3404 rgb(186,52,4)
```
#ba4304
```
#ba4304 rgb(186,67,4)
```
#ba5304
```
#ba5304 rgb(186,83,4)
```

Similar Colors

Text with hexadecimal color #ba2504

This text has a font color of #ba2504.

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

#ba2504 background color

This paragraph has a background color of #ba2504.

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

#ba2504 border color

This element has a border color of #ba2504.

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

CSS codes

.text {color:#ba2504;}

.background {background-color:#ba2504;}

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

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

#0d0300
```
#0d0300 rgb(13,3,0)
```
#200601
```
#200601 rgb(32,6,1)
```
#340a01
```
#340a01 rgb(52,10,1)
```
#470e02
```
#470e02 rgb(71,14,2)
```
#5a1202
```
#5a1202 rgb(90,18,2)
```
#6d1602
```
#6d1602 rgb(109,22,2)
```
#801a03
```
#801a03 rgb(128,26,3)
```
#941d03
```
#941d03 rgb(148,29,3)
```
#a72104
```
#a72104 rgb(167,33,4)
```
#ba2504
```
#ba2504 rgb(186,37,4)
```
#cd2904
```
#cd2904 rgb(205,41,4)
```
#e02d05
```
#e02d05 rgb(224,45,5)
```
#f43005
```
#f43005 rgb(244,48,5)
```

Shade Color Variation

#fa3c13
```
#fa3c13 rgb(250,60,19)
```
#fa4c26
```
#fa4c26 rgb(250,76,38)
```
#fb5c39
```
#fb5c39 rgb(251,92,57)
```
#fb6c4c
```
#fb6c4c rgb(251,108,76)
```
#fc7c5f
```
#fc7c5f rgb(252,124,95)
```
#fc8b73
```
#fc8b73 rgb(252,139,115)
```
#fc9b86
```
#fc9b86 rgb(252,155,134)
```
#fdab99
```
#fdab99 rgb(253,171,153)
```
#fdbbac
```
#fdbbac rgb(253,187,172)
```
#fecbbf
```
#fecbbf rgb(254,203,191)
```
#fedad3
```
#fedad3 rgb(254,218,211)
```
#feeae6
```
#feeae6 rgb(254,234,230)
```
#fffaf9
```
#fffaf9 rgb(255,250,249)
```

Tint Color Variation

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

#625d5c
```
#625d5c rgb(98,93,92)
```
#6a5854
```
#6a5854 rgb(106,88,84)
```
#71544d
```
#71544d rgb(113,84,77)
```
#784f46
```
#784f46 rgb(120,79,70)
```
#804a3e
```
#804a3e rgb(128,74,62)
```
#874637
```
#874637 rgb(135,70,55)
```
#8e4130
```
#8e4130 rgb(142,65,48)
```
#953c29
```
#953c29 rgb(149,60,41)
```
#9d3821
```
#9d3821 rgb(157,56,33)
```
#a4331a
```
#a4331a rgb(164,51,26)
```
#ab2e13
```
#ab2e13 rgb(171,46,19)
```
#b32a0b
```
#b32a0b rgb(179,42,11)
```
#ba2504
```
#ba2504 rgb(186,37,4)
```

Tone Color Variation

Below, you can see how #ba2504 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
#64463f Atypical Achromatopsia 0.001% of the population

Dichromacy

#74681d Protanopia 1% of men
#826300 Deuteranopia 1% of men
#be2d2e Tritanopia 0.001% of the population

Trichromacy

#8e5014 Protanomaly 1% of men, 0.01% of women
#964c01 Deuteranomaly 6% of men, 0.4% of women
#bc2a1e Tritanomaly 0.01% of the population

#ba2504 hex color

#ba2504 Color Information

#ba2504 Color Conversion

Color Schemes with #ba2504

Alternatives to #ba2504

#ba2504 Preview

Shades and Tints of #ba2504

Tones of #ba2504

Color Blindness Simulator