#ba322c hex color

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

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

● #ba322c color description : Strong red.

The hexadecimal color #ba322c has RGB values of R:186, G:50, B:44 and CMYK values of C:0, M:0.73, Y:0.76, K:0.27. Its decimal value is 12202540.

Hex triplet	ba322c	`#ba322c`
RGB Decimal	186, 50, 44	`rgb(186,50,44)`
RGB Percent	72.9, 19.6, 17.3	`rgb(72.9%,19.6%,17.3%)`
CMYK	0, 73, 76, 27
HSL	2.5°, 61.7, 45.1	`hsl(2.5,61.7%,45.1%)`
HSV (or HSB)	2.5°, 76.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.619, 53.607, 36.152
XYZ	21.846, 12.905, 3.723
xyY	0.568, 0.335, 12.905
CIE-LCH	42.619, 64.658, 33.995
CIE-LUV	42.619, 104.058, 24.51
Hunter-Lab	35.923, 45.686, 19.001
Binary	10111010, 00110010, 00101100

#ba322c
```
#ba322c rgb(186,50,44)
```
#2cb4ba
```
#2cb4ba rgb(44,180,186)
```

Complementary Color

#ba2c6d
```
#ba2c6d rgb(186,44,109)
```
#ba322c
```
#ba322c rgb(186,50,44)
```
#ba792c
```
#ba792c rgb(186,121,44)
```

Analogous Color

#2c6dba
```
#2c6dba rgb(44,109,186)
```
#ba322c
```
#ba322c rgb(186,50,44)
```
#2cba79
```
#2cba79 rgb(44,186,121)
```

Split Complementary Color

#322cba
```
#322cba rgb(50,44,186)
```
#ba322c
```
#ba322c rgb(186,50,44)
```
#2cba32
```
#2cba32 rgb(44,186,50)
```

Triadic Color

#ba2cb4
```
#ba2cb4 rgb(186,44,180)
```
#ba322c
```
#ba322c rgb(186,50,44)
```
#2cba32
```
#2cba32 rgb(44,186,50)
```
#2cb4ba
```
#2cb4ba rgb(44,180,186)
```

Tetradic Color

#7c211d
```
#7c211d rgb(124,33,29)
```
#912722
```
#912722 rgb(145,39,34)
```
#a52c27
```
#a52c27 rgb(165,44,39)
```
#ba322c
```
#ba322c rgb(186,50,44)
```
#ce3831
```
#ce3831 rgb(206,56,49)
```
#d34c46
```
#d34c46 rgb(211,76,70)
```
#d8605a
```
#d8605a rgb(216,96,90)
```

Monochromatic Color

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

#ba2c49
```
#ba2c49 rgb(186,44,73)
```
#ba2c3e
```
#ba2c3e rgb(186,44,62)
```
#ba2c32
```
#ba2c32 rgb(186,44,50)
```
#ba322c
```
#ba322c rgb(186,50,44)
```
#ba3e2c
```
#ba3e2c rgb(186,62,44)
```
#ba4a2c
```
#ba4a2c rgb(186,74,44)
```
#ba562c
```
#ba562c rgb(186,86,44)
```

Similar Colors

Text with hexadecimal color #ba322c

This text has a font color of #ba322c.

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

#ba322c background color

This paragraph has a background color of #ba322c.

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

#ba322c border color

This element has a border color of #ba322c.

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

CSS codes

.text {color:#ba322c;}

.background {background-color:#ba322c;}

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

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

#0c0303
```
#0c0303 rgb(12,3,3)
```
#1b0706
```
#1b0706 rgb(27,7,6)
```
#2b0c0a
```
#2b0c0a rgb(43,12,10)
```
#3b100e
```
#3b100e rgb(59,16,14)
```
#4b1412
```
#4b1412 rgb(75,20,18)
```
#5b1815
```
#5b1815 rgb(91,24,21)
```
#6b1d19
```
#6b1d19 rgb(107,29,25)
```
#7b211d
```
#7b211d rgb(123,33,29)
```
#8a2521
```
#8a2521 rgb(138,37,33)
```
#9a2924
```
#9a2924 rgb(154,41,36)
```
#aa2e28
```
#aa2e28 rgb(170,46,40)
```
#ba322c
```
#ba322c rgb(186,50,44)
```
#ca3630
```
#ca3630 rgb(202,54,48)
```

Shade Color Variation

#d1433c
```
#d1433c rgb(209,67,60)
```
#d5524c
```
#d5524c rgb(213,82,76)
```
#d8615c
```
#d8615c rgb(216,97,92)
```
#dc716c
```
#dc716c rgb(220,113,108)
```
#e0807c
```
#e0807c rgb(224,128,124)
```
#e48f8c
```
#e48f8c rgb(228,143,140)
```
#e79f9b
```
#e79f9b rgb(231,159,155)
```
#ebaeab
```
#ebaeab rgb(235,174,171)
```
#efbdbb
```
#efbdbb rgb(239,189,187)
```
#f3cdcb
```
#f3cdcb rgb(243,205,203)
```
#f6dcdb
```
#f6dcdb rgb(246,220,219)
```
#faebeb
```
#faebeb rgb(250,235,235)
```
#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 #dd1209 is the most saturated one.

#737373
```
#737373 rgb(115,115,115)
```
#7c6b6a
```
#7c6b6a rgb(124,107,106)
```
#856361
```
#856361 rgb(133,99,97)
```
#8e5a58
```
#8e5a58 rgb(142,90,88)
```
#97524f
```
#97524f rgb(151,82,79)
```
#9f4a47
```
#9f4a47 rgb(159,74,71)
```
#a8423e
```
#a8423e rgb(168,66,62)
```
#b13a35
```
#b13a35 rgb(177,58,53)
```
#ba322c
```
#ba322c rgb(186,50,44)
```
#c32a23
```
#c32a23 rgb(195,42,35)
```
#cc221a
```
#cc221a rgb(204,34,26)
```
#d51a11
```
#d51a11 rgb(213,26,17)
```
#dd1209
```
#dd1209 rgb(221,18,9)
```

Tone Color Variation

Below, you can see how #ba322c 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
#6d5251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766c45 Protanopia 1% of men
#86672c Deuteranopia 1% of men
#bd3b3e Tritanopia 0.001% of the population

Trichromacy

#8e573c Protanomaly 1% of men, 0.01% of women
#98542c Deuteranomaly 6% of men, 0.4% of women
#bc3837 Tritanomaly 0.01% of the population

#ba322c hex color

#ba322c Color Information

#ba322c Color Conversion

Color Schemes with #ba322c

Alternatives to #ba322c

#ba322c Preview

Shades and Tints of #ba322c

Tones of #ba322c

Color Blindness Simulator