#ba536a hex color

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

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

● #ba536a color description : Moderate red.

The hexadecimal color #ba536a has RGB values of R:186, G:83, B:106 and CMYK values of C:0, M:0.55, Y:0.43, K:0.27. Its decimal value is 12211050.

Hex triplet	ba536a	`#ba536a`
RGB Decimal	186, 83, 106	`rgb(186,83,106)`
RGB Percent	72.9, 32.5, 41.6	`rgb(72.9%,32.5%,41.6%)`
CMYK	0, 55, 43, 27
HSL	346.6°, 42.7, 52.7	`hsl(346.6,42.7%,52.7%)`
HSV (or HSB)	346.6°, 55.4, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.091, 43.779, 7.398
XYZ	25.945, 17.668, 15.679
xyY	0.438, 0.298, 17.668
CIE-LCH	49.091, 44.4, 9.591
CIE-LUV	49.091, 69.686, 1.349
Hunter-Lab	42.034, 36.618, 7.308
Binary	10111010, 01010011, 01101010

#ba536a
```
#ba536a rgb(186,83,106)
```
#53baa3
```
#53baa3 rgb(83,186,163)
```

Complementary Color

#ba539e
```
#ba539e rgb(186,83,158)
```
#ba536a
```
#ba536a rgb(186,83,106)
```
#ba7053
```
#ba7053 rgb(186,112,83)
```

Analogous Color

#539eba
```
#539eba rgb(83,158,186)
```
#ba536a
```
#ba536a rgb(186,83,106)
```
#53ba70
```
#53ba70 rgb(83,186,112)
```

Split Complementary Color

#536aba
```
#536aba rgb(83,106,186)
```
#ba536a
```
#ba536a rgb(186,83,106)
```
#6aba53
```
#6aba53 rgb(106,186,83)
```

Triadic Color

#a353ba
```
#a353ba rgb(163,83,186)
```
#ba536a
```
#ba536a rgb(186,83,106)
```
#6aba53
```
#6aba53 rgb(106,186,83)
```
#53baa3
```
#53baa3 rgb(83,186,163)
```

Tetradic Color

#893749
```
#893749 rgb(137,55,73)
```
#9c3e53
```
#9c3e53 rgb(156,62,83)
```
#ae465d
```
#ae465d rgb(174,70,93)
```
#ba536a
```
#ba536a rgb(186,83,106)
```
#c1657a
```
#c1657a rgb(193,101,122)
```
#c9778a
```
#c9778a rgb(201,119,138)
```
#d08a99
```
#d08a99 rgb(208,138,153)
```

Monochromatic Color

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

#ba5384
```
#ba5384 rgb(186,83,132)
```
#ba537b
```
#ba537b rgb(186,83,123)
```
#ba5373
```
#ba5373 rgb(186,83,115)
```
#ba536a
```
#ba536a rgb(186,83,106)
```
#ba5361
```
#ba5361 rgb(186,83,97)
```
#ba5359
```
#ba5359 rgb(186,83,89)
```
#ba5653
```
#ba5653 rgb(186,86,83)
```

Similar Colors

Text with hexadecimal color #ba536a

This text has a font color of #ba536a.

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

#ba536a background color

This paragraph has a background color of #ba536a.

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

#ba536a border color

This element has a border color of #ba536a.

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

CSS codes

.text {color:#ba536a;}

.background {background-color:#ba536a;}

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

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

#0a0405
```
#0a0405 rgb(10,4,5)
```
#180a0d
```
#180a0d rgb(24,10,13)
```
#260f14
```
#260f14 rgb(38,15,20)
```
#34151c
```
#34151c rgb(52,21,28)
```
#421a23
```
#421a23 rgb(66,26,35)
```
#50202b
```
#50202b rgb(80,32,43)
```
#5e2632
```
#5e2632 rgb(94,38,50)
```
#6c2b3a
```
#6c2b3a rgb(108,43,58)
```
#7a3141
```
#7a3141 rgb(122,49,65)
```
#883749
```
#883749 rgb(136,55,73)
```
#963c50
```
#963c50 rgb(150,60,80)
```
#a44258
```
#a44258 rgb(164,66,88)
```
#b2475f
```
#b2475f rgb(178,71,95)
```

Shade Color Variation

#ba536a
```
#ba536a rgb(186,83,106)
```
#c06176
```
#c06176 rgb(192,97,118)
```
#c56f82
```
#c56f82 rgb(197,111,130)
```
#cb7d8e
```
#cb7d8e rgb(203,125,142)
```
#d08b9b
```
#d08b9b rgb(208,139,155)
```
#d699a7
```
#d699a7 rgb(214,153,167)
```
#dca7b3
```
#dca7b3 rgb(220,167,179)
```
#e1b5bf
```
#e1b5bf rgb(225,181,191)
```
#e7c3cb
```
#e7c3cb rgb(231,195,203)
```
#edd1d7
```
#edd1d7 rgb(237,209,215)
```
#f2dfe3
```
#f2dfe3 rgb(242,223,227)
```
#f8edef
```
#f8edef rgb(248,237,239)
```
#fdfbfc
```
#fdfbfc rgb(253,251,252)
```

Tint Color Variation

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

#8c8184
```
#8c8184 rgb(140,129,132)
```
#95787f
```
#95787f rgb(149,120,127)
```
#9e6f79
```
#9e6f79 rgb(158,111,121)
```
#a76674
```
#a76674 rgb(167,102,116)
```
#b15c6f
```
#b15c6f rgb(177,92,111)
```
#ba536a
```
#ba536a rgb(186,83,106)
```
#c34a65
```
#c34a65 rgb(195,74,101)
```
#cd4060
```
#cd4060 rgb(205,64,96)
```
#d6375b
```
#d6375b rgb(214,55,91)
```
#df2e55
```
#df2e55 rgb(223,46,85)
```
#e82550
```
#e82550 rgb(232,37,80)
```
#f21b4b
```
#f21b4b rgb(242,27,75)
```
#fb1246
```
#fb1246 rgb(251,18,70)
```

Tone Color Variation

Below, you can see how #ba536a 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
#826d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7b81 Protanopia 1% of men
#8d776b Deuteranopia 1% of men
#bc5e64 Tritanopia 0.001% of the population

Trichromacy

#926c78 Protanomaly 1% of men, 0.01% of women
#9d6a6a Deuteranomaly 6% of men, 0.4% of women
#bb5a66 Tritanomaly 0.01% of the population

#ba536a hex color

#ba536a Color Information

#ba536a Color Conversion

Color Schemes with #ba536a

Alternatives to #ba536a

#ba536a Preview

Shades and Tints of #ba536a

Tones of #ba536a

Color Blindness Simulator