#ba4a31 hex color

In a RGB color space, hex #ba4a31 is composed of 72.9% red, 29% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.2% magenta, 73.7% yellow and 27.1% black. It has a hue angle of 10.9 degrees, a saturation of 58.3% and a lightness of 46.1%. #ba4a31 color hex could be obtained by blending #ff9462 with #750000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 73
- G 29
- B 19
RGB color chart
- C 0
- M 60
- Y 74
- K 27
CMYK color chart

● #ba4a31 color description : Moderate red.

The hexadecimal color #ba4a31 has RGB values of R:186, G:74, B:49 and CMYK values of C:0, M:0.6, Y:0.74, K:0.27. Its decimal value is 12208689.

Hex triplet	ba4a31	`#ba4a31`
RGB Decimal	186, 74, 49	`rgb(186,74,49)`
RGB Percent	72.9, 29, 19.2	`rgb(72.9%,29%,19.2%)`
CMYK	0, 60, 74, 27
HSL	10.9°, 58.3, 46.1	`hsl(10.9,58.3%,46.1%)`
HSV (or HSB)	10.9°, 73.7, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.393, 43.784, 37.493
XYZ	23.254, 15.561, 4.685
xyY	0.535, 0.358, 15.561
CIE-LCH	46.393, 57.644, 40.574
CIE-LUV	46.393, 87.9, 29.539
Hunter-Lab	39.447, 36.192, 20.572
Binary	10111010, 01001010, 00110001

#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#31a1ba
```
#31a1ba rgb(49,161,186)
```

Complementary Color

#ba315d
```
#ba315d rgb(186,49,93)
```
#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#ba8f31
```
#ba8f31 rgb(186,143,49)
```

Analogous Color

#315dba
```
#315dba rgb(49,93,186)
```
#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#31ba8f
```
#31ba8f rgb(49,186,143)
```

Split Complementary Color

#4a31ba
```
#4a31ba rgb(74,49,186)
```
#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#31ba4a
```
#31ba4a rgb(49,186,74)
```

Triadic Color

#ba31a1
```
#ba31a1 rgb(186,49,161)
```
#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#31ba4a
```
#31ba4a rgb(49,186,74)
```
#31a1ba
```
#31a1ba rgb(49,161,186)
```

Tetradic Color

#7d3221
```
#7d3221 rgb(125,50,33)
```
#923a26
```
#923a26 rgb(146,58,38)
```
#a6422c
```
#a6422c rgb(166,66,44)
```
#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#cb543a
```
#cb543a rgb(203,84,58)
```
#d0664e
```
#d0664e rgb(208,102,78)
```
#d67762
```
#d67762 rgb(214,119,98)
```

Monochromatic Color

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

#ba313a
```
#ba313a rgb(186,49,58)
```
#ba3331
```
#ba3331 rgb(186,51,49)
```
#ba3f31
```
#ba3f31 rgb(186,63,49)
```
#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#ba5531
```
#ba5531 rgb(186,85,49)
```
#ba6131
```
#ba6131 rgb(186,97,49)
```
#ba6c31
```
#ba6c31 rgb(186,108,49)
```

Similar Colors

Text with hexadecimal color #ba4a31

This text has a font color of #ba4a31.

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

#ba4a31 background color

This paragraph has a background color of #ba4a31.

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

#ba4a31 border color

This element has a border color of #ba4a31.

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

CSS codes

.text {color:#ba4a31;}

.background {background-color:#ba4a31;}

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

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

#0f0604
```
#0f0604 rgb(15,6,4)
```
#1f0c08
```
#1f0c08 rgb(31,12,8)
```
#2e120c
```
#2e120c rgb(46,18,12)
```
#3e1910
```
#3e1910 rgb(62,25,16)
```
#4d1f14
```
#4d1f14 rgb(77,31,20)
```
#5d2518
```
#5d2518 rgb(93,37,24)
```
#6c2b1d
```
#6c2b1d rgb(108,43,29)
```
#7c3121
```
#7c3121 rgb(124,49,33)
```
#8b3725
```
#8b3725 rgb(139,55,37)
```
#9b3e29
```
#9b3e29 rgb(155,62,41)
```
#aa442d
```
#aa442d rgb(170,68,45)
```
#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#ca5035
```
#ca5035 rgb(202,80,53)
```

Shade Color Variation

#ce5d44
```
#ce5d44 rgb(206,93,68)
```
#d26b54
```
#d26b54 rgb(210,107,84)
```
#d67863
```
#d67863 rgb(214,120,99)
```
#da8673
```
#da8673 rgb(218,134,115)
```
#de9382
```
#de9382 rgb(222,147,130)
```
#e2a192
```
#e2a192 rgb(226,161,146)
```
#e6aea2
```
#e6aea2 rgb(230,174,162)
```
#eabcb1
```
#eabcb1 rgb(234,188,177)
```
#efc9c1
```
#efc9c1 rgb(239,201,193)
```
#f3d6d0
```
#f3d6d0 rgb(243,214,208)
```
#f7e4e0
```
#f7e4e0 rgb(247,228,224)
```
#fbf1ef
```
#fbf1ef rgb(251,241,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7270
```
#7b7270 rgb(123,114,112)
```
#846c67
```
#846c67 rgb(132,108,103)
```
#8d675e
```
#8d675e rgb(141,103,94)
```
#966155
```
#966155 rgb(150,97,85)
```
#9f5b4c
```
#9f5b4c rgb(159,91,76)
```
#a85543
```
#a85543 rgb(168,85,67)
```
#b1503a
```
#b1503a rgb(177,80,58)
```
#ba4a31
```
#ba4a31 rgb(186,74,49)
```
#c34428
```
#c34428 rgb(195,68,40)
```
#cc3f1f
```
#cc3f1f rgb(204,63,31)
```
#d53916
```
#d53916 rgb(213,57,22)
```
#de330d
```
#de330d rgb(222,51,13)
```
#e72d04
```
#e72d04 rgb(231,45,4)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#79635e Atypical Achromatopsia 0.001% of the population

Dichromacy

#807546 Protanopia 1% of men
#907033 Deuteranopia 1% of men
#be5054 Tritanopia 0.001% of the population

Trichromacy

#95653e Protanomaly 1% of men, 0.01% of women
#9f6232 Deuteranomaly 6% of men, 0.4% of women
#bd4d47 Tritanomaly 0.01% of the population

#ba4a31 hex color

#ba4a31 Color Information

#ba4a31 Color Conversion

Color Schemes with #ba4a31

Alternatives to #ba4a31

#ba4a31 Preview

Shades and Tints of #ba4a31

Tones of #ba4a31

Color Blindness Simulator