#ba48bd hex color

In a RGB color space, hex #ba48bd is composed of 72.9% red, 28.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 61.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 298.5 degrees, a saturation of 47% and a lightness of 51.2%. #ba48bd color hex could be obtained by blending #ff90ff with #75007b. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 28
- B 74
RGB color chart
- C 2
- M 62
- Y 0
- K 26
CMYK color chart

● #ba48bd color description : Moderate magenta.

The hexadecimal color #ba48bd has RGB values of R:186, G:72, B:189 and CMYK values of C:0.02, M:0.62, Y:0, K:0.26. Its decimal value is 12208317.

Hex triplet	ba48bd	`#ba48bd`
RGB Decimal	186, 72, 189	`rgb(186,72,189)`
RGB Percent	72.9, 28.2, 74.1	`rgb(72.9%,28.2%,74.1%)`
CMYK	2, 62, 0, 26
HSL	298.5°, 47, 51.2	`hsl(298.5,47%,51.2%)`
HSV (or HSB)	298.5°, 61.9, 74.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.393, 60.756, -39.92
XYZ	31.752, 18.75, 50.088
xyY	0.316, 0.186, 18.75
CIE-LCH	50.393, 72.697, 326.693
CIE-LUV	50.393, 49.996, -68.182
Hunter-Lab	43.301, 55.113, -38.273
Binary	10111010, 01001000, 10111101

#ba48bd
```
#ba48bd rgb(186,72,189)
```
#4bbd48
```
#4bbd48 rgb(75,189,72)
```

Complementary Color

#8048bd
```
#8048bd rgb(128,72,189)
```
#ba48bd
```
#ba48bd rgb(186,72,189)
```
#bd4886
```
#bd4886 rgb(189,72,134)
```

Analogous Color

#48bd80
```
#48bd80 rgb(72,189,128)
```
#ba48bd
```
#ba48bd rgb(186,72,189)
```
#86bd48
```
#86bd48 rgb(134,189,72)
```

Split Complementary Color

#48bdba
```
#48bdba rgb(72,189,186)
```
#ba48bd
```
#ba48bd rgb(186,72,189)
```
#bdba48
```
#bdba48 rgb(189,186,72)
```

Triadic Color

#484bbd
```
#484bbd rgb(72,75,189)
```
#ba48bd
```
#ba48bd rgb(186,72,189)
```
#bdba48
```
#bdba48 rgb(189,186,72)
```
#4bbd48
```
#4bbd48 rgb(75,189,72)
```

Tetradic Color

#853188
```
#853188 rgb(133,49,136)
```
#98389a
```
#98389a rgb(152,56,154)
```
#aa3ead
```
#aa3ead rgb(170,62,173)
```
#ba48bd
```
#ba48bd rgb(186,72,189)
```
#c15bc4
```
#c15bc4 rgb(193,91,196)
```
#c86dcb
```
#c86dcb rgb(200,109,203)
```
#cf80d1
```
#cf80d1 rgb(207,128,209)
```

Monochromatic Color

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

#9d48bd
```
#9d48bd rgb(157,72,189)
```
#a748bd
```
#a748bd rgb(167,72,189)
```
#b048bd
```
#b048bd rgb(176,72,189)
```
#ba48bd
```
#ba48bd rgb(186,72,189)
```
#bd48b6
```
#bd48b6 rgb(189,72,182)
```
#bd48ad
```
#bd48ad rgb(189,72,173)
```
#bd48a3
```
#bd48a3 rgb(189,72,163)
```

Similar Colors

Text with hexadecimal color #ba48bd

This text has a font color of #ba48bd.

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

#ba48bd background color

This paragraph has a background color of #ba48bd.

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

#ba48bd border color

This element has a border color of #ba48bd.

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

CSS codes

.text {color:#ba48bd;}

.background {background-color:#ba48bd;}

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

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

#040204
```
#040204 rgb(4,2,4)
```
#130713
```
#130713 rgb(19,7,19)
```
#210c21
```
#210c21 rgb(33,12,33)
```
#2f1130
```
#2f1130 rgb(47,17,48)
```
#3d163e
```
#3d163e rgb(61,22,62)
```
#4b1c4c
```
#4b1c4c rgb(75,28,76)
```
#59215b
```
#59215b rgb(89,33,91)
```
#682669
```
#682669 rgb(104,38,105)
```
#762b78
```
#762b78 rgb(118,43,120)
```
#843086
```
#843086 rgb(132,48,134)
```
#923695
```
#923695 rgb(146,54,149)
```
#a03ba3
```
#a03ba3 rgb(160,59,163)
```
#ae40b1
```
#ae40b1 rgb(174,64,177)
```

Shade Color Variation

#ba48bd
```
#ba48bd rgb(186,72,189)
```
#bf56c2
```
#bf56c2 rgb(191,86,194)
```
#c565c7
```
#c565c7 rgb(197,101,199)
```
#ca73cd
```
#ca73cd rgb(202,115,205)
```
#d082d2
```
#d082d2 rgb(208,130,210)
```
#d590d7
```
#d590d7 rgb(213,144,215)
```
#db9edc
```
#db9edc rgb(219,158,220)
```
#e0ade1
```
#e0ade1 rgb(224,173,225)
```
#e5bbe7
```
#e5bbe7 rgb(229,187,231)
```
#ebcaec
```
#ebcaec rgb(235,202,236)
```
#f0d8f1
```
#f0d8f1 rgb(240,216,241)
```
#f6e7f6
```
#f6e7f6 rgb(246,231,246)
```
#fbf5fb
```
#fbf5fb rgb(251,245,251)
```

Tint Color Variation

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

#838184
```
#838184 rgb(131,129,132)
```
#8d788d
```
#8d788d rgb(141,120,141)
```
#966e97
```
#966e97 rgb(150,110,151)
```
#9f65a0
```
#9f65a0 rgb(159,101,160)
```
#a85baa
```
#a85baa rgb(168,91,170)
```
#b152b3
```
#b152b3 rgb(177,82,179)
```
#ba48bd
```
#ba48bd rgb(186,72,189)
```
#c33ec7
```
#c33ec7 rgb(195,62,199)
```
#cc35d0
```
#cc35d0 rgb(204,53,208)
```
#d52bda
```
#d52bda rgb(213,43,218)
```
#de22e3
```
#de22e3 rgb(222,34,227)
```
#e718ed
```
#e718ed rgb(231,24,237)
```
#f10ff6
```
#f10ff6 rgb(241,15,246)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#846e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#417be0 Protanopia 1% of men
#667eb3 Deuteranopia 1% of men
#b26970 Tritanopia 0.001% of the population

Trichromacy

#6d68d3 Protanomaly 1% of men, 0.01% of women
#856ab7 Deuteranomaly 6% of men, 0.4% of women
#b55d8c Tritanomaly 0.01% of the population

#ba48bd hex color

#ba48bd Color Information

#ba48bd Color Conversion

Color Schemes with #ba48bd

Alternatives to #ba48bd

#ba48bd Preview

Shades and Tints of #ba48bd

Tones of #ba48bd

Color Blindness Simulator