#ba48e2 hex color

In a RGB color space, hex #ba48e2 is composed of 72.9% red, 28.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 68.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 284.4 degrees, a saturation of 72.6% and a lightness of 58.4%. #ba48e2 color hex could be obtained by blending #ff90ff with #7500c5. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 28
- B 89
RGB color chart
- C 18
- M 68
- Y 0
- K 11
CMYK color chart

● #ba48e2 color description : Soft violet.

The hexadecimal color #ba48e2 has RGB values of R:186, G:72, B:226 and CMYK values of C:0.18, M:0.68, Y:0, K:0.11. Its decimal value is 12208354.

Hex triplet	ba48e2	`#ba48e2`
RGB Decimal	186, 72, 226	`rgb(186,72,226)`
RGB Percent	72.9, 28.2, 88.6	`rgb(72.9%,28.2%,88.6%)`
CMYK	18, 68, 0, 11
HSL	284.4°, 72.6, 58.4	`hsl(284.4,72.6%,58.4%)`
HSV (or HSB)	284.4°, 68.1, 88.6
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.471, 67.606, -57.791
XYZ	36.293, 20.566, 74.005
xyY	0.277, 0.157, 20.566
CIE-LCH	52.471, 88.941, 319.476
CIE-LUV	52.471, 39.757, -96.708
Hunter-Lab	45.35, 63.488, -65.009
Binary	10111010, 01001000, 11100010

#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#70e248
```
#70e248 rgb(112,226,72)
```

Complementary Color

#6d48e2
```
#6d48e2 rgb(109,72,226)
```
#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#e248bd
```
#e248bd rgb(226,72,189)
```

Analogous Color

#48e26d
```
#48e26d rgb(72,226,109)
```
#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#bde248
```
#bde248 rgb(189,226,72)
```

Split Complementary Color

#48e2ba
```
#48e2ba rgb(72,226,186)
```
#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#e2ba48
```
#e2ba48 rgb(226,186,72)
```

Triadic Color

#4870e2
```
#4870e2 rgb(72,112,226)
```
#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#e2ba48
```
#e2ba48 rgb(226,186,72)
```
#70e248
```
#70e248 rgb(112,226,72)
```

Tetradic Color

#951ebf
```
#951ebf rgb(149,30,191)
```
#a722d5
```
#a722d5 rgb(167,34,213)
```
#b232df
```
#b232df rgb(178,50,223)
```
#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#c25ee5
```
#c25ee5 rgb(194,94,229)
```
#cb74e9
```
#cb74e9 rgb(203,116,233)
```
#d38aec
```
#d38aec rgb(211,138,236)
```

Monochromatic Color

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

#9448e2
```
#9448e2 rgb(148,72,226)
```
#a048e2
```
#a048e2 rgb(160,72,226)
```
#ad48e2
```
#ad48e2 rgb(173,72,226)
```
#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#c748e2
```
#c748e2 rgb(199,72,226)
```
#d448e2
```
#d448e2 rgb(212,72,226)
```
#e148e2
```
#e148e2 rgb(225,72,226)
```

Similar Colors

Text with hexadecimal color #ba48e2

This text has a font color of #ba48e2.

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

#ba48e2 background color

This paragraph has a background color of #ba48e2.

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

#ba48e2 border color

This element has a border color of #ba48e2.

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

CSS codes

.text {color:#ba48e2;}

.background {background-color:#ba48e2;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#100314
```
#100314 rgb(16,3,20)
```
#1d0625
```
#1d0625 rgb(29,6,37)
```
#2a0936
```
#2a0936 rgb(42,9,54)
```
#370b47
```
#370b47 rgb(55,11,71)
```
#450e58
```
#450e58 rgb(69,14,88)
```
#521169
```
#521169 rgb(82,17,105)
```
#5f137a
```
#5f137a rgb(95,19,122)
```
#6c168b
```
#6c168b rgb(108,22,139)
```
#7a199c
```
#7a199c rgb(122,25,156)
```
#871bad
```
#871bad rgb(135,27,173)
```
#941ebe
```
#941ebe rgb(148,30,190)
```
#a121ce
```
#a121ce rgb(161,33,206)
```

Shade Color Variation

#ad26dd
```
#ad26dd rgb(173,38,221)
```
#b437df
```
#b437df rgb(180,55,223)
```
#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#c059e5
```
#c059e5 rgb(192,89,229)
```
#c76ae7
```
#c76ae7 rgb(199,106,231)
```
#cd7bea
```
#cd7bea rgb(205,123,234)
```
#d48ced
```
#d48ced rgb(212,140,237)
```
#da9def
```
#da9def rgb(218,157,239)
```
#e0aef2
```
#e0aef2 rgb(224,174,242)
```
#e7bff5
```
#e7bff5 rgb(231,191,245)
```
#edcff7
```
#edcff7 rgb(237,207,247)
```
#f3e0fa
```
#f3e0fa rgb(243,224,250)
```
#faf1fd
```
#faf1fd rgb(250,241,253)
```

Tint Color Variation

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

#979199
```
#979199 rgb(151,145,153)
```
#9b89a1
```
#9b89a1 rgb(155,137,161)
```
#9f81a9
```
#9f81a9 rgb(159,129,169)
```
#a279b1
```
#a279b1 rgb(162,121,177)
```
#a671b9
```
#a671b9 rgb(166,113,185)
```
#aa69c1
```
#aa69c1 rgb(170,105,193)
```
#ae60ca
```
#ae60ca rgb(174,96,202)
```
#b258d2
```
#b258d2 rgb(178,88,210)
```
#b650da
```
#b650da rgb(182,80,218)
```
#ba48e2
```
#ba48e2 rgb(186,72,226)
```
#be40ea
```
#be40ea rgb(190,64,234)
```
#c238f2
```
#c238f2 rgb(194,56,242)
```
#c630fa
```
#c630fa rgb(198,48,250)
```

Tone Color Variation

Below, you can see how #ba48e2 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
#887290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ffa Protanopia 1% of men
#4585d3 Deuteranopia 1% of men
#ac747c Tritanopia 0.001% of the population

Trichromacy

#436bf1 Protanomaly 1% of men, 0.01% of women
#6f6ed8 Deuteranomaly 6% of men, 0.4% of women
#b164a1 Tritanomaly 0.01% of the population

#ba48e2 hex color

#ba48e2 Color Information

#ba48e2 Color Conversion

Color Schemes with #ba48e2

Alternatives to #ba48e2

#ba48e2 Preview

Shades and Tints of #ba48e2

Tones of #ba48e2

Color Blindness Simulator