#ba53ff hex color

In a RGB color space, hex #ba53ff is composed of 72.9% red, 32.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 67.5% magenta, 0% yellow and 0% black. It has a hue angle of 275.9 degrees, a saturation of 100% and a lightness of 66.3%. #ba53ff color hex could be obtained by blending #ffa6ff with #7500ff. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 33
- B 100
RGB color chart
- C 27
- M 67
- Y 0
- K 0
CMYK color chart

● #ba53ff color description : Light violet.

The hexadecimal color #ba53ff has RGB values of R:186, G:83, B:255 and CMYK values of C:0.27, M:0.67, Y:0, K:0. Its decimal value is 12211199.

Hex triplet	ba53ff	`#ba53ff`
RGB Decimal	186, 83, 255	`rgb(186,83,255)`
RGB Percent	72.9, 32.5, 100	`rgb(72.9%,32.5%,100%)`
CMYK	27, 67, 0, 0
HSL	275.9°, 100, 66.3	`hsl(275.9,100%,66.3%)`
HSV (or HSB)	275.9°, 67.5, 100
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.934, 68.927, -68.435
XYZ	41.39, 23.847, 97.025
xyY	0.255, 0.147, 23.847
CIE-LCH	55.934, 97.13, 315.205
CIE-LUV	55.934, 30.575, -114.428
Hunter-Lab	48.833, 65.837, -83.618
Binary	10111010, 01010011, 11111111

#ba53ff
```
#ba53ff rgb(186,83,255)
```
#98ff53
```
#98ff53 rgb(152,255,83)
```

Complementary Color

#6453ff
```
#6453ff rgb(100,83,255)
```
#ba53ff
```
#ba53ff rgb(186,83,255)
```
#ff53ee
```
#ff53ee rgb(255,83,238)
```

Analogous Color

#53ff64
```
#53ff64 rgb(83,255,100)
```
#ba53ff
```
#ba53ff rgb(186,83,255)
```
#eeff53
```
#eeff53 rgb(238,255,83)
```

Split Complementary Color

#53ffba
```
#53ffba rgb(83,255,186)
```
#ba53ff
```
#ba53ff rgb(186,83,255)
```
#ffba53
```
#ffba53 rgb(255,186,83)
```

Triadic Color

#5398ff
```
#5398ff rgb(83,152,255)
```
#ba53ff
```
#ba53ff rgb(186,83,255)
```
#ffba53
```
#ffba53 rgb(255,186,83)
```
#98ff53
```
#98ff53 rgb(152,255,83)
```

Tetradic Color

#9b06ff
```
#9b06ff rgb(155,6,255)
```
#a620ff
```
#a620ff rgb(166,32,255)
```
#b03aff
```
#b03aff rgb(176,58,255)
```
#ba53ff
```
#ba53ff rgb(186,83,255)
```
#c46dff
```
#c46dff rgb(196,109,255)
```
#ce86ff
```
#ce86ff rgb(206,134,255)
```
#d9a0ff
```
#d9a0ff rgb(217,160,255)
```

Monochromatic Color

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

#8f53ff
```
#8f53ff rgb(143,83,255)
```
#9d53ff
```
#9d53ff rgb(157,83,255)
```
#ac53ff
```
#ac53ff rgb(172,83,255)
```
#ba53ff
```
#ba53ff rgb(186,83,255)
```
#c853ff
```
#c853ff rgb(200,83,255)
```
#d753ff
```
#d753ff rgb(215,83,255)
```
#e553ff
```
#e553ff rgb(229,83,255)
```

Similar Colors

Text with hexadecimal color #ba53ff

This text has a font color of #ba53ff.

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

#ba53ff background color

This paragraph has a background color of #ba53ff.

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

#ba53ff border color

This element has a border color of #ba53ff.

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

CSS codes

.text {color:#ba53ff;}

.background {background-color:#ba53ff;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0e0018
```
#0e0018 rgb(14,0,24)
```
#1a002c
```
#1a002c rgb(26,0,44)
```
#26003f
```
#26003f rgb(38,0,63)
```
#320053
```
#320053 rgb(50,0,83)
```
#3d0067
```
#3d0067 rgb(61,0,103)
```
#49007a
```
#49007a rgb(73,0,122)
```
#55008e
```
#55008e rgb(85,0,142)
```
#6100a1
```
#6100a1 rgb(97,0,161)
```
#6c00b5
```
#6c00b5 rgb(108,0,181)
```
#7800c9
```
#7800c9 rgb(120,0,201)
```
#8400dc
```
#8400dc rgb(132,0,220)
```
#9000f0
```
#9000f0 rgb(144,0,240)
```

Shade Color Variation

#9b05ff
```
#9b05ff rgb(155,5,255)
```
#a218ff
```
#a218ff rgb(162,24,255)
```
#aa2cff
```
#aa2cff rgb(170,44,255)
```
#b23fff
```
#b23fff rgb(178,63,255)
```
#ba53ff
```
#ba53ff rgb(186,83,255)
```
#c267ff
```
#c267ff rgb(194,103,255)
```
#ca7aff
```
#ca7aff rgb(202,122,255)
```
#d28eff
```
#d28eff rgb(210,142,255)
```
#d9a1ff
```
#d9a1ff rgb(217,161,255)
```
#e1b5ff
```
#e1b5ff rgb(225,181,255)
```
#e9c9ff
```
#e9c9ff rgb(233,201,255)
```
#f1dcff
```
#f1dcff rgb(241,220,255)
```
#f9f0ff
```
#f9f0ff rgb(249,240,255)
```

Tint Color Variation

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

#aaa2b0
```
#aaa2b0 rgb(170,162,176)
```
#ac9cb6
```
#ac9cb6 rgb(172,156,182)
```
#ad95bd
```
#ad95bd rgb(173,149,189)
```
#ae8fc3
```
#ae8fc3 rgb(174,143,195)
```
#b088ca
```
#b088ca rgb(176,136,202)
```
#b181d1
```
#b181d1 rgb(177,129,209)
```
#b27bd7
```
#b27bd7 rgb(178,123,215)
```
#b374de
```
#b374de rgb(179,116,222)
```
#b56de5
```
#b56de5 rgb(181,109,229)
```
#b667eb
```
#b667eb rgb(182,103,235)
```
#b760f2
```
#b760f2 rgb(183,96,242)
```
#b95af8
```
#b95af8 rgb(185,90,248)
```
#ba53ff
```
#ba53ff rgb(186,83,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#907b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a88ff Protanopia 1% of men
#008eee Deuteranopia 1% of men
#a6838c Tritanopia 0.001% of the population

Trichromacy

#6975ff Protanomaly 1% of men, 0.01% of women
#4378f4 Deuteranomaly 6% of men, 0.4% of women
#ad71b6 Tritanomaly 0.01% of the population

#ba53ff hex color

#ba53ff Color Information

#ba53ff Color Conversion

Color Schemes with #ba53ff

Alternatives to #ba53ff

#ba53ff Preview

Shades and Tints of #ba53ff

Tones of #ba53ff

Color Blindness Simulator