#ba48e6 hex color

In a RGB color space, hex #ba48e6 is composed of 72.9% red, 28.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 19.1% cyan, 68.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 283.3 degrees, a saturation of 76% and a lightness of 59.2%. #ba48e6 color hex could be obtained by blending #ff90ff with #7500cd. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 28
- B 90
RGB color chart
- C 19
- M 69
- Y 0
- K 10
CMYK color chart

● #ba48e6 color description : Soft violet.

The hexadecimal color #ba48e6 has RGB values of R:186, G:72, B:230 and CMYK values of C:0.19, M:0.69, Y:0, K:0.1. Its decimal value is 12208358.

Hex triplet	ba48e6	`#ba48e6`
RGB Decimal	186, 72, 230	`rgb(186,72,230)`
RGB Percent	72.9, 28.2, 90.2	`rgb(72.9%,28.2%,90.2%)`
CMYK	19, 69, 0, 10
HSL	283.3°, 76, 59.2	`hsl(283.3,76%,59.2%)`
HSV (or HSB)	283.3°, 68.7, 90.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.717, 68.388, -59.654
XYZ	36.848, 20.788, 76.93
xyY	0.274, 0.154, 20.788
CIE-LCH	52.717, 90.75, 318.902
CIE-LUV	52.717, 38.735, -99.687
Hunter-Lab	45.594, 64.47, -68.123
Binary	10111010, 01001000, 11100110

#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#74e648
```
#74e648 rgb(116,230,72)
```

Complementary Color

#6b48e6
```
#6b48e6 rgb(107,72,230)
```
#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#e648c3
```
#e648c3 rgb(230,72,195)
```

Analogous Color

#48e66b
```
#48e66b rgb(72,230,107)
```
#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#c3e648
```
#c3e648 rgb(195,230,72)
```

Split Complementary Color

#48e6ba
```
#48e6ba rgb(72,230,186)
```
#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#e6ba48
```
#e6ba48 rgb(230,186,72)
```

Triadic Color

#4874e6
```
#4874e6 rgb(72,116,230)
```
#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#e6ba48
```
#e6ba48 rgb(230,186,72)
```
#74e648
```
#74e648 rgb(116,230,72)
```

Tetradic Color

#971bc6
```
#971bc6 rgb(151,27,198)
```
#a81edd
```
#a81edd rgb(168,30,221)
```
#b232e3
```
#b232e3 rgb(178,50,227)
```
#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#c25ee9
```
#c25ee9 rgb(194,94,233)
```
#cb75ec
```
#cb75ec rgb(203,117,236)
```
#d38bef
```
#d38bef rgb(211,139,239)
```

Monochromatic Color

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

#9348e6
```
#9348e6 rgb(147,72,230)
```
#a048e6
```
#a048e6 rgb(160,72,230)
```
#ad48e6
```
#ad48e6 rgb(173,72,230)
```
#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#c748e6
```
#c748e6 rgb(199,72,230)
```
#d448e6
```
#d448e6 rgb(212,72,230)
```
#e248e6
```
#e248e6 rgb(226,72,230)
```

Similar Colors

Text with hexadecimal color #ba48e6

This text has a font color of #ba48e6.

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

#ba48e6 background color

This paragraph has a background color of #ba48e6.

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

#ba48e6 border color

This element has a border color of #ba48e6.

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

CSS codes

.text {color:#ba48e6;}

.background {background-color:#ba48e6;}

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

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

#050107
```
#050107 rgb(5,1,7)
```
#120318
```
#120318 rgb(18,3,24)
```
#1f0629
```
#1f0629 rgb(31,6,41)
```
#2d083b
```
#2d083b rgb(45,8,59)
```
#3a0a4c
```
#3a0a4c rgb(58,10,76)
```
#470d5d
```
#470d5d rgb(71,13,93)
```
#540f6e
```
#540f6e rgb(84,15,110)
```
#611180
```
#611180 rgb(97,17,128)
```
#6e1491
```
#6e1491 rgb(110,20,145)
```
#7b16a2
```
#7b16a2 rgb(123,22,162)
```
#8819b3
```
#8819b3 rgb(136,25,179)
```
#951bc5
```
#951bc5 rgb(149,27,197)
```
#a21dd6
```
#a21dd6 rgb(162,29,214)
```

Shade Color Variation

#ad25e1
```
#ad25e1 rgb(173,37,225)
```
#b337e4
```
#b337e4 rgb(179,55,228)
```
#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#c159e8
```
#c159e8 rgb(193,89,232)
```
#c76beb
```
#c76beb rgb(199,107,235)
```
#ce7ced
```
#ce7ced rgb(206,124,237)
```
#d48def
```
#d48def rgb(212,141,239)
```
#db9ef2
```
#db9ef2 rgb(219,158,242)
```
#e1b0f4
```
#e1b0f4 rgb(225,176,244)
```
#e8c1f7
```
#e8c1f7 rgb(232,193,247)
```
#eed2f9
```
#eed2f9 rgb(238,210,249)
```
#f5e3fb
```
#f5e3fb rgb(245,227,251)
```
#fbf5fe
```
#fbf5fe rgb(251,245,254)
```

Tint Color Variation

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

#9a909e
```
#9a909e rgb(154,144,158)
```
#9e88a6
```
#9e88a6 rgb(158,136,166)
```
#a180ae
```
#a180ae rgb(161,128,174)
```
#a578b6
```
#a578b6 rgb(165,120,182)
```
#a870be
```
#a870be rgb(168,112,190)
```
#ac68c6
```
#ac68c6 rgb(172,104,198)
```
#af60ce
```
#af60ce rgb(175,96,206)
```
#b358d6
```
#b358d6 rgb(179,88,214)
```
#b650de
```
#b650de rgb(182,80,222)
```
#ba48e6
```
#ba48e6 rgb(186,72,230)
```
#be40ee
```
#be40ee rgb(190,64,238)
```
#c138f6
```
#c138f6 rgb(193,56,246)
```
#c530fe
```
#c530fe rgb(197,48,254)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#887291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#3f85d7 Deuteranopia 1% of men
#ab767e Tritanopia 0.001% of the population

Trichromacy

#436bf3 Protanomaly 1% of men, 0.01% of women
#6c6fdc Deuteranomaly 6% of men, 0.4% of women
#b065a3 Tritanomaly 0.01% of the population

#ba48e6 hex color

#ba48e6 Color Information

#ba48e6 Color Conversion

Color Schemes with #ba48e6

Alternatives to #ba48e6

#ba48e6 Preview

Shades and Tints of #ba48e6

Tones of #ba48e6

Color Blindness Simulator