#ba442c hex color

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

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

● #ba442c color description : Strong red.

The hexadecimal color #ba442c has RGB values of R:186, G:68, B:44 and CMYK values of C:0, M:0.63, Y:0.76, K:0.27. Its decimal value is 12207148.

Hex triplet	ba442c	`#ba442c`
RGB Decimal	186, 68, 44	`rgb(186,68,44)`
RGB Percent	72.9, 26.7, 17.3	`rgb(72.9%,26.7%,17.3%)`
CMYK	0, 63, 76, 27
HSL	10.1°, 61.7, 45.1	`hsl(10.1,61.7%,45.1%)`
HSV (or HSB)	10.1°, 76.3, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.3, 46.32, 39.027
XYZ	22.772, 14.758, 4.032
xyY	0.548, 0.355, 14.758
CIE-LCH	45.3, 60.57, 40.116
CIE-LUV	45.3, 92.844, 29.454
Hunter-Lab	38.416, 38.585, 20.668
Binary	10111010, 01000100, 00101100

#ba442c
```
#ba442c rgb(186,68,44)
```
#2ca2ba
```
#2ca2ba rgb(44,162,186)
```

Complementary Color

#ba2c5b
```
#ba2c5b rgb(186,44,91)
```
#ba442c
```
#ba442c rgb(186,68,44)
```
#ba8b2c
```
#ba8b2c rgb(186,139,44)
```

Analogous Color

#2c5bba
```
#2c5bba rgb(44,91,186)
```
#ba442c
```
#ba442c rgb(186,68,44)
```
#2cba8b
```
#2cba8b rgb(44,186,139)
```

Split Complementary Color

#442cba
```
#442cba rgb(68,44,186)
```
#ba442c
```
#ba442c rgb(186,68,44)
```
#2cba44
```
#2cba44 rgb(44,186,68)
```

Triadic Color

#ba2ca2
```
#ba2ca2 rgb(186,44,162)
```
#ba442c
```
#ba442c rgb(186,68,44)
```
#2cba44
```
#2cba44 rgb(44,186,68)
```
#2ca2ba
```
#2ca2ba rgb(44,162,186)
```

Tetradic Color

#7c2d1d
```
#7c2d1d rgb(124,45,29)
```
#913522
```
#913522 rgb(145,53,34)
```
#a53c27
```
#a53c27 rgb(165,60,39)
```
#ba442c
```
#ba442c rgb(186,68,44)
```
#ce4c31
```
#ce4c31 rgb(206,76,49)
```
#d35e46
```
#d35e46 rgb(211,94,70)
```
#d8705a
```
#d8705a rgb(216,112,90)
```

Monochromatic Color

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

#ba2c38
```
#ba2c38 rgb(186,44,56)
```
#ba2c2c
```
#ba2c2c rgb(186,44,44)
```
#ba382c
```
#ba382c rgb(186,56,44)
```
#ba442c
```
#ba442c rgb(186,68,44)
```
#ba502c
```
#ba502c rgb(186,80,44)
```
#ba5c2c
```
#ba5c2c rgb(186,92,44)
```
#ba682c
```
#ba682c rgb(186,104,44)
```

Similar Colors

Text with hexadecimal color #ba442c

This text has a font color of #ba442c.

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

#ba442c background color

This paragraph has a background color of #ba442c.

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

#ba442c border color

This element has a border color of #ba442c.

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

CSS codes

.text {color:#ba442c;}

.background {background-color:#ba442c;}

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

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

#0c0403
```
#0c0403 rgb(12,4,3)
```
#1b0a06
```
#1b0a06 rgb(27,10,6)
```
#2b100a
```
#2b100a rgb(43,16,10)
```
#3b160e
```
#3b160e rgb(59,22,14)
```
#4b1b12
```
#4b1b12 rgb(75,27,18)
```
#5b2115
```
#5b2115 rgb(91,33,21)
```
#6b2719
```
#6b2719 rgb(107,39,25)
```
#7b2d1d
```
#7b2d1d rgb(123,45,29)
```
#8a3321
```
#8a3321 rgb(138,51,33)
```
#9a3824
```
#9a3824 rgb(154,56,36)
```
#aa3e28
```
#aa3e28 rgb(170,62,40)
```
#ba442c
```
#ba442c rgb(186,68,44)
```
#ca4a30
```
#ca4a30 rgb(202,74,48)
```

Shade Color Variation

#d1553c
```
#d1553c rgb(209,85,60)
```
#d5634c
```
#d5634c rgb(213,99,76)
```
#d8715c
```
#d8715c rgb(216,113,92)
```
#dc7f6c
```
#dc7f6c rgb(220,127,108)
```
#e08d7c
```
#e08d7c rgb(224,141,124)
```
#e49a8c
```
#e49a8c rgb(228,154,140)
```
#e7a89b
```
#e7a89b rgb(231,168,155)
```
#ebb6ab
```
#ebb6ab rgb(235,182,171)
```
#efc4bb
```
#efc4bb rgb(239,196,187)
```
#f3d2cb
```
#f3d2cb rgb(243,210,203)
```
#f6e0db
```
#f6e0db rgb(246,224,219)
```
#faedeb
```
#faedeb rgb(250,237,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 #dd2d09 is the most saturated one.

#737373
```
#737373 rgb(115,115,115)
```
#7c6d6a
```
#7c6d6a rgb(124,109,106)
```
#856761
```
#856761 rgb(133,103,97)
```
#8e6158
```
#8e6158 rgb(142,97,88)
```
#975b4f
```
#975b4f rgb(151,91,79)
```
#9f5647
```
#9f5647 rgb(159,86,71)
```
#a8503e
```
#a8503e rgb(168,80,62)
```
#b14a35
```
#b14a35 rgb(177,74,53)
```
#ba442c
```
#ba442c rgb(186,68,44)
```
#c33e23
```
#c33e23 rgb(195,62,35)
```
#cc381a
```
#cc381a rgb(204,56,26)
```
#d53211
```
#d53211 rgb(213,50,17)
```
#dd2d09
```
#dd2d09 rgb(221,45,9)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#765e5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7242 Protanopia 1% of men
#8d6d2e Deuteranopia 1% of men
#be4a4e Tritanopia 0.001% of the population

Trichromacy

#93613a Protanomaly 1% of men, 0.01% of women
#9d5e2d Deuteranomaly 6% of men, 0.4% of women
#bc4842 Tritanomaly 0.01% of the population

#ba442c hex color

#ba442c Color Information

#ba442c Color Conversion

Color Schemes with #ba442c

Alternatives to #ba442c

#ba442c Preview

Shades and Tints of #ba442c

Tones of #ba442c

Color Blindness Simulator