#ba48d9 hex color

In a RGB color space, hex #ba48d9 is composed of 72.9% red, 28.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 66.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 287.2 degrees, a saturation of 65.6% and a lightness of 56.7%. #ba48d9 color hex could be obtained by blending #ff90ff with #7500b3. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 28
- B 85
RGB color chart
- C 14
- M 67
- Y 0
- K 15
CMYK color chart

● #ba48d9 color description : Soft magenta.

The hexadecimal color #ba48d9 has RGB values of R:186, G:72, B:217 and CMYK values of C:0.14, M:0.67, Y:0, K:0.15. Its decimal value is 12208345.

Hex triplet	ba48d9	`#ba48d9`
RGB Decimal	186, 72, 217	`rgb(186,72,217)`
RGB Percent	72.9, 28.2, 85.1	`rgb(72.9%,28.2%,85.1%)`
CMYK	14, 67, 0, 15
HSL	287.2°, 65.6, 56.7	`hsl(287.2,65.6%,56.7%)`
HSV (or HSB)	287.2°, 66.8, 85.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.933, 65.873, -53.551
XYZ	35.09, 20.085, 67.67
xyY	0.286, 0.163, 20.085
CIE-LCH	51.933, 84.894, 320.891
CIE-LUV	51.933, 42.119, -89.927
Hunter-Lab	44.816, 61.332, -58.153
Binary	10111010, 01001000, 11011001

#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#67d948
```
#67d948 rgb(103,217,72)
```

Complementary Color

#7248d9
```
#7248d9 rgb(114,72,217)
```
#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#d948b0
```
#d948b0 rgb(217,72,176)
```

Analogous Color

#48d972
```
#48d972 rgb(72,217,114)
```
#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#b0d948
```
#b0d948 rgb(176,217,72)
```

Split Complementary Color

#48d9ba
```
#48d9ba rgb(72,217,186)
```
#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#d9ba48
```
#d9ba48 rgb(217,186,72)
```

Triadic Color

#4867d9
```
#4867d9 rgb(72,103,217)
```
#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#d9ba48
```
#d9ba48 rgb(217,186,72)
```
#67d948
```
#67d948 rgb(103,217,72)
```

Tetradic Color

#9225b0
```
#9225b0 rgb(146,37,176)
```
#a429c5
```
#a429c5 rgb(164,41,197)
```
#b233d5
```
#b233d5 rgb(178,51,213)
```
#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#c25ddd
```
#c25ddd rgb(194,93,221)
```
#ca72e2
```
#ca72e2 rgb(202,114,226)
```
#d287e6
```
#d287e6 rgb(210,135,230)
```

Monochromatic Color

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

#9648d9
```
#9648d9 rgb(150,72,217)
```
#a248d9
```
#a248d9 rgb(162,72,217)
```
#ae48d9
```
#ae48d9 rgb(174,72,217)
```
#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#c648d9
```
#c648d9 rgb(198,72,217)
```
#d248d9
```
#d248d9 rgb(210,72,217)
```
#d948d4
```
#d948d4 rgb(217,72,212)
```

Similar Colors

Text with hexadecimal color #ba48d9

This text has a font color of #ba48d9.

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

#ba48d9 background color

This paragraph has a background color of #ba48d9.

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

#ba48d9 border color

This element has a border color of #ba48d9.

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

CSS codes

.text {color:#ba48d9;}

.background {background-color:#ba48d9;}

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

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

#0a020c
```
#0a020c rgb(10,2,12)
```
#17061c
```
#17061c rgb(23,6,28)
```
#25092c
```
#25092c rgb(37,9,44)
```
#320d3d
```
#320d3d rgb(50,13,61)
```
#40104d
```
#40104d rgb(64,16,77)
```
#4d135d
```
#4d135d rgb(77,19,93)
```
#5b176d
```
#5b176d rgb(91,23,109)
```
#681a7e
```
#681a7e rgb(104,26,126)
```
#761d8e
```
#761d8e rgb(118,29,142)
```
#83219e
```
#83219e rgb(131,33,158)
```
#9124ae
```
#9124ae rgb(145,36,174)
```
#9e28bf
```
#9e28bf rgb(158,40,191)
```
#ac2bcf
```
#ac2bcf rgb(172,43,207)
```

Shade Color Variation

#b438d6
```
#b438d6 rgb(180,56,214)
```
#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#c058dc
```
#c058dc rgb(192,88,220)
```
#c668e0
```
#c668e0 rgb(198,104,224)
```
#cc79e3
```
#cc79e3 rgb(204,121,227)
```
#d289e6
```
#d289e6 rgb(210,137,230)
```
#d999ea
```
#d999ea rgb(217,153,234)
```
#dfa9ed
```
#dfa9ed rgb(223,169,237)
```
#e5baf1
```
#e5baf1 rgb(229,186,241)
```
#ebcaf4
```
#ebcaf4 rgb(235,202,244)
```
#f1daf7
```
#f1daf7 rgb(241,218,247)
```
#f7eafb
```
#f7eafb rgb(247,234,251)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#938c95
```
#938c95 rgb(147,140,149)
```
#98849e
```
#98849e rgb(152,132,158)
```
#9d7ba6
```
#9d7ba6 rgb(157,123,166)
```
#a273af
```
#a273af rgb(162,115,175)
```
#a76ab7
```
#a76ab7 rgb(167,106,183)
```
#ab62c0
```
#ab62c0 rgb(171,98,192)
```
#b059c8
```
#b059c8 rgb(176,89,200)
```
#b551d1
```
#b551d1 rgb(181,81,209)
```
#ba48d9
```
#ba48d9 rgb(186,72,217)
```
#bf40e2
```
#bf40e2 rgb(191,64,226)
```
#c437ea
```
#c437ea rgb(196,55,234)
```
#c92ff3
```
#c92ff3 rgb(201,47,243)
```
#cd26fb
```
#cd26fb rgb(205,38,251)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#88718e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#5083cc Deuteranopia 1% of men
#ad7279 Tritanopia 0.001% of the population

Trichromacy

#436aec Protanomaly 1% of men, 0.01% of women
#766dd0 Deuteranomaly 6% of men, 0.4% of women
#b2629c Tritanomaly 0.01% of the population

#ba48d9 hex color

#ba48d9 Color Information

#ba48d9 Color Conversion

Color Schemes with #ba48d9

Alternatives to #ba48d9

#ba48d9 Preview

Shades and Tints of #ba48d9

Tones of #ba48d9

Color Blindness Simulator