#ba56fa hex color

In a RGB color space, hex #ba56fa is composed of 72.9% red, 33.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 65.6% magenta, 0% yellow and 2% black. It has a hue angle of 276.6 degrees, a saturation of 94.3% and a lightness of 65.9%. #ba56fa color hex could be obtained by blending #ffacff with #7500f5. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 34
- B 98
RGB color chart
- C 26
- M 66
- Y 0
- K 2
CMYK color chart

● #ba56fa color description : Soft violet.

The hexadecimal color #ba56fa has RGB values of R:186, G:86, B:250 and CMYK values of C:0.26, M:0.66, Y:0, K:0.02. Its decimal value is 12211962.

Hex triplet	ba56fa	`#ba56fa`
RGB Decimal	186, 86, 250	`rgb(186,86,250)`
RGB Percent	72.9, 33.7, 98	`rgb(72.9%,33.7%,98%)`
CMYK	26, 66, 0, 2
HSL	276.6°, 94.3, 65.9	`hsl(276.6,94.3%,65.9%)`
HSV (or HSB)	276.6°, 65.6, 98
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	56.086, 66.556, -65.419
XYZ	40.83, 23.998, 92.918
xyY	0.259, 0.152, 23.998
CIE-LCH	56.086, 93.324, 315.494
CIE-LUV	56.086, 30.985, -109.738
Hunter-Lab	48.988, 63.049, -78.169
Binary	10111010, 01010110, 11111010

#ba56fa
```
#ba56fa rgb(186,86,250)
```
#96fa56
```
#96fa56 rgb(150,250,86)
```

Complementary Color

#6856fa
```
#6856fa rgb(104,86,250)
```
#ba56fa
```
#ba56fa rgb(186,86,250)
```
#fa56e8
```
#fa56e8 rgb(250,86,232)
```

Analogous Color

#56fa68
```
#56fa68 rgb(86,250,104)
```
#ba56fa
```
#ba56fa rgb(186,86,250)
```
#e8fa56
```
#e8fa56 rgb(232,250,86)
```

Split Complementary Color

#56faba
```
#56faba rgb(86,250,186)
```
#ba56fa
```
#ba56fa rgb(186,86,250)
```
#faba56
```
#faba56 rgb(250,186,86)
```

Triadic Color

#5696fa
```
#5696fa rgb(86,150,250)
```
#ba56fa
```
#ba56fa rgb(186,86,250)
```
#faba56
```
#faba56 rgb(250,186,86)
```
#96fa56
```
#96fa56 rgb(150,250,86)
```

Tetradic Color

#9c0cf8
```
#9c0cf8 rgb(156,12,248)
```
#a624f9
```
#a624f9 rgb(166,36,249)
```
#b03df9
```
#b03df9 rgb(176,61,249)
```
#ba56fa
```
#ba56fa rgb(186,86,250)
```
#c46ffb
```
#c46ffb rgb(196,111,251)
```
#ce88fb
```
#ce88fb rgb(206,136,251)
```
#d8a0fc
```
#d8a0fc rgb(216,160,252)
```

Monochromatic Color

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

#9156fa
```
#9156fa rgb(145,86,250)
```
#9f56fa
```
#9f56fa rgb(159,86,250)
```
#ac56fa
```
#ac56fa rgb(172,86,250)
```
#ba56fa
```
#ba56fa rgb(186,86,250)
```
#c856fa
```
#c856fa rgb(200,86,250)
```
#d556fa
```
#d556fa rgb(213,86,250)
```
#e356fa
```
#e356fa rgb(227,86,250)
```

Similar Colors

Text with hexadecimal color #ba56fa

This text has a font color of #ba56fa.

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

#ba56fa background color

This paragraph has a background color of #ba56fa.

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

#ba56fa border color

This element has a border color of #ba56fa.

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

CSS codes

.text {color:#ba56fa;}

.background {background-color:#ba56fa;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#0d0116
```
#0d0116 rgb(13,1,22)
```
#190129
```
#190129 rgb(25,1,41)
```
#25023c
```
#25023c rgb(37,2,60)
```
#31024f
```
#31024f rgb(49,2,79)
```
#3d0362
```
#3d0362 rgb(61,3,98)
```
#490375
```
#490375 rgb(73,3,117)
```
#540488
```
#540488 rgb(84,4,136)
```
#60059b
```
#60059b rgb(96,5,155)
```
#6c05ae
```
#6c05ae rgb(108,5,174)
```
#7806c1
```
#7806c1 rgb(120,6,193)
```
#8406d4
```
#8406d4 rgb(132,6,212)
```
#9007e7
```
#9007e7 rgb(144,7,231)
```

Shade Color Variation

#9b0af8
```
#9b0af8 rgb(155,10,248)
```
#a31df8
```
#a31df8 rgb(163,29,248)
```
#aa30f9
```
#aa30f9 rgb(170,48,249)
```
#b243f9
```
#b243f9 rgb(178,67,249)
```
#ba56fa
```
#ba56fa rgb(186,86,250)
```
#c269fb
```
#c269fb rgb(194,105,251)
```
#ca7cfb
```
#ca7cfb rgb(202,124,251)
```
#d18ffc
```
#d18ffc rgb(209,143,252)
```
#d9a2fc
```
#d9a2fc rgb(217,162,252)
```
#e1b5fd
```
#e1b5fd rgb(225,181,253)
```
#e9c8fd
```
#e9c8fd rgb(233,200,253)
```
#f0dbfe
```
#f0dbfe rgb(240,219,254)
```
#f8eeff
```
#f8eeff rgb(248,238,255)
```

Tint Color Variation

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

#a8a6aa
```
#a8a6aa rgb(168,166,170)
```
#aaa0b0
```
#aaa0b0 rgb(170,160,176)
```
#ab99b7
```
#ab99b7 rgb(171,153,183)
```
#ad92be
```
#ad92be rgb(173,146,190)
```
#ae8cc4
```
#ae8cc4 rgb(174,140,196)
```
#b085cb
```
#b085cb rgb(176,133,203)
```
#b17ed2
```
#b17ed2 rgb(177,126,210)
```
#b377d9
```
#b377d9 rgb(179,119,217)
```
#b471df
```
#b471df rgb(180,113,223)
```
#b66ae6
```
#b66ae6 rgb(182,106,230)
```
#b763ed
```
#b763ed rgb(183,99,237)
```
#b95df3
```
#b95df3 rgb(185,93,243)
```
#ba56fa
```
#ba56fa rgb(186,86,250)
```

Tone Color Variation

Below, you can see how #ba56fa 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
#917d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#2f8eea Deuteranopia 1% of men
#a7838c Tritanopia 0.001% of the population

Trichromacy

#6a76fd Protanomaly 1% of men, 0.01% of women
#617af0 Deuteranomaly 6% of men, 0.4% of women
#ae72b4 Tritanomaly 0.01% of the population

#ba56fa hex color

#ba56fa Color Information

#ba56fa Color Conversion

Color Schemes with #ba56fa

Alternatives to #ba56fa

#ba56fa Preview

Shades and Tints of #ba56fa

Tones of #ba56fa

Color Blindness Simulator