#ba2c39 hex color

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

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

● #ba2c39 color description : Strong red.

The hexadecimal color #ba2c39 has RGB values of R:186, G:44, B:57 and CMYK values of C:0, M:0.76, Y:0.69, K:0.27. Its decimal value is 12201017.

Hex triplet	ba2c39	`#ba2c39`
RGB Decimal	186, 44, 57	`rgb(186,44,57)`
RGB Percent	72.9, 17.3, 22.4	`rgb(72.9%,17.3%,22.4%)`
CMYK	0, 76, 69, 27
HSL	354.5°, 61.7, 45.1	`hsl(354.5,61.7%,45.1%)`
HSV (or HSB)	354.5°, 76.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.059, 56.226, 27.829
XYZ	21.89, 12.538, 5.138
xyY	0.553, 0.317, 12.538
CIE-LCH	42.059, 62.736, 26.333
CIE-LUV	42.059, 104.245, 17.69
Hunter-Lab	35.41, 48.38, 16.183
Binary	10111010, 00101100, 00111001

#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#2cbaad
```
#2cbaad rgb(44,186,173)
```

Complementary Color

#ba2c80
```
#ba2c80 rgb(186,44,128)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#ba662c
```
#ba662c rgb(186,102,44)
```

Analogous Color

#2c80ba
```
#2c80ba rgb(44,128,186)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#2cba66
```
#2cba66 rgb(44,186,102)
```

Split Complementary Color

#2c39ba
```
#2c39ba rgb(44,57,186)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#39ba2c
```
#39ba2c rgb(57,186,44)
```

Triadic Color

#ad2cba
```
#ad2cba rgb(173,44,186)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#39ba2c
```
#39ba2c rgb(57,186,44)
```
#2cbaad
```
#2cbaad rgb(44,186,173)
```

Tetradic Color

#7c1d26
```
#7c1d26 rgb(124,29,38)
```
#91222c
```
#91222c rgb(145,34,44)
```
#a52733
```
#a52733 rgb(165,39,51)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#ce3140
```
#ce3140 rgb(206,49,64)
```
#d34653
```
#d34653 rgb(211,70,83)
```
#d85a66
```
#d85a66 rgb(216,90,102)
```

Monochromatic Color

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

#ba2c5d
```
#ba2c5d rgb(186,44,93)
```
#ba2c51
```
#ba2c51 rgb(186,44,81)
```
#ba2c45
```
#ba2c45 rgb(186,44,69)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#ba2c2d
```
#ba2c2d rgb(186,44,45)
```
#ba372c
```
#ba372c rgb(186,55,44)
```
#ba422c
```
#ba422c rgb(186,66,44)
```

Similar Colors

Text with hexadecimal color #ba2c39

This text has a font color of #ba2c39.

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

#ba2c39 background color

This paragraph has a background color of #ba2c39.

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

#ba2c39 border color

This element has a border color of #ba2c39.

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

CSS codes

.text {color:#ba2c39;}

.background {background-color:#ba2c39;}

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

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)
```
#1b0608
```
#1b0608 rgb(27,6,8)
```
#2b0a0d
```
#2b0a0d rgb(43,10,13)
```
#3b0e12
```
#3b0e12 rgb(59,14,18)
```
#4b1217
```
#4b1217 rgb(75,18,23)
```
#5b151c
```
#5b151c rgb(91,21,28)
```
#6b1921
```
#6b1921 rgb(107,25,33)
```
#7b1d26
```
#7b1d26 rgb(123,29,38)
```
#8a212a
```
#8a212a rgb(138,33,42)
```
#9a242f
```
#9a242f rgb(154,36,47)
```
#aa2834
```
#aa2834 rgb(170,40,52)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#ca303e
```
#ca303e rgb(202,48,62)
```

Shade Color Variation

#d13c4a
```
#d13c4a rgb(209,60,74)
```
#d54c59
```
#d54c59 rgb(213,76,89)
```
#d85c67
```
#d85c67 rgb(216,92,103)
```
#dc6c76
```
#dc6c76 rgb(220,108,118)
```
#e07c85
```
#e07c85 rgb(224,124,133)
```
#e48c94
```
#e48c94 rgb(228,140,148)
```
#e79ba2
```
#e79ba2 rgb(231,155,162)
```
#ebabb1
```
#ebabb1 rgb(235,171,177)
```
#efbbc0
```
#efbbc0 rgb(239,187,192)
```
#f3cbcf
```
#f3cbcf rgb(243,203,207)
```
#f6dbdd
```
#f6dbdd rgb(246,219,221)
```
#faebec
```
#faebec rgb(250,235,236)
```
#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 #dd091c is the most saturated one.

#737373
```
#737373 rgb(115,115,115)
```
#7c6a6c
```
#7c6a6c rgb(124,106,108)
```
#856164
```
#856164 rgb(133,97,100)
```
#8e585d
```
#8e585d rgb(142,88,93)
```
#974f56
```
#974f56 rgb(151,79,86)
```
#9f474f
```
#9f474f rgb(159,71,79)
```
#a83e47
```
#a83e47 rgb(168,62,71)
```
#b13540
```
#b13540 rgb(177,53,64)
```
#ba2c39
```
#ba2c39 rgb(186,44,57)
```
#c32332
```
#c32332 rgb(195,35,50)
```
#cc1a2b
```
#cc1a2b rgb(204,26,43)
```
#d51123
```
#d51123 rgb(213,17,35)
```
#dd091c
```
#dd091c rgb(221,9,28)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6c4f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726b55 Protanopia 1% of men
#826639 Deuteranopia 1% of men
#bd383a Tritanopia 0.001% of the population

Trichromacy

#8c544a Protanomaly 1% of men, 0.01% of women
#965139 Deuteranomaly 6% of men, 0.4% of women
#bc343a Tritanomaly 0.01% of the population

#ba2c39 hex color

#ba2c39 Color Information

#ba2c39 Color Conversion

Color Schemes with #ba2c39

Alternatives to #ba2c39

#ba2c39 Preview

Shades and Tints of #ba2c39

Tones of #ba2c39

Color Blindness Simulator