#ba4228 hex color

In a RGB color space, hex #ba4228 is composed of 72.9% red, 25.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.5% magenta, 78.5% yellow and 27.1% black. It has a hue angle of 10.7 degrees, a saturation of 64.6% and a lightness of 44.3%. #ba4228 color hex could be obtained by blending #ff8450 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 26
- B 16
RGB color chart
- C 0
- M 65
- Y 78
- K 27
CMYK color chart

● #ba4228 color description : Strong red.

The hexadecimal color #ba4228 has RGB values of R:186, G:66, B:40 and CMYK values of C:0, M:0.65, Y:0.78, K:0.27. Its decimal value is 12206632.

Hex triplet	ba4228	`#ba4228`
RGB Decimal	186, 66, 40	`rgb(186,66,40)`
RGB Percent	72.9, 25.9, 15.7	`rgb(72.9%,25.9%,15.7%)`
CMYK	0, 65, 78, 27
HSL	10.7°, 64.6, 44.3	`hsl(10.7,64.6%,44.3%)`
HSV (or HSB)	10.7°, 78.5, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.929, 47.052, 40.768
XYZ	22.582, 14.491, 3.615
xyY	0.555, 0.356, 14.491
CIE-LCH	44.929, 62.257, 40.907
CIE-LUV	44.929, 94.81, 30.192
Hunter-Lab	38.067, 39.27, 21.016
Binary	10111010, 01000010, 00101000

#ba4228
```
#ba4228 rgb(186,66,40)
```
#28a0ba
```
#28a0ba rgb(40,160,186)
```

Complementary Color

#ba2857
```
#ba2857 rgb(186,40,87)
```
#ba4228
```
#ba4228 rgb(186,66,40)
```
#ba8b28
```
#ba8b28 rgb(186,139,40)
```

Analogous Color

#2857ba
```
#2857ba rgb(40,87,186)
```
#ba4228
```
#ba4228 rgb(186,66,40)
```
#28ba8b
```
#28ba8b rgb(40,186,139)
```

Split Complementary Color

#4228ba
```
#4228ba rgb(66,40,186)
```
#ba4228
```
#ba4228 rgb(186,66,40)
```
#28ba42
```
#28ba42 rgb(40,186,66)
```

Triadic Color

#ba28a0
```
#ba28a0 rgb(186,40,160)
```
#ba4228
```
#ba4228 rgb(186,66,40)
```
#28ba42
```
#28ba42 rgb(40,186,66)
```
#28a0ba
```
#28a0ba rgb(40,160,186)
```

Tetradic Color

#7b2c1a
```
#7b2c1a rgb(123,44,26)
```
#90331f
```
#90331f rgb(144,51,31)
```
#a53b23
```
#a53b23 rgb(165,59,35)
```
#ba4228
```
#ba4228 rgb(186,66,40)
```
#cf492d
```
#cf492d rgb(207,73,45)
```
#d65a3f
```
#d65a3f rgb(214,90,63)
```
#da6c54
```
#da6c54 rgb(218,108,84)
```

Monochromatic Color

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

#ba2833
```
#ba2833 rgb(186,40,51)
```
#ba2a28
```
#ba2a28 rgb(186,42,40)
```
#ba3628
```
#ba3628 rgb(186,54,40)
```
#ba4228
```
#ba4228 rgb(186,66,40)
```
#ba4e28
```
#ba4e28 rgb(186,78,40)
```
#ba5a28
```
#ba5a28 rgb(186,90,40)
```
#ba6728
```
#ba6728 rgb(186,103,40)
```

Similar Colors

Text with hexadecimal color #ba4228

This text has a font color of #ba4228.

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

#ba4228 background color

This paragraph has a background color of #ba4228.

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

#ba4228 border color

This element has a border color of #ba4228.

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

CSS codes

.text {color:#ba4228;}

.background {background-color:#ba4228;}

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

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

#080302
```
#080302 rgb(8,3,2)
```
#190905
```
#190905 rgb(25,9,5)
```
#290e09
```
#290e09 rgb(41,14,9)
```
#39140c
```
#39140c rgb(57,20,12)
```
#491a10
```
#491a10 rgb(73,26,16)
```
#592013
```
#592013 rgb(89,32,19)
```
#692517
```
#692517 rgb(105,37,23)
```
#792b1a
```
#792b1a rgb(121,43,26)
```
#8a311e
```
#8a311e rgb(138,49,30)
```
#9a3721
```
#9a3721 rgb(154,55,33)
```
#aa3c25
```
#aa3c25 rgb(170,60,37)
```
#ba4228
```
#ba4228 rgb(186,66,40)
```
#ca482b
```
#ca482b rgb(202,72,43)
```

Shade Color Variation

#d45236
```
#d45236 rgb(212,82,54)
```
#d76046
```
#d76046 rgb(215,96,70)
```
#db6d56
```
#db6d56 rgb(219,109,86)
```
#de7b66
```
#de7b66 rgb(222,123,102)
```
#e28976
```
#e28976 rgb(226,137,118)
```
#e59786
```
#e59786 rgb(229,151,134)
```
#e9a596
```
#e9a596 rgb(233,165,150)
```
#ecb3a7
```
#ecb3a7 rgb(236,179,167)
```
#efc1b7
```
#efc1b7 rgb(239,193,183)
```
#f3cfc7
```
#f3cfc7 rgb(243,207,199)
```
#f6ddd7
```
#f6ddd7 rgb(246,221,215)
```
#faeae7
```
#faeae7 rgb(250,234,231)
```
#fdf8f7
```
#fdf8f7 rgb(253,248,247)
```

Tint Color Variation

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

#746f6e
```
#746f6e rgb(116,111,110)
```
#7d6965
```
#7d6965 rgb(125,105,101)
```
#86645c
```
#86645c rgb(134,100,92)
```
#8f5e53
```
#8f5e53 rgb(143,94,83)
```
#97584b
```
#97584b rgb(151,88,75)
```
#a05342
```
#a05342 rgb(160,83,66)
```
#a94d39
```
#a94d39 rgb(169,77,57)
```
#b14831
```
#b14831 rgb(177,72,49)
```
#ba4228
```
#ba4228 rgb(186,66,40)
```
#c33c1f
```
#c33c1f rgb(195,60,31)
```
#cb3717
```
#cb3717 rgb(203,55,23)
```
#d4310e
```
#d4310e rgb(212,49,14)
```
#dd2c05
```
#dd2c05 rgb(221,44,5)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#745c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d723e Protanopia 1% of men
#8d6c29 Deuteranopia 1% of men
#be484c Tritanopia 0.001% of the population

Trichromacy

#936036 Protanomaly 1% of men, 0.01% of women
#9d5d29 Deuteranomaly 6% of men, 0.4% of women
#bc463f Tritanomaly 0.01% of the population

#ba4228 hex color

#ba4228 Color Information

#ba4228 Color Conversion

Color Schemes with #ba4228

Alternatives to #ba4228

#ba4228 Preview

Shades and Tints of #ba4228

Tones of #ba4228

Color Blindness Simulator