#ba5a53 hex color

In a RGB color space, hex #ba5a53 is composed of 72.9% red, 35.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 55.4% yellow and 27.1% black. It has a hue angle of 4.1 degrees, a saturation of 42.7% and a lightness of 52.7%. #ba5a53 color hex could be obtained by blending #ffb4a6 with #750000. Closest websafe color is: #cc6666.

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

● #ba5a53 color description : Moderate red.

The hexadecimal color #ba5a53 has RGB values of R:186, G:90, B:83 and CMYK values of C:0, M:0.52, Y:0.55, K:0.27. Its decimal value is 12212819.

Hex triplet	ba5a53	`#ba5a53`
RGB Decimal	186, 90, 83	`rgb(186,90,83)`
RGB Percent	72.9, 35.3, 32.5	`rgb(72.9%,35.3%,32.5%)`
CMYK	0, 52, 55, 27
HSL	4.1°, 42.7, 52.7	`hsl(4.1,42.7%,52.7%)`
HSV (or HSB)	4.1°, 55.4, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.952, 38.071, 22.318
XYZ	25.468, 18.378, 10.389
xyY	0.47, 0.339, 18.378
CIE-LCH	49.952, 44.131, 30.38
CIE-LUV	49.952, 70.598, 19.095
Hunter-Lab	42.87, 31.02, 15.64
Binary	10111010, 01011010, 01010011

#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#53b3ba
```
#53b3ba rgb(83,179,186)
```

Complementary Color

#ba5380
```
#ba5380 rgb(186,83,128)
```
#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#ba8e53
```
#ba8e53 rgb(186,142,83)
```

Analogous Color

#5380ba
```
#5380ba rgb(83,128,186)
```
#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#53ba8e
```
#53ba8e rgb(83,186,142)
```

Split Complementary Color

#5a53ba
```
#5a53ba rgb(90,83,186)
```
#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#53ba5a
```
#53ba5a rgb(83,186,90)
```

Triadic Color

#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#53ba5a
```
#53ba5a rgb(83,186,90)
```
#53b3ba
```
#53b3ba rgb(83,179,186)
```

Tetradic Color

#893d37
```
#893d37 rgb(137,61,55)
```
#9c453e
```
#9c453e rgb(156,69,62)
```
#ae4d46
```
#ae4d46 rgb(174,77,70)
```
#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#c16b65
```
#c16b65 rgb(193,107,101)
```
#c97d77
```
#c97d77 rgb(201,125,119)
```
#d08e8a
```
#d08e8a rgb(208,142,138)
```

Monochromatic Color

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

#ba5366
```
#ba5366 rgb(186,83,102)
```
#ba535d
```
#ba535d rgb(186,83,93)
```
#ba5355
```
#ba5355 rgb(186,83,85)
```
#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#ba6353
```
#ba6353 rgb(186,99,83)
```
#ba6b53
```
#ba6b53 rgb(186,107,83)
```
#ba7453
```
#ba7453 rgb(186,116,83)
```

Similar Colors

Text with hexadecimal color #ba5a53

This text has a font color of #ba5a53.

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

#ba5a53 background color

This paragraph has a background color of #ba5a53.

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

#ba5a53 border color

This element has a border color of #ba5a53.

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

CSS codes

.text {color:#ba5a53;}

.background {background-color:#ba5a53;}

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

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

#0a0404
```
#0a0404 rgb(10,4,4)
```
#180b0a
```
#180b0a rgb(24,11,10)
```
#26110f
```
#26110f rgb(38,17,15)
```
#341715
```
#341715 rgb(52,23,21)
```
#421d1a
```
#421d1a rgb(66,29,26)
```
#502320
```
#502320 rgb(80,35,32)
```
#5e2a26
```
#5e2a26 rgb(94,42,38)
```
#6c302b
```
#6c302b rgb(108,48,43)
```
#7a3631
```
#7a3631 rgb(122,54,49)
```
#883c37
```
#883c37 rgb(136,60,55)
```
#96423c
```
#96423c rgb(150,66,60)
```
#a44842
```
#a44842 rgb(164,72,66)
```
#b24f47
```
#b24f47 rgb(178,79,71)
```

Shade Color Variation

#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#c06761
```
#c06761 rgb(192,103,97)
```
#c5756f
```
#c5756f rgb(197,117,111)
```
#cb827d
```
#cb827d rgb(203,130,125)
```
#d0908b
```
#d0908b rgb(208,144,139)
```
#d69d99
```
#d69d99 rgb(214,157,153)
```
#dcaba7
```
#dcaba7 rgb(220,171,167)
```
#e1b8b5
```
#e1b8b5 rgb(225,184,181)
```
#e7c5c3
```
#e7c5c3 rgb(231,197,195)
```
#edd3d1
```
#edd3d1 rgb(237,211,209)
```
#f2e0df
```
#f2e0df rgb(242,224,223)
```
#f8eeed
```
#f8eeed rgb(248,238,237)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#8c8281
```
#8c8281 rgb(140,130,129)
```
#957a78
```
#957a78 rgb(149,122,120)
```
#9e726f
```
#9e726f rgb(158,114,111)
```
#a76a66
```
#a76a66 rgb(167,106,102)
```
#b1625c
```
#b1625c rgb(177,98,92)
```
#ba5a53
```
#ba5a53 rgb(186,90,83)
```
#c3524a
```
#c3524a rgb(195,82,74)
```
#cd4a40
```
#cd4a40 rgb(205,74,64)
```
#d64237
```
#d64237 rgb(214,66,55)
```
#df3a2e
```
#df3a2e rgb(223,58,46)
```
#e83225
```
#e83225 rgb(232,50,37)
```
#f22a1b
```
#f22a1b rgb(242,42,27)
```
#fb2212
```
#fb2212 rgb(251,34,18)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#84706f Atypical Achromatopsia 0.001% of the population

Dichromacy

#857d66 Protanopia 1% of men
#957856 Deuteranopia 1% of men
#be6067 Tritanopia 0.001% of the population

Trichromacy

#98705f Protanomaly 1% of men, 0.01% of women
#a36d55 Deuteranomaly 6% of men, 0.4% of women
#bc5e5f Tritanomaly 0.01% of the population

#ba5a53 hex color

#ba5a53 Color Information

#ba5a53 Color Conversion

Color Schemes with #ba5a53

Alternatives to #ba5a53

#ba5a53 Preview

Shades and Tints of #ba5a53

Tones of #ba5a53

Color Blindness Simulator