#ba5a44 hex color

In a RGB color space, hex #ba5a44 is composed of 72.9% red, 35.3% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 63.4% yellow and 27.1% black. It has a hue angle of 11.2 degrees, a saturation of 46.5% and a lightness of 49.8%. #ba5a44 color hex could be obtained by blending #ffb488 with #750000. Closest websafe color is: #cc6633.

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

● #ba5a44 color description : Moderate red.

The hexadecimal color #ba5a44 has RGB values of R:186, G:90, B:68 and CMYK values of C:0, M:0.52, Y:0.63, K:0.27. Its decimal value is 12212804.

Hex triplet	ba5a44	`#ba5a44`
RGB Decimal	186, 90, 68	`rgb(186,90,68)`
RGB Percent	72.9, 35.3, 26.7	`rgb(72.9%,35.3%,26.7%)`
CMYK	0, 52, 63, 27
HSL	11.2°, 46.5, 49.8	`hsl(11.2,46.5%,49.8%)`
HSV (or HSB)	11.2°, 63.4, 72.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.703, 36.943, 30.711
XYZ	24.95, 18.171, 7.662
xyY	0.491, 0.358, 18.171
CIE-LCH	49.703, 48.041, 39.736
CIE-LUV	49.703, 73.367, 27.089
Hunter-Lab	42.627, 29.879, 19.182
Binary	10111010, 01011010, 01000100

#ba5a44
```
#ba5a44 rgb(186,90,68)
```
#44a4ba
```
#44a4ba rgb(68,164,186)
```

Complementary Color

#ba4469
```
#ba4469 rgb(186,68,105)
```
#ba5a44
```
#ba5a44 rgb(186,90,68)
```
#ba9544
```
#ba9544 rgb(186,149,68)
```

Analogous Color

#4469ba
```
#4469ba rgb(68,105,186)
```
#ba5a44
```
#ba5a44 rgb(186,90,68)
```
#44ba95
```
#44ba95 rgb(68,186,149)
```

Split Complementary Color

#5a44ba
```
#5a44ba rgb(90,68,186)
```
#ba5a44
```
#ba5a44 rgb(186,90,68)
```
#44ba5a
```
#44ba5a rgb(68,186,90)
```

Triadic Color

#ba44a4
```
#ba44a4 rgb(186,68,164)
```
#ba5a44
```
#ba5a44 rgb(186,90,68)
```
#44ba5a
```
#44ba5a rgb(68,186,90)
```
#44a4ba
```
#44a4ba rgb(68,164,186)
```

Tetradic Color

#823f30
```
#823f30 rgb(130,63,48)
```
#954836
```
#954836 rgb(149,72,54)
```
#a7513d
```
#a7513d rgb(167,81,61)
```
#ba5a44
```
#ba5a44 rgb(186,90,68)
```
#c16a56
```
#c16a56 rgb(193,106,86)
```
#c87b69
```
#c87b69 rgb(200,123,105)
```
#cf8b7c
```
#cf8b7c rgb(207,139,124)
```

Monochromatic Color

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

#ba444b
```
#ba444b rgb(186,68,75)
```
#ba4644
```
#ba4644 rgb(186,70,68)
```
#ba5044
```
#ba5044 rgb(186,80,68)
```
#ba5a44
```
#ba5a44 rgb(186,90,68)
```
#ba6444
```
#ba6444 rgb(186,100,68)
```
#ba6e44
```
#ba6e44 rgb(186,110,68)
```
#ba7844
```
#ba7844 rgb(186,120,68)
```

Similar Colors

Text with hexadecimal color #ba5a44

This text has a font color of #ba5a44.

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

#ba5a44 background color

This paragraph has a background color of #ba5a44.

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

#ba5a44 border color

This element has a border color of #ba5a44.

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

CSS codes

.text {color:#ba5a44;}

.background {background-color:#ba5a44;}

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

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

#0e0705
```
#0e0705 rgb(14,7,5)
```
#1c0e0a
```
#1c0e0a rgb(28,14,10)
```
#2a140f
```
#2a140f rgb(42,20,15)
```
#391b15
```
#391b15 rgb(57,27,21)
```
#47221a
```
#47221a rgb(71,34,26)
```
#55291f
```
#55291f rgb(85,41,31)
```
#643024
```
#643024 rgb(100,48,36)
```
#72372a
```
#72372a rgb(114,55,42)
```
#813e2f
```
#813e2f rgb(129,62,47)
```
#8f4534
```
#8f4534 rgb(143,69,52)
```
#9d4c39
```
#9d4c39 rgb(157,76,57)
```
#ac533f
```
#ac533f rgb(172,83,63)
```
#ba5a44
```
#ba5a44 rgb(186,90,68)
```

Shade Color Variation

#c06652
```
#c06652 rgb(192,102,82)
```
#c57360
```
#c57360 rgb(197,115,96)
```
#ca806f
```
#ca806f rgb(202,128,111)
```
#cf8c7d
```
#cf8c7d rgb(207,140,125)
```
#d5998b
```
#d5998b rgb(213,153,139)
```
#daa69a
```
#daa69a rgb(218,166,154)
```
#dfb2a8
```
#dfb2a8 rgb(223,178,168)
```
#e4bfb6
```
#e4bfb6 rgb(228,191,182)
```
#eaccc5
```
#eaccc5 rgb(234,204,197)
```
#efd8d3
```
#efd8d3 rgb(239,216,211)
```
#f4e5e2
```
#f4e5e2 rgb(244,229,226)
```
#f9f2f0
```
#f9f2f0 rgb(249,242,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7f7f7f
```
#7f7f7f rgb(127,127,127)
```
#897975
```
#897975 rgb(137,121,117)
```
#93736b
```
#93736b rgb(147,115,107)
```
#9d6c61
```
#9d6c61 rgb(157,108,97)
```
#a66658
```
#a66658 rgb(166,102,88)
```
#b0604e
```
#b0604e rgb(176,96,78)
```
#ba5a44
```
#ba5a44 rgb(186,90,68)
```
#c4543a
```
#c4543a rgb(196,84,58)
```
#ce4e30
```
#ce4e30 rgb(206,78,48)
```
#d74827
```
#d74827 rgb(215,72,39)
```
#e1411d
```
#e1411d rgb(225,65,29)
```
#eb3b13
```
#eb3b13 rgb(235,59,19)
```
#f53509
```
#f53509 rgb(245,53,9)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#826f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#877d57 Protanopia 1% of men
#977748 Deuteranopia 1% of men
#bf5f65 Tritanopia 0.001% of the population

Trichromacy

#997050 Protanomaly 1% of men, 0.01% of women
#a46d46 Deuteranomaly 6% of men, 0.4% of women
#bd5d59 Tritanomaly 0.01% of the population

#ba5a44 hex color

#ba5a44 Color Information

#ba5a44 Color Conversion

Color Schemes with #ba5a44

Alternatives to #ba5a44

#ba5a44 Preview

Shades and Tints of #ba5a44

Tones of #ba5a44

Color Blindness Simulator