#ba5f53 hex color

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

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

● #ba5f53 color description : Moderate red.

The hexadecimal color #ba5f53 has RGB values of R:186, G:95, B:83 and CMYK values of C:0, M:0.49, Y:0.55, K:0.27. Its decimal value is 12214099.

Hex triplet	ba5f53	`#ba5f53`
RGB Decimal	186, 95, 83	`rgb(186,95,83)`
RGB Percent	72.9, 37.3, 32.5	`rgb(72.9%,37.3%,32.5%)`
CMYK	0, 49, 55, 27
HSL	7°, 42.7, 52.7	`hsl(7,42.7%,52.7%)`
HSV (or HSB)	7°, 55.4, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	50.979, 35.473, 23.665
XYZ	25.904, 19.25, 10.535
xyY	0.465, 0.346, 19.25
CIE-LCH	50.979, 42.642, 33.708
CIE-LUV	50.979, 67.201, 21.217
Hunter-Lab	43.875, 28.605, 16.477
Binary	10111010, 01011111, 01010011

#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#53aeba
```
#53aeba rgb(83,174,186)
```

Complementary Color

#ba537b
```
#ba537b rgb(186,83,123)
```
#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#ba9353
```
#ba9353 rgb(186,147,83)
```

Analogous Color

#537bba
```
#537bba rgb(83,123,186)
```
#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#53ba93
```
#53ba93 rgb(83,186,147)
```

Split Complementary Color

#5f53ba
```
#5f53ba rgb(95,83,186)
```
#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#53ba5f
```
#53ba5f rgb(83,186,95)
```

Triadic Color

#ba53ae
```
#ba53ae rgb(186,83,174)
```
#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#53ba5f
```
#53ba5f rgb(83,186,95)
```
#53aeba
```
#53aeba rgb(83,174,186)
```

Tetradic Color

#894137
```
#894137 rgb(137,65,55)
```
#9c493e
```
#9c493e rgb(156,73,62)
```
#ae5246
```
#ae5246 rgb(174,82,70)
```
#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#c17065
```
#c17065 rgb(193,112,101)
```
#c98177
```
#c98177 rgb(201,129,119)
```
#d0928a
```
#d0928a rgb(208,146,138)
```

Monochromatic Color

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

#ba5361
```
#ba5361 rgb(186,83,97)
```
#ba5358
```
#ba5358 rgb(186,83,88)
```
#ba5653
```
#ba5653 rgb(186,86,83)
```
#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#ba6853
```
#ba6853 rgb(186,104,83)
```
#ba7053
```
#ba7053 rgb(186,112,83)
```
#ba7953
```
#ba7953 rgb(186,121,83)
```

Similar Colors

Text with hexadecimal color #ba5f53

This text has a font color of #ba5f53.

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

#ba5f53 background color

This paragraph has a background color of #ba5f53.

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

#ba5f53 border color

This element has a border color of #ba5f53.

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

CSS codes

.text {color:#ba5f53;}

.background {background-color:#ba5f53;}

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

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

#0a0504
```
#0a0504 rgb(10,5,4)
```
#180b0a
```
#180b0a rgb(24,11,10)
```
#26120f
```
#26120f rgb(38,18,15)
```
#341815
```
#341815 rgb(52,24,21)
```
#421f1a
```
#421f1a rgb(66,31,26)
```
#502620
```
#502620 rgb(80,38,32)
```
#5e2c26
```
#5e2c26 rgb(94,44,38)
```
#6c332b
```
#6c332b rgb(108,51,43)
```
#7a3931
```
#7a3931 rgb(122,57,49)
```
#884037
```
#884037 rgb(136,64,55)
```
#96473c
```
#96473c rgb(150,71,60)
```
#a44d42
```
#a44d42 rgb(164,77,66)
```
#b25447
```
#b25447 rgb(178,84,71)
```

Shade Color Variation

#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#c06c61
```
#c06c61 rgb(192,108,97)
```
#c5796f
```
#c5796f rgb(197,121,111)
```
#cb867d
```
#cb867d rgb(203,134,125)
```
#d0938b
```
#d0938b rgb(208,147,139)
```
#d6a099
```
#d6a099 rgb(214,160,153)
```
#dcada7
```
#dcada7 rgb(220,173,167)
```
#e1bab5
```
#e1bab5 rgb(225,186,181)
```
#e7c7c3
```
#e7c7c3 rgb(231,199,195)
```
#edd4d1
```
#edd4d1 rgb(237,212,209)
```
#f2e1df
```
#f2e1df rgb(242,225,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, #8c8381 is the less saturated color, while #fb2d12 is the most saturated one.

#8c8381
```
#8c8381 rgb(140,131,129)
```
#957b78
```
#957b78 rgb(149,123,120)
```
#9e746f
```
#9e746f rgb(158,116,111)
```
#a76d66
```
#a76d66 rgb(167,109,102)
```
#b1665c
```
#b1665c rgb(177,102,92)
```
#ba5f53
```
#ba5f53 rgb(186,95,83)
```
#c3584a
```
#c3584a rgb(195,88,74)
```
#cd5140
```
#cd5140 rgb(205,81,64)
```
#d64a37
```
#d64a37 rgb(214,74,55)
```
#df432e
```
#df432e rgb(223,67,46)
```
#e83b25
```
#e83b25 rgb(232,59,37)
```
#f2341b
```
#f2341b rgb(242,52,27)
```
#fb2d12
```
#fb2d12 rgb(251,45,18)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#867471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888065 Protanopia 1% of men
#997b56 Deuteranopia 1% of men
#be656b Tritanopia 0.001% of the population

Trichromacy

#9a745f Protanomaly 1% of men, 0.01% of women
#a57055 Deuteranomaly 6% of men, 0.4% of women
#bc6262 Tritanomaly 0.01% of the population

#ba5f53 hex color

#ba5f53 Color Information

#ba5f53 Color Conversion

Color Schemes with #ba5f53

Alternatives to #ba5f53

#ba5f53 Preview

Shades and Tints of #ba5f53

Tones of #ba5f53

Color Blindness Simulator