#ba55d5 hex color

In a RGB color space, hex #ba55d5 is composed of 72.9% red, 33.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 60.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 287.3 degrees, a saturation of 60.4% and a lightness of 58.4%. #ba55d5 color hex could be obtained by blending #ffaaff with #7500ab. Closest websafe color is: #cc66cc.

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

● #ba55d5 color description : Moderate magenta.

The hexadecimal color #ba55d5 has RGB values of R:186, G:85, B:213 and CMYK values of C:0.13, M:0.6, Y:0, K:0.16. Its decimal value is 12211669.

Hex triplet	ba55d5	`#ba55d5`
RGB Decimal	186, 85, 213	`rgb(186,85,213)`
RGB Percent	72.9, 33.3, 83.5	`rgb(72.9%,33.3%,83.5%)`
CMYK	13, 60, 0, 16
HSL	287.3°, 60.4, 58.4	`hsl(287.3,60.4%,58.4%)`
HSV (or HSB)	287.3°, 60.1, 83.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	53.752, 59.45, -48.376
XYZ	35.507, 21.742, 65.273
xyY	0.29, 0.177, 21.742
CIE-LCH	53.752, 76.646, 320.864
CIE-LUV	53.752, 39.789, -81.98
Hunter-Lab	46.628, 54.329, -50.359
Binary	10111010, 01010101, 11010101

#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#70d555
```
#70d555 rgb(112,213,85)
```

Complementary Color

#7a55d5
```
#7a55d5 rgb(122,85,213)
```
#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#d555b0
```
#d555b0 rgb(213,85,176)
```

Analogous Color

#55d57a
```
#55d57a rgb(85,213,122)
```
#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#b0d555
```
#b0d555 rgb(176,213,85)
```

Split Complementary Color

#55d5ba
```
#55d5ba rgb(85,213,186)
```
#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#d5ba55
```
#d5ba55 rgb(213,186,85)
```

Triadic Color

#5570d5
```
#5570d5 rgb(85,112,213)
```
#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#d5ba55
```
#d5ba55 rgb(213,186,85)
```
#70d555
```
#70d555 rgb(112,213,85)
```

Tetradic Color

#952cb2
```
#952cb2 rgb(149,44,178)
```
#a731c6
```
#a731c6 rgb(167,49,198)
```
#b241d0
```
#b241d0 rgb(178,65,208)
```
#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#c269da
```
#c269da rgb(194,105,218)
```
#cb7edf
```
#cb7edf rgb(203,126,223)
```
#d392e4
```
#d392e4 rgb(211,146,228)
```

Monochromatic Color

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

#9a55d5
```
#9a55d5 rgb(154,85,213)
```
#a555d5
```
#a555d5 rgb(165,85,213)
```
#af55d5
```
#af55d5 rgb(175,85,213)
```
#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#c555d5
```
#c555d5 rgb(197,85,213)
```
#cf55d5
```
#cf55d5 rgb(207,85,213)
```
#d555d0
```
#d555d0 rgb(213,85,208)
```

Similar Colors

Text with hexadecimal color #ba55d5

This text has a font color of #ba55d5.

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

#ba55d5 background color

This paragraph has a background color of #ba55d5.

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

#ba55d5 border color

This element has a border color of #ba55d5.

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

CSS codes

.text {color:#ba55d5;}

.background {background-color:#ba55d5;}

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

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 #faf2fc is the lightest one.

#030103
```
#030103 rgb(3,1,3)
```
#100513
```
#100513 rgb(16,5,19)
```
#1d0922
```
#1d0922 rgb(29,9,34)
```
#2a0c32
```
#2a0c32 rgb(42,12,50)
```
#371042
```
#371042 rgb(55,16,66)
```
#451452
```
#451452 rgb(69,20,82)
```
#521861
```
#521861 rgb(82,24,97)
```
#5f1c71
```
#5f1c71 rgb(95,28,113)
```
#6c2081
```
#6c2081 rgb(108,32,129)
```
#7a2491
```
#7a2491 rgb(122,36,145)
```
#8728a0
```
#8728a0 rgb(135,40,160)
```
#942bb0
```
#942bb0 rgb(148,43,176)
```
#a12fc0
```
#a12fc0 rgb(161,47,192)
```

Shade Color Variation

#ad36cd
```
#ad36cd rgb(173,54,205)
```
#b445d1
```
#b445d1 rgb(180,69,209)
```
#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#c065d9
```
#c065d9 rgb(192,101,217)
```
#c774dd
```
#c774dd rgb(199,116,221)
```
#cd84e1
```
#cd84e1 rgb(205,132,225)
```
#d494e5
```
#d494e5 rgb(212,148,229)
```
#daa4e8
```
#daa4e8 rgb(218,164,232)
```
#e0b3ec
```
#e0b3ec rgb(224,179,236)
```
#e7c3f0
```
#e7c3f0 rgb(231,195,240)
```
#edd3f4
```
#edd3f4 rgb(237,211,244)
```
#f3e3f8
```
#f3e3f8 rgb(243,227,248)
```
#faf2fc
```
#faf2fc rgb(250,242,252)
```

Tint Color Variation

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

#998e9c
```
#998e9c rgb(153,142,156)
```
#9e86a4
```
#9e86a4 rgb(158,134,164)
```
#a27eac
```
#a27eac rgb(162,126,172)
```
#a776b4
```
#a776b4 rgb(167,118,180)
```
#ac6dbd
```
#ac6dbd rgb(172,109,189)
```
#b165c5
```
#b165c5 rgb(177,101,197)
```
#b55dcd
```
#b55dcd rgb(181,93,205)
```
#ba55d5
```
#ba55d5 rgb(186,85,213)
```
#bf4ddd
```
#bf4ddd rgb(191,77,221)
```
#c345e5
```
#c345e5 rgb(195,69,229)
```
#c83ded
```
#c83ded rgb(200,61,237)
```
#cd34f6
```
#cd34f6 rgb(205,52,246)
```
#d22cfe
```
#d22cfe rgb(210,44,254)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8d7993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a83f5 Protanopia 1% of men
#5f87ca Deuteranopia 1% of men
#af7780 Tritanopia 0.001% of the population

Trichromacy

#6872e9 Protanomaly 1% of men, 0.01% of women
#8074ce Deuteranomaly 6% of men, 0.4% of women
#b36b9e Tritanomaly 0.01% of the population

#ba55d5 hex color

#ba55d5 Color Information

#ba55d5 Color Conversion

Color Schemes with #ba55d5

Alternatives to #ba55d5

#ba55d5 Preview

Shades and Tints of #ba55d5

Tones of #ba55d5

Color Blindness Simulator