#ba5ae6 hex color

In a RGB color space, hex #ba5ae6 is composed of 72.9% red, 35.3% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 19.1% cyan, 60.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 281.1 degrees, a saturation of 73.7% and a lightness of 62.7%. #ba5ae6 color hex could be obtained by blending #ffb4ff with #7500cd. Closest websafe color is: #cc66ff.

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

● #ba5ae6 color description : Soft violet.

The hexadecimal color #ba5ae6 has RGB values of R:186, G:90, B:230 and CMYK values of C:0.19, M:0.61, Y:0, K:0.1. Its decimal value is 12212966.

Hex triplet	ba5ae6	`#ba5ae6`
RGB Decimal	186, 90, 230	`rgb(186,90,230)`
RGB Percent	72.9, 35.3, 90.2	`rgb(72.9%,35.3%,90.2%)`
CMYK	19, 61, 0, 10
HSL	281.1°, 73.7, 62.7	`hsl(281.1,73.7%,62.7%)`
HSV (or HSB)	281.1°, 60.9, 90.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.549, 60.545, -55.116
XYZ	38.187, 23.466, 77.376
xyY	0.275, 0.169, 23.466
CIE-LCH	55.549, 81.874, 317.688
CIE-LUV	55.549, 34.385, -93.13
Hunter-Lab	48.441, 55.941, -60.796
Binary	10111010, 01011010, 11100110

#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#86e65a
```
#86e65a rgb(134,230,90)
```

Complementary Color

#745ae6
```
#745ae6 rgb(116,90,230)
```
#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#e65acc
```
#e65acc rgb(230,90,204)
```

Analogous Color

#5ae674
```
#5ae674 rgb(90,230,116)
```
#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#cce65a
```
#cce65a rgb(204,230,90)
```

Split Complementary Color

#5ae6ba
```
#5ae6ba rgb(90,230,186)
```
#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#e6ba5a
```
#e6ba5a rgb(230,186,90)
```

Triadic Color

#5a86e6
```
#5a86e6 rgb(90,134,230)
```
#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#e6ba5a
```
#e6ba5a rgb(230,186,90)
```
#86e65a
```
#86e65a rgb(134,230,90)
```

Tetradic Color

#9b20d3
```
#9b20d3 rgb(155,32,211)
```
#a72edf
```
#a72edf rgb(167,46,223)
```
#b144e3
```
#b144e3 rgb(177,68,227)
```
#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#c370e9
```
#c370e9 rgb(195,112,233)
```
#cd86ed
```
#cd86ed rgb(205,134,237)
```
#d69cf0
```
#d69cf0 rgb(214,156,240)
```

Monochromatic Color

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

#975ae6
```
#975ae6 rgb(151,90,230)
```
#a35ae6
```
#a35ae6 rgb(163,90,230)
```
#ae5ae6
```
#ae5ae6 rgb(174,90,230)
```
#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#c65ae6
```
#c65ae6 rgb(198,90,230)
```
#d15ae6
```
#d15ae6 rgb(209,90,230)
```
#dd5ae6
```
#dd5ae6 rgb(221,90,230)
```

Similar Colors

Text with hexadecimal color #ba5ae6

This text has a font color of #ba5ae6.

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

#ba5ae6 background color

This paragraph has a background color of #ba5ae6.

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

#ba5ae6 border color

This element has a border color of #ba5ae6.

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

CSS codes

.text {color:#ba5ae6;}

.background {background-color:#ba5ae6;}

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

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)
```
#100316
```
#100316 rgb(16,3,22)
```
#1d0627
```
#1d0627 rgb(29,6,39)
```
#290938
```
#290938 rgb(41,9,56)
```
#360b49
```
#360b49 rgb(54,11,73)
```
#420e5b
```
#420e5b rgb(66,14,91)
```
#4f106c
```
#4f106c rgb(79,16,108)
```
#5b137d
```
#5b137d rgb(91,19,125)
```
#68158e
```
#68158e rgb(104,21,142)
```
#74189f
```
#74189f rgb(116,24,159)
```
#811bb0
```
#811bb0 rgb(129,27,176)
```
#8d1dc1
```
#8d1dc1 rgb(141,29,193)
```
#9a20d2
```
#9a20d2 rgb(154,32,210)
```

Shade Color Variation

#a527de
```
#a527de rgb(165,39,222)
```
#ac38e1
```
#ac38e1 rgb(172,56,225)
```
#b349e3
```
#b349e3 rgb(179,73,227)
```
#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#c16be9
```
#c16be9 rgb(193,107,233)
```
#c87ceb
```
#c87ceb rgb(200,124,235)
```
#cf8dee
```
#cf8dee rgb(207,141,238)
```
#d69ef0
```
#d69ef0 rgb(214,158,240)
```
#deaff3
```
#deaff3 rgb(222,175,243)
```
#e5c0f5
```
#e5c0f5 rgb(229,192,245)
```
#ecd1f8
```
#ecd1f8 rgb(236,209,248)
```
#f3e2fb
```
#f3e2fb rgb(243,226,251)
```
#faf3fd
```
#faf3fd rgb(250,243,253)
```

Tint Color Variation

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

#a29ca4
```
#a29ca4 rgb(162,156,164)
```
#a494ac
```
#a494ac rgb(164,148,172)
```
#a78db3
```
#a78db3 rgb(167,141,179)
```
#aa86ba
```
#aa86ba rgb(170,134,186)
```
#ac7fc1
```
#ac7fc1 rgb(172,127,193)
```
#af77c9
```
#af77c9 rgb(175,119,201)
```
#b270d0
```
#b270d0 rgb(178,112,208)
```
#b569d7
```
#b569d7 rgb(181,105,215)
```
#b761df
```
#b761df rgb(183,97,223)
```
#ba5ae6
```
#ba5ae6 rgb(186,90,230)
```
#bd53ed
```
#bd53ed rgb(189,83,237)
```
#bf4bf5
```
#bf4bf5 rgb(191,75,245)
```
#c244fc
```
#c244fc rgb(194,68,252)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#917e9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#558cd9 Deuteranopia 1% of men
#ac7f88 Tritanopia 0.001% of the population

Trichromacy

#6776f5 Protanomaly 1% of men, 0.01% of women
#7979de Deuteranomaly 6% of men, 0.4% of women
#b171aa Tritanomaly 0.01% of the population

#ba5ae6 hex color

#ba5ae6 Color Information

#ba5ae6 Color Conversion

Color Schemes with #ba5ae6

Alternatives to #ba5ae6

#ba5ae6 Preview

Shades and Tints of #ba5ae6

Tones of #ba5ae6

Color Blindness Simulator