#ba4731 hex color

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

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

● #ba4731 color description : Moderate red.

The hexadecimal color #ba4731 has RGB values of R:186, G:71, B:49 and CMYK values of C:0, M:0.62, Y:0.74, K:0.27. Its decimal value is 12207921.

Hex triplet	ba4731	`#ba4731`
RGB Decimal	186, 71, 49	`rgb(186,71,49)`
RGB Percent	72.9, 27.8, 19.2	`rgb(72.9%,27.8%,19.2%)`
CMYK	0, 62, 74, 27
HSL	9.6°, 58.3, 46.1	`hsl(9.6,58.3%,46.1%)`
HSV (or HSB)	9.6°, 73.7, 72.9
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.866, 45.177, 36.911
XYZ	23.058, 15.17, 4.619
xyY	0.538, 0.354, 15.17
CIE-LCH	45.866, 58.339, 39.249
CIE-LUV	45.866, 89.984, 28.566
Hunter-Lab	38.948, 37.516, 20.232
Binary	10111010, 01000111, 00110001

#ba4731
```
#ba4731 rgb(186,71,49)
```
#31a4ba
```
#31a4ba rgb(49,164,186)
```

Complementary Color

#ba3160
```
#ba3160 rgb(186,49,96)
```
#ba4731
```
#ba4731 rgb(186,71,49)
```
#ba8c31
```
#ba8c31 rgb(186,140,49)
```

Analogous Color

#3160ba
```
#3160ba rgb(49,96,186)
```
#ba4731
```
#ba4731 rgb(186,71,49)
```
#31ba8c
```
#31ba8c rgb(49,186,140)
```

Split Complementary Color

#4731ba
```
#4731ba rgb(71,49,186)
```
#ba4731
```
#ba4731 rgb(186,71,49)
```
#31ba47
```
#31ba47 rgb(49,186,71)
```

Triadic Color

#ba31a4
```
#ba31a4 rgb(186,49,164)
```
#ba4731
```
#ba4731 rgb(186,71,49)
```
#31ba47
```
#31ba47 rgb(49,186,71)
```
#31a4ba
```
#31a4ba rgb(49,164,186)
```

Tetradic Color

#7d3021
```
#7d3021 rgb(125,48,33)
```
#923826
```
#923826 rgb(146,56,38)
```
#a63f2c
```
#a63f2c rgb(166,63,44)
```
#ba4731
```
#ba4731 rgb(186,71,49)
```
#cb513a
```
#cb513a rgb(203,81,58)
```
#d0634e
```
#d0634e rgb(208,99,78)
```
#d67462
```
#d67462 rgb(214,116,98)
```

Monochromatic Color

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

#ba313d
```
#ba313d rgb(186,49,61)
```
#ba3132
```
#ba3132 rgb(186,49,50)
```
#ba3c31
```
#ba3c31 rgb(186,60,49)
```
#ba4731
```
#ba4731 rgb(186,71,49)
```
#ba5231
```
#ba5231 rgb(186,82,49)
```
#ba5e31
```
#ba5e31 rgb(186,94,49)
```
#ba6931
```
#ba6931 rgb(186,105,49)
```

Similar Colors

Text with hexadecimal color #ba4731

This text has a font color of #ba4731.

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

#ba4731 background color

This paragraph has a background color of #ba4731.

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

#ba4731 border color

This element has a border color of #ba4731.

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

CSS codes

.text {color:#ba4731;}

.background {background-color:#ba4731;}

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

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)
```
#3e1810
```
#3e1810 rgb(62,24,16)
```
#4d1e14
```
#4d1e14 rgb(77,30,20)
```
#5d2318
```
#5d2318 rgb(93,35,24)
```
#6c291d
```
#6c291d rgb(108,41,29)
```
#7c2f21
```
#7c2f21 rgb(124,47,33)
```
#8b3525
```
#8b3525 rgb(139,53,37)
```
#9b3b29
```
#9b3b29 rgb(155,59,41)
```
#aa412d
```
#aa412d rgb(170,65,45)
```
#ba4731
```
#ba4731 rgb(186,71,49)
```
#ca4d35
```
#ca4d35 rgb(202,77,53)
```

Shade Color Variation

#ce5a44
```
#ce5a44 rgb(206,90,68)
```
#d26854
```
#d26854 rgb(210,104,84)
```
#d67663
```
#d67663 rgb(214,118,99)
```
#da8473
```
#da8473 rgb(218,132,115)
```
#de9182
```
#de9182 rgb(222,145,130)
```
#e29f92
```
#e29f92 rgb(226,159,146)
```
#e6ada2
```
#e6ada2 rgb(230,173,162)
```
#eabab1
```
#eabab1 rgb(234,186,177)
```
#efc8c1
```
#efc8c1 rgb(239,200,193)
```
#f3d6d0
```
#f3d6d0 rgb(243,214,208)
```
#f7e3e0
```
#f7e3e0 rgb(247,227,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 #e72804 is the most saturated one.

#7b7270
```
#7b7270 rgb(123,114,112)
```
#846c67
```
#846c67 rgb(132,108,103)
```
#8d665e
```
#8d665e rgb(141,102,94)
```
#966055
```
#966055 rgb(150,96,85)
```
#9f594c
```
#9f594c rgb(159,89,76)
```
#a85343
```
#a85343 rgb(168,83,67)
```
#b14d3a
```
#b14d3a rgb(177,77,58)
```
#ba4731
```
#ba4731 rgb(186,71,49)
```
#c34128
```
#c34128 rgb(195,65,40)
```
#cc3b1f
```
#cc3b1f rgb(204,59,31)
```
#d53516
```
#d53516 rgb(213,53,22)
```
#de2e0d
```
#de2e0d rgb(222,46,13)
```
#e72804
```
#e72804 rgb(231,40,4)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#78615c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7446 Protanopia 1% of men
#8f6e33 Deuteranopia 1% of men
#be4d52 Tritanopia 0.001% of the population

Trichromacy

#94633e Protanomaly 1% of men, 0.01% of women
#9e6032 Deuteranomaly 6% of men, 0.4% of women
#bc4b46 Tritanomaly 0.01% of the population

#ba4731 hex color

#ba4731 Color Information

#ba4731 Color Conversion

Color Schemes with #ba4731

Alternatives to #ba4731

#ba4731 Preview

Shades and Tints of #ba4731

Tones of #ba4731

Color Blindness Simulator