#ba48d5 hex color

In a RGB color space, hex #ba48d5 is composed of 72.9% red, 28.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 66.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 288.5 degrees, a saturation of 62.7% and a lightness of 55.9%. #ba48d5 color hex could be obtained by blending #ff90ff with #7500ab. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 28
- B 84
RGB color chart
- C 13
- M 66
- Y 0
- K 16
CMYK color chart

● #ba48d5 color description : Moderate magenta.

The hexadecimal color #ba48d5 has RGB values of R:186, G:72, B:213 and CMYK values of C:0.13, M:0.66, Y:0, K:0.16. Its decimal value is 12208341.

Hex triplet	ba48d5	`#ba48d5`
RGB Decimal	186, 72, 213	`rgb(186,72,213)`
RGB Percent	72.9, 28.2, 83.5	`rgb(72.9%,28.2%,83.5%)`
CMYK	13, 66, 0, 16
HSL	288.5°, 62.7, 55.9	`hsl(288.5,62.7%,55.9%)`
HSV (or HSB)	288.5°, 66.2, 83.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	51.701, 65.116, -51.645
XYZ	34.576, 19.879, 64.963
xyY	0.29, 0.166, 19.879
CIE-LCH	51.701, 83.11, 321.581
CIE-LUV	51.701, 43.196, -86.878
Hunter-Lab	44.586, 60.397, -55.176
Binary	10111010, 01001000, 11010101

#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#63d548
```
#63d548 rgb(99,213,72)
```

Complementary Color

#7448d5
```
#7448d5 rgb(116,72,213)
```
#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#d548aa
```
#d548aa rgb(213,72,170)
```

Analogous Color

#48d574
```
#48d574 rgb(72,213,116)
```
#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#aad548
```
#aad548 rgb(170,213,72)
```

Split Complementary Color

#48d5ba
```
#48d5ba rgb(72,213,186)
```
#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#d5ba48
```
#d5ba48 rgb(213,186,72)
```

Triadic Color

#4863d5
```
#4863d5 rgb(72,99,213)
```
#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#d5ba48
```
#d5ba48 rgb(213,186,72)
```
#63d548
```
#63d548 rgb(99,213,72)
```

Tetradic Color

#9127aa
```
#9127aa rgb(145,39,170)
```
#a22cbe
```
#a22cbe rgb(162,44,190)
```
#b233d0
```
#b233d0 rgb(178,51,208)
```
#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#c25dda
```
#c25dda rgb(194,93,218)
```
#ca71df
```
#ca71df rgb(202,113,223)
```
#d186e3
```
#d186e3 rgb(209,134,227)
```

Monochromatic Color

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

#9748d5
```
#9748d5 rgb(151,72,213)
```
#a348d5
```
#a348d5 rgb(163,72,213)
```
#ae48d5
```
#ae48d5 rgb(174,72,213)
```
#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#c648d5
```
#c648d5 rgb(198,72,213)
```
#d248d5
```
#d248d5 rgb(210,72,213)
```
#d548cd
```
#d548cd rgb(213,72,205)
```

Similar Colors

Text with hexadecimal color #ba48d5

This text has a font color of #ba48d5.

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

#ba48d5 background color

This paragraph has a background color of #ba48d5.

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

#ba48d5 border color

This element has a border color of #ba48d5.

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

CSS codes

.text {color:#ba48d5;}

.background {background-color:#ba48d5;}

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

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, #070208 is the darkest color, while #fcf7fd is the lightest one.

#070208
```
#070208 rgb(7,2,8)
```
#150618
```
#150618 rgb(21,6,24)
```
#220928
```
#220928 rgb(34,9,40)
```
#300d38
```
#300d38 rgb(48,13,56)
```
#3e1148
```
#3e1148 rgb(62,17,72)
```
#4b1458
```
#4b1458 rgb(75,20,88)
```
#591868
```
#591868 rgb(89,24,104)
```
#661c78
```
#661c78 rgb(102,28,120)
```
#741f88
```
#741f88 rgb(116,31,136)
```
#822398
```
#822398 rgb(130,35,152)
```
#8f27a8
```
#8f27a8 rgb(143,39,168)
```
#9d2ab8
```
#9d2ab8 rgb(157,42,184)
```
#aa2ec8
```
#aa2ec8 rgb(170,46,200)
```

Shade Color Variation

#b438d1
```
#b438d1 rgb(180,56,209)
```
#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#c058d9
```
#c058d9 rgb(192,88,217)
```
#c668dc
```
#c668dc rgb(198,104,220)
```
#cc78e0
```
#cc78e0 rgb(204,120,224)
```
#d288e4
```
#d288e4 rgb(210,136,228)
```
#d898e7
```
#d898e7 rgb(216,152,231)
```
#dea8eb
```
#dea8eb rgb(222,168,235)
```
#e4b8ef
```
#e4b8ef rgb(228,184,239)
```
#eac8f2
```
#eac8f2 rgb(234,200,242)
```
#f0d8f6
```
#f0d8f6 rgb(240,216,246)
```
#f6e8fa
```
#f6e8fa rgb(246,232,250)
```
#fcf7fd
```
#fcf7fd rgb(252,247,253)
```

Tint Color Variation

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

#8f8d90
```
#8f8d90 rgb(143,141,144)
```
#958598
```
#958598 rgb(149,133,152)
```
#9a7ca1
```
#9a7ca1 rgb(154,124,161)
```
#9f73aa
```
#9f73aa rgb(159,115,170)
```
#a56bb2
```
#a56bb2 rgb(165,107,178)
```
#aa62bb
```
#aa62bb rgb(170,98,187)
```
#af59c4
```
#af59c4 rgb(175,89,196)
```
#b551cc
```
#b551cc rgb(181,81,204)
```
#ba48d5
```
#ba48d5 rgb(186,72,213)
```
#bf3fde
```
#bf3fde rgb(191,63,222)
```
#c537e6
```
#c537e6 rgb(197,55,230)
```
#ca2eef
```
#ca2eef rgb(202,46,239)
```
#cf25f8
```
#cf25f8 rgb(207,37,248)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#87708c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df7 Protanopia 1% of men
#5482c8 Deuteranopia 1% of men
#ae7078 Tritanopia 0.001% of the population

Trichromacy

#436aea Protanomaly 1% of men, 0.01% of women
#796dcd Deuteranomaly 6% of men, 0.4% of women
#b2629a Tritanomaly 0.01% of the population

#ba48d5 hex color

#ba48d5 Color Information

#ba48d5 Color Conversion

Color Schemes with #ba48d5

Alternatives to #ba48d5

#ba48d5 Preview

Shades and Tints of #ba48d5

Tones of #ba48d5

Color Blindness Simulator