#ba2544 hex color

In a RGB color space, hex #ba2544 is composed of 72.9% red, 14.5% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.1% magenta, 63.4% yellow and 27.1% black. It has a hue angle of 347.5 degrees, a saturation of 66.8% and a lightness of 43.7%. #ba2544 color hex could be obtained by blending #ff4a88 with #750000. Closest websafe color is: #cc3333.

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

● #ba2544 color description : Strong red.

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

Hex triplet	ba2544	`#ba2544`
RGB Decimal	186, 37, 68	`rgb(186,37,68)`
RGB Percent	72.9, 14.5, 26.7	`rgb(72.9%,14.5%,26.7%)`
CMYK	0, 80, 63, 27
HSL	347.5°, 66.8, 43.7	`hsl(347.5,66.8%,43.7%)`
HSV (or HSB)	347.5°, 80.1, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	41.504, 58.925, 20.328
XYZ	21.956, 12.182, 6.664
xyY	0.538, 0.299, 12.182
CIE-LCH	41.504, 62.333, 19.034
CIE-LUV	41.504, 104.154, 10.6
Hunter-Lab	34.903, 51.205, 13.112
Binary	10111010, 00100101, 01000100

#ba2544
```
#ba2544 rgb(186,37,68)
```
#25ba9b
```
#25ba9b rgb(37,186,155)
```

Complementary Color

#ba258f
```
#ba258f rgb(186,37,143)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#ba5125
```
#ba5125 rgb(186,81,37)
```

Analogous Color

#258fba
```
#258fba rgb(37,143,186)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#25ba51
```
#25ba51 rgb(37,186,81)
```

Split Complementary Color

#2544ba
```
#2544ba rgb(37,68,186)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#44ba25
```
#44ba25 rgb(68,186,37)
```

Triadic Color

#9b25ba
```
#9b25ba rgb(155,37,186)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#44ba25
```
#44ba25 rgb(68,186,37)
```
#25ba9b
```
#25ba9b rgb(37,186,155)
```

Tetradic Color

#7a182d
```
#7a182d rgb(122,24,45)
```
#8f1d34
```
#8f1d34 rgb(143,29,52)
```
#a5213c
```
#a5213c rgb(165,33,60)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#cf294c
```
#cf294c rgb(207,41,76)
```
#d83a5b
```
#d83a5b rgb(216,58,91)
```
#dc4f6d
```
#dc4f6d rgb(220,79,109)
```

Monochromatic Color

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

#ba2569
```
#ba2569 rgb(186,37,105)
```
#ba255d
```
#ba255d rgb(186,37,93)
```
#ba2550
```
#ba2550 rgb(186,37,80)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#ba2538
```
#ba2538 rgb(186,37,56)
```
#ba252b
```
#ba252b rgb(186,37,43)
```
#ba2b25
```
#ba2b25 rgb(186,43,37)
```

Similar Colors

Text with hexadecimal color #ba2544

This text has a font color of #ba2544.

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

#ba2544 background color

This paragraph has a background color of #ba2544.

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

#ba2544 border color

This element has a border color of #ba2544.

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

CSS codes

.text {color:#ba2544;}

.background {background-color:#ba2544;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#160408
```
#160408 rgb(22,4,8)
```
#27080e
```
#27080e rgb(39,8,14)
```
#370b14
```
#370b14 rgb(55,11,20)
```
#470e1a
```
#470e1a rgb(71,14,26)
```
#581120
```
#581120 rgb(88,17,32)
```
#681526
```
#681526 rgb(104,21,38)
```
#79182c
```
#79182c rgb(121,24,44)
```
#891b32
```
#891b32 rgb(137,27,50)
```
#991e38
```
#991e38 rgb(153,30,56)
```
#aa223e
```
#aa223e rgb(170,34,62)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#ca284a
```
#ca284a rgb(202,40,74)
```

Shade Color Variation

#d63053
```
#d63053 rgb(214,48,83)
```
#d94160
```
#d94160 rgb(217,65,96)
```
#dc516e
```
#dc516e rgb(220,81,110)
```
#e0617c
```
#e0617c rgb(224,97,124)
```
#e37289
```
#e37289 rgb(227,114,137)
```
#e68297
```
#e68297 rgb(230,130,151)
```
#e993a5
```
#e993a5 rgb(233,147,165)
```
#eda3b2
```
#eda3b2 rgb(237,163,178)
```
#f0b3c0
```
#f0b3c0 rgb(240,179,192)
```
#f3c4cd
```
#f3c4cd rgb(243,196,205)
```
#f6d4db
```
#f6d4db rgb(246,212,219)
```
#fae4e9
```
#fae4e9 rgb(250,228,233)
```
#fdf5f6
```
#fdf5f6 rgb(253,245,246)
```

Tint Color Variation

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

#756a6c
```
#756a6c rgb(117,106,108)
```
#7e6167
```
#7e6167 rgb(126,97,103)
```
#875862
```
#875862 rgb(135,88,98)
```
#8f505d
```
#8f505d rgb(143,80,93)
```
#984758
```
#984758 rgb(152,71,88)
```
#a03f53
```
#a03f53 rgb(160,63,83)
```
#a9364e
```
#a9364e rgb(169,54,78)
```
#b12e49
```
#b12e49 rgb(177,46,73)
```
#ba2544
```
#ba2544 rgb(186,37,68)
```
#c31c3f
```
#c31c3f rgb(195,28,63)
```
#cb143a
```
#cb143a rgb(203,20,58)
```
#d40b35
```
#d40b35 rgb(212,11,53)
```
#dc0330
```
#dc0330 rgb(220,3,48)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#694b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6963 Protanopia 1% of men
#7f6544 Deuteranopia 1% of men
#bc3537 Tritanopia 0.001% of the population

Trichromacy

#895058 Protanomaly 1% of men, 0.01% of women
#944e44 Deuteranomaly 6% of men, 0.4% of women
#bb2f3b Tritanomaly 0.01% of the population

#ba2544 hex color

#ba2544 Color Information

#ba2544 Color Conversion

Color Schemes with #ba2544

Alternatives to #ba2544

#ba2544 Preview

Shades and Tints of #ba2544

Tones of #ba2544

Color Blindness Simulator