#ba5ce4 hex color

In a RGB color space, hex #ba5ce4 is composed of 72.9% red, 36.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 59.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 281.5 degrees, a saturation of 71.6% and a lightness of 62.7%. #ba5ce4 color hex could be obtained by blending #ffb8ff with #7500c9. Closest websafe color is: #cc66cc.

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

● #ba5ce4 color description : Soft violet.

The hexadecimal color #ba5ce4 has RGB values of R:186, G:92, B:228 and CMYK values of C:0.18, M:0.6, Y:0, K:0.11. Its decimal value is 12213476.

Hex triplet	ba5ce4	`#ba5ce4`
RGB Decimal	186, 92, 228	`rgb(186,92,228)`
RGB Percent	72.9, 36.1, 89.4	`rgb(72.9%,36.1%,89.4%)`
CMYK	18, 60, 0, 11
HSL	281.5°, 71.6, 62.7	`hsl(281.5,71.6%,62.7%)`
HSV (or HSB)	281.5°, 59.6, 89.4
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.782, 59.19, -53.62
XYZ	38.079, 23.696, 75.962
xyY	0.276, 0.172, 23.696
CIE-LCH	55.782, 79.866, 317.827
CIE-LUV	55.782, 34.281, -90.748
Hunter-Lab	48.679, 54.443, -58.447
Binary	10111010, 01011100, 11100100

#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#86e45c
```
#86e45c rgb(134,228,92)
```

Complementary Color

#765ce4
```
#765ce4 rgb(118,92,228)
```
#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#e45cca
```
#e45cca rgb(228,92,202)
```

Analogous Color

#5ce476
```
#5ce476 rgb(92,228,118)
```
#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#cae45c
```
#cae45c rgb(202,228,92)
```

Split Complementary Color

#5ce4ba
```
#5ce4ba rgb(92,228,186)
```
#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#e4ba5c
```
#e4ba5c rgb(228,186,92)
```

Triadic Color

#5c86e4
```
#5c86e4 rgb(92,134,228)
```
#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#e4ba5c
```
#e4ba5c rgb(228,186,92)
```
#86e45c
```
#86e45c rgb(134,228,92)
```

Tetradic Color

#9b23d1
```
#9b23d1 rgb(155,35,209)
```
#a730dd
```
#a730dd rgb(167,48,221)
```
#b146e0
```
#b146e0 rgb(177,70,224)
```
#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#c372e8
```
#c372e8 rgb(195,114,232)
```
#cd88eb
```
#cd88eb rgb(205,136,235)
```
#d69eef
```
#d69eef rgb(214,158,239)
```

Monochromatic Color

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

#985ce4
```
#985ce4 rgb(152,92,228)
```
#a35ce4
```
#a35ce4 rgb(163,92,228)
```
#af5ce4
```
#af5ce4 rgb(175,92,228)
```
#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#c55ce4
```
#c55ce4 rgb(197,92,228)
```
#d15ce4
```
#d15ce4 rgb(209,92,228)
```
#dc5ce4
```
#dc5ce4 rgb(220,92,228)
```

Similar Colors

Text with hexadecimal color #ba5ce4

This text has a font color of #ba5ce4.

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

#ba5ce4 background color

This paragraph has a background color of #ba5ce4.

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

#ba5ce4 border color

This element has a border color of #ba5ce4.

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

CSS codes

.text {color:#ba5ce4;}

.background {background-color:#ba5ce4;}

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

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

#040105
```
#040105 rgb(4,1,5)
```
#100416
```
#100416 rgb(16,4,22)
```
#1d0627
```
#1d0627 rgb(29,6,39)
```
#290938
```
#290938 rgb(41,9,56)
```
#360c49
```
#360c49 rgb(54,12,73)
```
#420f59
```
#420f59 rgb(66,15,89)
```
#4f126a
```
#4f126a rgb(79,18,106)
```
#5b147b
```
#5b147b rgb(91,20,123)
```
#68178c
```
#68178c rgb(104,23,140)
```
#741a9d
```
#741a9d rgb(116,26,157)
```
#811dae
```
#811dae rgb(129,29,174)
```
#8d20be
```
#8d20be rgb(141,32,190)
```
#9a22cf
```
#9a22cf rgb(154,34,207)
```

Shade Color Variation

#a52adc
```
#a52adc rgb(165,42,220)
```
#ac3ade
```
#ac3ade rgb(172,58,222)
```
#b34be1
```
#b34be1 rgb(179,75,225)
```
#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#c16de7
```
#c16de7 rgb(193,109,231)
```
#c87eea
```
#c87eea rgb(200,126,234)
```
#cf8eec
```
#cf8eec rgb(207,142,236)
```
#d69fef
```
#d69fef rgb(214,159,239)
```
#deb0f2
```
#deb0f2 rgb(222,176,242)
```
#e5c1f5
```
#e5c1f5 rgb(229,193,245)
```
#ecd2f8
```
#ecd2f8 rgb(236,210,248)
```
#f3e3fa
```
#f3e3fa rgb(243,227,250)
```
#faf3fd
```
#faf3fd rgb(250,243,253)
```

Tint Color Variation

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

#a19ea2
```
#a19ea2 rgb(161,158,162)
```
#a496aa
```
#a496aa rgb(164,150,170)
```
#a68fb1
```
#a68fb1 rgb(166,143,177)
```
#a988b8
```
#a988b8 rgb(169,136,184)
```
#ac81bf
```
#ac81bf rgb(172,129,191)
```
#af79c7
```
#af79c7 rgb(175,121,199)
```
#b272ce
```
#b272ce rgb(178,114,206)
```
#b46bd5
```
#b46bd5 rgb(180,107,213)
```
#b763dd
```
#b763dd rgb(183,99,221)
```
#ba5ce4
```
#ba5ce4 rgb(186,92,228)
```
#bd55eb
```
#bd55eb rgb(189,85,235)
```
#c04df3
```
#c04df3 rgb(192,77,243)
```
#c246fa
```
#c246fa rgb(194,70,250)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#927f9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b88ff Protanopia 1% of men
#598cd8 Deuteranopia 1% of men
#ad8088 Tritanopia 0.001% of the population

Trichromacy

#6978f5 Protanomaly 1% of men, 0.01% of women
#7c7adc Deuteranomaly 6% of men, 0.4% of women
#b172aa Tritanomaly 0.01% of the population

#ba5ce4 hex color

#ba5ce4 Color Information

#ba5ce4 Color Conversion

Color Schemes with #ba5ce4

Alternatives to #ba5ce4

#ba5ce4 Preview

Shades and Tints of #ba5ce4

Tones of #ba5ce4

Color Blindness Simulator