#ba63e1 hex color

In a RGB color space, hex #ba63e1 is composed of 72.9% red, 38.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 56% magenta, 0% yellow and 11.8% black. It has a hue angle of 281.4 degrees, a saturation of 67.7% and a lightness of 63.5%. #ba63e1 color hex could be obtained by blending #ffc6ff with #7500c3. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 39
- B 88
RGB color chart
- C 17
- M 56
- Y 0
- K 12
CMYK color chart

● #ba63e1 color description : Soft violet.

The hexadecimal color #ba63e1 has RGB values of R:186, G:99, B:225 and CMYK values of C:0.17, M:0.56, Y:0, K:0.12. Its decimal value is 12215265.

Hex triplet	ba63e1	`#ba63e1`
RGB Decimal	186, 99, 225	`rgb(186,99,225)`
RGB Percent	72.9, 38.8, 88.2	`rgb(72.9%,38.8%,88.2%)`
CMYK	17, 56, 0, 12
HSL	281.4°, 67.7, 63.5	`hsl(281.4,67.7%,63.5%)`
HSV (or HSB)	281.4°, 56, 88.2
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.88, 55.172, -50.185
XYZ	38.3, 24.8, 73.999
xyY	0.279, 0.181, 24.8
CIE-LCH	56.88, 74.582, 317.71
CIE-LUV	56.88, 32.87, -85.285
Hunter-Lab	49.8, 50.132, -53.241
Binary	10111010, 01100011, 11100001

#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#8ae163
```
#8ae163 rgb(138,225,99)
```

Complementary Color

#7b63e1
```
#7b63e1 rgb(123,99,225)
```
#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#e163c9
```
#e163c9 rgb(225,99,201)
```

Analogous Color

#63e17b
```
#63e17b rgb(99,225,123)
```
#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#c9e163
```
#c9e163 rgb(201,225,99)
```

Split Complementary Color

#63e1ba
```
#63e1ba rgb(99,225,186)
```
#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#e1ba63
```
#e1ba63 rgb(225,186,99)
```

Triadic Color

#638ae1
```
#638ae1 rgb(99,138,225)
```
#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#e1ba63
```
#e1ba63 rgb(225,186,99)
```
#8ae163
```
#8ae163 rgb(138,225,99)
```

Tetradic Color

#9c28d0
```
#9c28d0 rgb(156,40,208)
```
#a738d9
```
#a738d9 rgb(167,56,217)
```
#b14edd
```
#b14edd rgb(177,78,221)
```
#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#c378e5
```
#c378e5 rgb(195,120,229)
```
#cd8ee9
```
#cd8ee9 rgb(205,142,233)
```
#d6a3ed
```
#d6a3ed rgb(214,163,237)
```

Monochromatic Color

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

#9b63e1
```
#9b63e1 rgb(155,99,225)
```
#a563e1
```
#a563e1 rgb(165,99,225)
```
#b063e1
```
#b063e1 rgb(176,99,225)
```
#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#c563e1
```
#c563e1 rgb(197,99,225)
```
#cf63e1
```
#cf63e1 rgb(207,99,225)
```
#da63e1
```
#da63e1 rgb(218,99,225)
```

Similar Colors

Text with hexadecimal color #ba63e1

This text has a font color of #ba63e1.

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

#ba63e1 background color

This paragraph has a background color of #ba63e1.

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

#ba63e1 border color

This element has a border color of #ba63e1.

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

CSS codes

.text {color:#ba63e1;}

.background {background-color:#ba63e1;}

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

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

#060209
```
#060209 rgb(6,2,9)
```
#130519
```
#130519 rgb(19,5,25)
```
#1f0829
```
#1f0829 rgb(31,8,41)
```
#2b0b3a
```
#2b0b3a rgb(43,11,58)
```
#380e4a
```
#380e4a rgb(56,14,74)
```
#44115b
```
#44115b rgb(68,17,91)
```
#50156b
```
#50156b rgb(80,21,107)
```
#5d187c
```
#5d187c rgb(93,24,124)
```
#691b8c
```
#691b8c rgb(105,27,140)
```
#751e9d
```
#751e9d rgb(117,30,157)
```
#8221ad
```
#8221ad rgb(130,33,173)
```
#8e24bd
```
#8e24bd rgb(142,36,189)
```
#9a28ce
```
#9a28ce rgb(154,40,206)
```

Shade Color Variation

#a432d8
```
#a432d8 rgb(164,50,216)
```
#ab42db
```
#ab42db rgb(171,66,219)
```
#b353de
```
#b353de rgb(179,83,222)
```
#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#c173e4
```
#c173e4 rgb(193,115,228)
```
#c984e7
```
#c984e7 rgb(201,132,231)
```
#d094ea
```
#d094ea rgb(208,148,234)
```
#d7a5ee
```
#d7a5ee rgb(215,165,238)
```
#deb5f1
```
#deb5f1 rgb(222,181,241)
```
#e6c6f4
```
#e6c6f4 rgb(230,198,244)
```
#edd6f7
```
#edd6f7 rgb(237,214,247)
```
#f4e7fa
```
#f4e7fa rgb(244,231,250)
```
#fbf7fd
```
#fbf7fd rgb(251,247,253)
```

Tint Color Variation

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

#a49ca8
```
#a49ca8 rgb(164,156,168)
```
#a795af
```
#a795af rgb(167,149,175)
```
#aa8eb6
```
#aa8eb6 rgb(170,142,182)
```
#ac87bd
```
#ac87bd rgb(172,135,189)
```
#af80c4
```
#af80c4 rgb(175,128,196)
```
#b278cc
```
#b278cc rgb(178,120,204)
```
#b571d3
```
#b571d3 rgb(181,113,211)
```
#b76ada
```
#b76ada rgb(183,106,218)
```
#ba63e1
```
#ba63e1 rgb(186,99,225)
```
#bd5ce8
```
#bd5ce8 rgb(189,92,232)
```
#bf55ef
```
#bf55ef rgb(191,85,239)
```
#c24ef6
```
#c24ef6 rgb(194,78,246)
```
#c546fe
```
#c546fe rgb(197,70,254)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#94839c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8afc Protanopia 1% of men
#638ed6 Deuteranopia 1% of men
#ae838c Tritanopia 0.001% of the population

Trichromacy

#737cf2 Protanomaly 1% of men, 0.01% of women
#837eda Deuteranomaly 6% of men, 0.4% of women
#b277ab Tritanomaly 0.01% of the population

#ba63e1 hex color

#ba63e1 Color Information

#ba63e1 Color Conversion

Color Schemes with #ba63e1

Alternatives to #ba63e1

#ba63e1 Preview

Shades and Tints of #ba63e1

Tones of #ba63e1

Color Blindness Simulator