#ba53fd hex color

In a RGB color space, hex #ba53fd is composed of 72.9% red, 32.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 67.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 276.4 degrees, a saturation of 97.7% and a lightness of 65.9%. #ba53fd color hex could be obtained by blending #ffa6ff with #7500fb. Closest websafe color is: #cc66ff.

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

● #ba53fd color description : Soft violet.

The hexadecimal color #ba53fd has RGB values of R:186, G:83, B:253 and CMYK values of C:0.26, M:0.67, Y:0, K:0.01. Its decimal value is 12211197.

Hex triplet	ba53fd	`#ba53fd`
RGB Decimal	186, 83, 253	`rgb(186,83,253)`
RGB Percent	72.9, 32.5, 99.2	`rgb(72.9%,32.5%,99.2%)`
CMYK	26, 67, 0, 1
HSL	276.4°, 97.7, 65.9	`hsl(276.4,97.7%,65.9%)`
HSV (or HSB)	276.4°, 67.2, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	55.805, 68.503, -67.535
XYZ	41.07, 23.718, 95.338
xyY	0.256, 0.148, 23.718
CIE-LCH	55.805, 96.196, 315.407
CIE-LUV	55.805, 31.004, -112.977
Hunter-Lab	48.702, 65.301, -81.974
Binary	10111010, 01010011, 11111101

#ba53fd
```
#ba53fd rgb(186,83,253)
```
#96fd53
```
#96fd53 rgb(150,253,83)
```

Complementary Color

#6553fd
```
#6553fd rgb(101,83,253)
```
#ba53fd
```
#ba53fd rgb(186,83,253)
```
#fd53eb
```
#fd53eb rgb(253,83,235)
```

Analogous Color

#53fd65
```
#53fd65 rgb(83,253,101)
```
#ba53fd
```
#ba53fd rgb(186,83,253)
```
#ebfd53
```
#ebfd53 rgb(235,253,83)
```

Split Complementary Color

#53fdba
```
#53fdba rgb(83,253,186)
```
#ba53fd
```
#ba53fd rgb(186,83,253)
```
#fdba53
```
#fdba53 rgb(253,186,83)
```

Triadic Color

#5396fd
```
#5396fd rgb(83,150,253)
```
#ba53fd
```
#ba53fd rgb(186,83,253)
```
#fdba53
```
#fdba53 rgb(253,186,83)
```
#96fd53
```
#96fd53 rgb(150,253,83)
```

Tetradic Color

#9c07fc
```
#9c07fc rgb(156,7,252)
```
#a621fc
```
#a621fc rgb(166,33,252)
```
#b03afd
```
#b03afd rgb(176,58,253)
```
#ba53fd
```
#ba53fd rgb(186,83,253)
```
#c46cfd
```
#c46cfd rgb(196,108,253)
```
#ce85fe
```
#ce85fe rgb(206,133,254)
```
#d89ffe
```
#d89ffe rgb(216,159,254)
```

Monochromatic Color

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

#9053fd
```
#9053fd rgb(144,83,253)
```
#9e53fd
```
#9e53fd rgb(158,83,253)
```
#ac53fd
```
#ac53fd rgb(172,83,253)
```
#ba53fd
```
#ba53fd rgb(186,83,253)
```
#c853fd
```
#c853fd rgb(200,83,253)
```
#d653fd
```
#d653fd rgb(214,83,253)
```
#e553fd
```
#e553fd rgb(229,83,253)
```

Similar Colors

Text with hexadecimal color #ba53fd

This text has a font color of #ba53fd.

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

#ba53fd background color

This paragraph has a background color of #ba53fd.

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

#ba53fd border color

This element has a border color of #ba53fd.

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

CSS codes

.text {color:#ba53fd;}

.background {background-color:#ba53fd;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0d0016
```
#0d0016 rgb(13,0,22)
```
#190029
```
#190029 rgb(25,0,41)
```
#25013d
```
#25013d rgb(37,1,61)
```
#310150
```
#310150 rgb(49,1,80)
```
#3d0163
```
#3d0163 rgb(61,1,99)
```
#490177
```
#490177 rgb(73,1,119)
```
#54028a
```
#54028a rgb(84,2,138)
```
#60029e
```
#60029e rgb(96,2,158)
```
#6c02b1
```
#6c02b1 rgb(108,2,177)
```
#7802c4
```
#7802c4 rgb(120,2,196)
```
#8403d8
```
#8403d8 rgb(132,3,216)
```
#9003eb
```
#9003eb rgb(144,3,235)
```

Shade Color Variation

#9b05fc
```
#9b05fc rgb(155,5,252)
```
#a319fc
```
#a319fc rgb(163,25,252)
```
#aa2cfd
```
#aa2cfd rgb(170,44,253)
```
#b240fd
```
#b240fd rgb(178,64,253)
```
#ba53fd
```
#ba53fd rgb(186,83,253)
```
#c266fd
```
#c266fd rgb(194,102,253)
```
#ca7afd
```
#ca7afd rgb(202,122,253)
```
#d18dfe
```
#d18dfe rgb(209,141,254)
```
#d9a1fe
```
#d9a1fe rgb(217,161,254)
```
#e1b4fe
```
#e1b4fe rgb(225,180,254)
```
#e9c7fe
```
#e9c7fe rgb(233,199,254)
```
#f0dbff
```
#f0dbff rgb(240,219,255)
```
#f8eeff
```
#f8eeff rgb(248,238,255)
```

Tint Color Variation

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

#a9a3ad
```
#a9a3ad rgb(169,163,173)
```
#aa9db3
```
#aa9db3 rgb(170,157,179)
```
#ac96ba
```
#ac96ba rgb(172,150,186)
```
#ad8fc1
```
#ad8fc1 rgb(173,143,193)
```
#af89c7
```
#af89c7 rgb(175,137,199)
```
#b082ce
```
#b082ce rgb(176,130,206)
```
#b17bd5
```
#b17bd5 rgb(177,123,213)
```
#b374dc
```
#b374dc rgb(179,116,220)
```
#b46ee2
```
#b46ee2 rgb(180,110,226)
```
#b667e9
```
#b667e9 rgb(182,103,233)
```
#b760f0
```
#b760f0 rgb(183,96,240)
```
#b95af6
```
#b95af6 rgb(185,90,246)
```
#ba53fd
```
#ba53fd rgb(186,83,253)
```

Tone Color Variation

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

#3988ff Protanopia 1% of men
#1a8eec Deuteranopia 1% of men
#a6828b Tritanopia 0.001% of the population

Trichromacy

#6874fe Protanomaly 1% of men, 0.01% of women
#5478f2 Deuteranomaly 6% of men, 0.4% of women
#ad71b4 Tritanomaly 0.01% of the population

#ba53fd hex color

#ba53fd Color Information

#ba53fd Color Conversion

Color Schemes with #ba53fd

Alternatives to #ba53fd

#ba53fd Preview

Shades and Tints of #ba53fd

Tones of #ba53fd

Color Blindness Simulator