#ba53b3 hex color

In a RGB color space, hex #ba53b3 is composed of 72.9% red, 32.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 3.8% yellow and 27.1% black. It has a hue angle of 304.1 degrees, a saturation of 42.7% and a lightness of 52.7%. #ba53b3 color hex could be obtained by blending #ffa6ff with #750067. Closest websafe color is: #cc66cc.

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

● #ba53b3 color description : Moderate magenta.

The hexadecimal color #ba53b3 has RGB values of R:186, G:83, B:179 and CMYK values of C:0, M:0.55, Y:0.04, K:0.27. Its decimal value is 12211123.

Hex triplet	ba53b3	`#ba53b3`
RGB Decimal	186, 83, 179	`rgb(186,83,179)`
RGB Percent	72.9, 32.5, 70.2	`rgb(72.9%,32.5%,70.2%)`
CMYK	0, 55, 4, 27
HSL	304.1°, 42.7, 52.7	`hsl(304.1,42.7%,52.7%)`
HSV (or HSB)	304.1°, 55.4, 72.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	51.704, 54.112, -32.052
XYZ	31.479, 19.882, 44.825
xyY	0.327, 0.207, 19.882
CIE-LCH	51.704, 62.892, 329.361
CIE-LUV	51.704, 49.351, -55.685
Hunter-Lab	44.589, 47.986, -28.391
Binary	10111010, 01010011, 10110011

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

Complementary Color

#8e53ba
```
#8e53ba rgb(142,83,186)
```
#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#ba5380
```
#ba5380 rgb(186,83,128)
```

Analogous Color

#53ba8e
```
#53ba8e rgb(83,186,142)
```
#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#80ba53
```
#80ba53 rgb(128,186,83)
```

Split Complementary Color

#53b3ba
```
#53b3ba rgb(83,179,186)
```
#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#b3ba53
```
#b3ba53 rgb(179,186,83)
```

Triadic Color

#5a53ba
```
#5a53ba rgb(90,83,186)
```
#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#b3ba53
```
#b3ba53 rgb(179,186,83)
```
#53ba5a
```
#53ba5a rgb(83,186,90)
```

Tetradic Color

#893784
```
#893784 rgb(137,55,132)
```
#9c3e95
```
#9c3e95 rgb(156,62,149)
```
#ae46a7
```
#ae46a7 rgb(174,70,167)
```
#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#c165bb
```
#c165bb rgb(193,101,187)
```
#c977c3
```
#c977c3 rgb(201,119,195)
```
#d08acb
```
#d08acb rgb(208,138,203)
```

Monochromatic Color

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

#a753ba
```
#a753ba rgb(167,83,186)
```
#b053ba
```
#b053ba rgb(176,83,186)
```
#b853ba
```
#b853ba rgb(184,83,186)
```
#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#ba53aa
```
#ba53aa rgb(186,83,170)
```
#ba53a2
```
#ba53a2 rgb(186,83,162)
```
#ba5399
```
#ba5399 rgb(186,83,153)
```

Similar Colors

Text with hexadecimal color #ba53b3

This text has a font color of #ba53b3.

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

#ba53b3 background color

This paragraph has a background color of #ba53b3.

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

#ba53b3 border color

This element has a border color of #ba53b3.

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

CSS codes

.text {color:#ba53b3;}

.background {background-color:#ba53b3;}

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

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

#0a040a
```
#0a040a rgb(10,4,10)
```
#180a17
```
#180a17 rgb(24,10,23)
```
#260f24
```
#260f24 rgb(38,15,36)
```
#341532
```
#341532 rgb(52,21,50)
```
#421a3f
```
#421a3f rgb(66,26,63)
```
#50204d
```
#50204d rgb(80,32,77)
```
#5e265a
```
#5e265a rgb(94,38,90)
```
#6c2b68
```
#6c2b68 rgb(108,43,104)
```
#7a3175
```
#7a3175 rgb(122,49,117)
```
#883782
```
#883782 rgb(136,55,130)
```
#963c90
```
#963c90 rgb(150,60,144)
```
#a4429d
```
#a4429d rgb(164,66,157)
```
#b247ab
```
#b247ab rgb(178,71,171)
```

Shade Color Variation

#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#c061b9
```
#c061b9 rgb(192,97,185)
```
#c56fbf
```
#c56fbf rgb(197,111,191)
```
#cb7dc6
```
#cb7dc6 rgb(203,125,198)
```
#d08bcc
```
#d08bcc rgb(208,139,204)
```
#d699d2
```
#d699d2 rgb(214,153,210)
```
#dca7d8
```
#dca7d8 rgb(220,167,216)
```
#e1b5de
```
#e1b5de rgb(225,181,222)
```
#e7c3e4
```
#e7c3e4 rgb(231,195,228)
```
#edd1eb
```
#edd1eb rgb(237,209,235)
```
#f2dff1
```
#f2dff1 rgb(242,223,241)
```
#f8edf7
```
#f8edf7 rgb(248,237,247)
```
#fdfbfd
```
#fdfbfd rgb(253,251,253)
```

Tint Color Variation

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

#8c818b
```
#8c818b rgb(140,129,139)
```
#957893
```
#957893 rgb(149,120,147)
```
#9e6f9b
```
#9e6f9b rgb(158,111,155)
```
#a766a3
```
#a766a3 rgb(167,102,163)
```
#b15cab
```
#b15cab rgb(177,92,171)
```
#ba53b3
```
#ba53b3 rgb(186,83,179)
```
#c34abb
```
#c34abb rgb(195,74,187)
```
#cd40c3
```
#cd40c3 rgb(205,64,195)
```
#d637cb
```
#d637cb rgb(214,55,203)
```
#df2ed3
```
#df2ed3 rgb(223,46,211)
```
#e825db
```
#e825db rgb(232,37,219)
```
#f21be3
```
#f21be3 rgb(242,27,227)
```
#fb12eb
```
#fb12eb rgb(251,18,235)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897588 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c7fd0 Protanopia 1% of men
#7480ac Deuteranopia 1% of men
#b46d74 Tritanopia 0.001% of the population

Trichromacy

#7e6fc5 Protanomaly 1% of men, 0.01% of women
#8d6fae Deuteranomaly 6% of men, 0.4% of women
#b6638b Tritanomaly 0.01% of the population

#ba53b3 hex color

#ba53b3 Color Information

#ba53b3 Color Conversion

Color Schemes with #ba53b3

Alternatives to #ba53b3

#ba53b3 Preview

Shades and Tints of #ba53b3

Tones of #ba53b3

Color Blindness Simulator