#ba2c48 hex color

In a RGB color space, hex #ba2c48 is composed of 72.9% red, 17.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.3% magenta, 61.3% yellow and 27.1% black. It has a hue angle of 348.2 degrees, a saturation of 61.7% and a lightness of 45.1%. #ba2c48 color hex could be obtained by blending #ff5890 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 17
- B 28
RGB color chart
- C 0
- M 76
- Y 61
- K 27
CMYK color chart

● #ba2c48 color description : Strong red.

The hexadecimal color #ba2c48 has RGB values of R:186, G:44, B:72 and CMYK values of C:0, M:0.76, Y:0.61, K:0.27. Its decimal value is 12201032.

Hex triplet	ba2c48	`#ba2c48`
RGB Decimal	186, 44, 72	`rgb(186,44,72)`
RGB Percent	72.9, 17.3, 28.2	`rgb(72.9%,17.3%,28.2%)`
CMYK	0, 76, 61, 27
HSL	348.2°, 61.7, 45.1	`hsl(348.2,61.7%,45.1%)`
HSV (or HSB)	348.2°, 76.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.324, 57.083, 18.909
XYZ	22.321, 12.711, 7.409
xyY	0.526, 0.299, 12.711
CIE-LCH	42.324, 60.133, 18.328
CIE-LUV	42.324, 100.003, 9.92
Hunter-Lab	35.652, 49.362, 12.636
Binary	10111010, 00101100, 01001000

#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#2cba9e
```
#2cba9e rgb(44,186,158)
```

Complementary Color

#ba2c8f
```
#ba2c8f rgb(186,44,143)
```
#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#ba572c
```
#ba572c rgb(186,87,44)
```

Analogous Color

#2c8fba
```
#2c8fba rgb(44,143,186)
```
#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#2cba57
```
#2cba57 rgb(44,186,87)
```

Split Complementary Color

#2c48ba
```
#2c48ba rgb(44,72,186)
```
#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#48ba2c
```
#48ba2c rgb(72,186,44)
```

Triadic Color

#9e2cba
```
#9e2cba rgb(158,44,186)
```
#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#48ba2c
```
#48ba2c rgb(72,186,44)
```
#2cba9e
```
#2cba9e rgb(44,186,158)
```

Tetradic Color

#7c1d30
```
#7c1d30 rgb(124,29,48)
```
#912238
```
#912238 rgb(145,34,56)
```
#a52740
```
#a52740 rgb(165,39,64)
```
#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#ce3150
```
#ce3150 rgb(206,49,80)
```
#d34662
```
#d34662 rgb(211,70,98)
```
#d85a73
```
#d85a73 rgb(216,90,115)
```

Monochromatic Color

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

#ba2c6c
```
#ba2c6c rgb(186,44,108)
```
#ba2c60
```
#ba2c60 rgb(186,44,96)
```
#ba2c54
```
#ba2c54 rgb(186,44,84)
```
#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#ba2c3c
```
#ba2c3c rgb(186,44,60)
```
#ba2c30
```
#ba2c30 rgb(186,44,48)
```
#ba342c
```
#ba342c rgb(186,52,44)
```

Similar Colors

Text with hexadecimal color #ba2c48

This text has a font color of #ba2c48.

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

#ba2c48 background color

This paragraph has a background color of #ba2c48.

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

#ba2c48 border color

This element has a border color of #ba2c48.

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

CSS codes

.text {color:#ba2c48;}

.background {background-color:#ba2c48;}

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

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

#0c0304
```
#0c0304 rgb(12,3,4)
```
#1b060b
```
#1b060b rgb(27,6,11)
```
#2b0a11
```
#2b0a11 rgb(43,10,17)
```
#3b0e17
```
#3b0e17 rgb(59,14,23)
```
#4b121d
```
#4b121d rgb(75,18,29)
```
#5b1523
```
#5b1523 rgb(91,21,35)
```
#6b1929
```
#6b1929 rgb(107,25,41)
```
#7b1d2f
```
#7b1d2f rgb(123,29,47)
```
#8a2136
```
#8a2136 rgb(138,33,54)
```
#9a243c
```
#9a243c rgb(154,36,60)
```
#aa2842
```
#aa2842 rgb(170,40,66)
```
#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#ca304e
```
#ca304e rgb(202,48,78)
```

Shade Color Variation

#d13c5a
```
#d13c5a rgb(209,60,90)
```
#d54c67
```
#d54c67 rgb(213,76,103)
```
#d85c75
```
#d85c75 rgb(216,92,117)
```
#dc6c82
```
#dc6c82 rgb(220,108,130)
```
#e07c90
```
#e07c90 rgb(224,124,144)
```
#e48c9d
```
#e48c9d rgb(228,140,157)
```
#e79baa
```
#e79baa rgb(231,155,170)
```
#ebabb8
```
#ebabb8 rgb(235,171,184)
```
#efbbc5
```
#efbbc5 rgb(239,187,197)
```
#f3cbd3
```
#f3cbd3 rgb(243,203,211)
```
#f6dbe0
```
#f6dbe0 rgb(246,219,224)
```
#faebee
```
#faebee rgb(250,235,238)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#737373
```
#737373 rgb(115,115,115)
```
#7c6a6e
```
#7c6a6e rgb(124,106,110)
```
#856168
```
#856168 rgb(133,97,104)
```
#8e5863
```
#8e5863 rgb(142,88,99)
```
#974f5d
```
#974f5d rgb(151,79,93)
```
#9f4758
```
#9f4758 rgb(159,71,88)
```
#a83e53
```
#a83e53 rgb(168,62,83)
```
#b1354d
```
#b1354d rgb(177,53,77)
```
#ba2c48
```
#ba2c48 rgb(186,44,72)
```
#c32343
```
#c32343 rgb(195,35,67)
```
#cc1a3d
```
#cc1a3d rgb(204,26,61)
```
#d51138
```
#d51138 rgb(213,17,56)
```
#dd0933
```
#dd0933 rgb(221,9,51)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6d5156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6b66 Protanopia 1% of men
#806748 Deuteranopia 1% of men
#bc3b3d Tritanopia 0.001% of the population

Trichromacy

#8a545b Protanomaly 1% of men, 0.01% of women
#955148 Deuteranomaly 6% of men, 0.4% of women
#bb3541 Tritanomaly 0.01% of the population

#ba2c48 hex color

#ba2c48 Color Information

#ba2c48 Color Conversion

Color Schemes with #ba2c48

Alternatives to #ba2c48

#ba2c48 Preview

Shades and Tints of #ba2c48

Tones of #ba2c48

Color Blindness Simulator