#ba3228 hex color

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

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

● #ba3228 color description : Strong red.

The hexadecimal color #ba3228 has RGB values of R:186, G:50, B:40 and CMYK values of C:0, M:0.73, Y:0.78, K:0.27. Its decimal value is 12202536.

Hex triplet	ba3228	`#ba3228`
RGB Decimal	186, 50, 40	`rgb(186,50,40)`
RGB Percent	72.9, 19.6, 15.7	`rgb(72.9%,19.6%,15.7%)`
CMYK	0, 73, 78, 27
HSL	4.1°, 64.6, 44.3	`hsl(4.1,64.6%,44.3%)`
HSV (or HSB)	4.1°, 78.5, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.576, 53.459, 38.347
XYZ	21.774, 12.876, 3.346
xyY	0.573, 0.339, 12.876
CIE-LCH	42.576, 65.79, 35.652
CIE-LUV	42.576, 104.796, 25.91
Hunter-Lab	35.883, 45.52, 19.589
Binary	10111010, 00110010, 00101000

#ba3228
```
#ba3228 rgb(186,50,40)
```
#28b0ba
```
#28b0ba rgb(40,176,186)
```

Complementary Color

#ba2867
```
#ba2867 rgb(186,40,103)
```
#ba3228
```
#ba3228 rgb(186,50,40)
```
#ba7b28
```
#ba7b28 rgb(186,123,40)
```

Analogous Color

#2867ba
```
#2867ba rgb(40,103,186)
```
#ba3228
```
#ba3228 rgb(186,50,40)
```
#28ba7b
```
#28ba7b rgb(40,186,123)
```

Split Complementary Color

#3228ba
```
#3228ba rgb(50,40,186)
```
#ba3228
```
#ba3228 rgb(186,50,40)
```
#28ba32
```
#28ba32 rgb(40,186,50)
```

Triadic Color

#ba28b0
```
#ba28b0 rgb(186,40,176)
```
#ba3228
```
#ba3228 rgb(186,50,40)
```
#28ba32
```
#28ba32 rgb(40,186,50)
```
#28b0ba
```
#28b0ba rgb(40,176,186)
```

Tetradic Color

#7b211a
```
#7b211a rgb(123,33,26)
```
#90271f
```
#90271f rgb(144,39,31)
```
#a52c23
```
#a52c23 rgb(165,44,35)
```
#ba3228
```
#ba3228 rgb(186,50,40)
```
#cf382d
```
#cf382d rgb(207,56,45)
```
#d64a3f
```
#d64a3f rgb(214,74,63)
```
#da5d54
```
#da5d54 rgb(218,93,84)
```

Monochromatic Color

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

#ba2843
```
#ba2843 rgb(186,40,67)
```
#ba2836
```
#ba2836 rgb(186,40,54)
```
#ba282a
```
#ba282a rgb(186,40,42)
```
#ba3228
```
#ba3228 rgb(186,50,40)
```
#ba3e28
```
#ba3e28 rgb(186,62,40)
```
#ba4a28
```
#ba4a28 rgb(186,74,40)
```
#ba5728
```
#ba5728 rgb(186,87,40)
```

Similar Colors

Text with hexadecimal color #ba3228

This text has a font color of #ba3228.

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

#ba3228 background color

This paragraph has a background color of #ba3228.

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

#ba3228 border color

This element has a border color of #ba3228.

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

CSS codes

.text {color:#ba3228;}

.background {background-color:#ba3228;}

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

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

#080202
```
#080202 rgb(8,2,2)
```
#190705
```
#190705 rgb(25,7,5)
```
#290b09
```
#290b09 rgb(41,11,9)
```
#390f0c
```
#390f0c rgb(57,15,12)
```
#491410
```
#491410 rgb(73,20,16)
```
#591813
```
#591813 rgb(89,24,19)
```
#691c17
```
#691c17 rgb(105,28,23)
```
#79211a
```
#79211a rgb(121,33,26)
```
#8a251e
```
#8a251e rgb(138,37,30)
```
#9a2921
```
#9a2921 rgb(154,41,33)
```
#aa2e25
```
#aa2e25 rgb(170,46,37)
```
#ba3228
```
#ba3228 rgb(186,50,40)
```
#ca362b
```
#ca362b rgb(202,54,43)
```

Shade Color Variation

#d44036
```
#d44036 rgb(212,64,54)
```
#d75046
```
#d75046 rgb(215,80,70)
```
#db5f56
```
#db5f56 rgb(219,95,86)
```
#de6e66
```
#de6e66 rgb(222,110,102)
```
#e27d76
```
#e27d76 rgb(226,125,118)
```
#e58d86
```
#e58d86 rgb(229,141,134)
```
#e99c96
```
#e99c96 rgb(233,156,150)
```
#ecaba7
```
#ecaba7 rgb(236,171,167)
```
#efbbb7
```
#efbbb7 rgb(239,187,183)
```
#f3cac7
```
#f3cac7 rgb(243,202,199)
```
#f6d9d7
```
#f6d9d7 rgb(246,217,215)
```
#fae8e7
```
#fae8e7 rgb(250,232,231)
```
#fdf8f7
```
#fdf8f7 rgb(253,248,247)
```

Tint Color Variation

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

#746e6e
```
#746e6e rgb(116,110,110)
```
#7d6765
```
#7d6765 rgb(125,103,101)
```
#865f5c
```
#865f5c rgb(134,95,92)
```
#8f5853
```
#8f5853 rgb(143,88,83)
```
#97504b
```
#97504b rgb(151,80,75)
```
#a04942
```
#a04942 rgb(160,73,66)
```
#a94139
```
#a94139 rgb(169,65,57)
```
#b13a31
```
#b13a31 rgb(177,58,49)
```
#ba3228
```
#ba3228 rgb(186,50,40)
```
#c32a1f
```
#c32a1f rgb(195,42,31)
```
#cb2317
```
#cb2317 rgb(203,35,23)
```
#d41b0e
```
#d41b0e rgb(212,27,14)
```
#dd1405
```
#dd1405 rgb(221,20,5)
```

Tone Color Variation

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

Dichromacy

#766c40 Protanopia 1% of men
#866728 Deuteranopia 1% of men
#bd3b3d Tritanopia 0.001% of the population

Trichromacy

#8f5737 Protanomaly 1% of men, 0.01% of women
#995428 Deuteranomaly 6% of men, 0.4% of women
#bc3735 Tritanomaly 0.01% of the population

#ba3228 hex color

#ba3228 Color Information

#ba3228 Color Conversion

Color Schemes with #ba3228

Alternatives to #ba3228

#ba3228 Preview

Shades and Tints of #ba3228

Tones of #ba3228

Color Blindness Simulator