#ba63fa hex color

In a RGB color space, hex #ba63fa is composed of 72.9% red, 38.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 60.4% magenta, 0% yellow and 2% black. It has a hue angle of 274.6 degrees, a saturation of 93.8% and a lightness of 68.4%. #ba63fa color hex could be obtained by blending #ffc6ff with #7500f5. Closest websafe color is: #cc66ff.

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

● #ba63fa color description : Soft violet.

The hexadecimal color #ba63fa has RGB values of R:186, G:99, B:250 and CMYK values of C:0.26, M:0.6, Y:0, K:0.02. Its decimal value is 12215290.

Hex triplet	ba63fa	`#ba63fa`
RGB Decimal	186, 99, 250	`rgb(186,99,250)`
RGB Percent	72.9, 38.8, 98	`rgb(72.9%,38.8%,98%)`
CMYK	26, 60, 0, 2
HSL	274.6°, 93.8, 68.4	`hsl(274.6,93.8%,68.4%)`
HSV (or HSB)	274.6°, 60.4, 98
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.288, 60.521, -61.878
XYZ	41.964, 26.266, 93.296
xyY	0.26, 0.163, 26.266
CIE-LCH	58.288, 86.554, 314.365
CIE-LUV	58.288, 27.772, -104.65
Hunter-Lab	51.25, 56.471, -72.057
Binary	10111010, 01100011, 11111010

#ba63fa
```
#ba63fa rgb(186,99,250)
```
#a3fa63
```
#a3fa63 rgb(163,250,99)
```

Complementary Color

#6f63fa
```
#6f63fa rgb(111,99,250)
```
#ba63fa
```
#ba63fa rgb(186,99,250)
```
#fa63ef
```
#fa63ef rgb(250,99,239)
```

Analogous Color

#63fa6f
```
#63fa6f rgb(99,250,111)
```
#ba63fa
```
#ba63fa rgb(186,99,250)
```
#effa63
```
#effa63 rgb(239,250,99)
```

Split Complementary Color

#63faba
```
#63faba rgb(99,250,186)
```
#ba63fa
```
#ba63fa rgb(186,99,250)
```
#faba63
```
#faba63 rgb(250,186,99)
```

Triadic Color

#63a3fa
```
#63a3fa rgb(99,163,250)
```
#ba63fa
```
#ba63fa rgb(186,99,250)
```
#faba63
```
#faba63 rgb(250,186,99)
```
#a3fa63
```
#a3fa63 rgb(163,250,99)
```

Tetradic Color

#9919f8
```
#9919f8 rgb(153,25,248)
```
#a432f8
```
#a432f8 rgb(164,50,248)
```
#af4af9
```
#af4af9 rgb(175,74,249)
```
#ba63fa
```
#ba63fa rgb(186,99,250)
```
#c57cfb
```
#c57cfb rgb(197,124,251)
```
#d094fc
```
#d094fc rgb(208,148,252)
```
#dbadfc
```
#dbadfc rgb(219,173,252)
```

Monochromatic Color

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

#9463fa
```
#9463fa rgb(148,99,250)
```
#a163fa
```
#a163fa rgb(161,99,250)
```
#ad63fa
```
#ad63fa rgb(173,99,250)
```
#ba63fa
```
#ba63fa rgb(186,99,250)
```
#c763fa
```
#c763fa rgb(199,99,250)
```
#d363fa
```
#d363fa rgb(211,99,250)
```
#e063fa
```
#e063fa rgb(224,99,250)
```

Similar Colors

Text with hexadecimal color #ba63fa

This text has a font color of #ba63fa.

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

#ba63fa background color

This paragraph has a background color of #ba63fa.

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

#ba63fa border color

This element has a border color of #ba63fa.

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

CSS codes

.text {color:#ba63fa;}

.background {background-color:#ba63fa;}

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

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, #09000f is the darkest color, while #fdfbff is the lightest one.

#09000f
```
#09000f rgb(9,0,15)
```
#140122
```
#140122 rgb(20,1,34)
```
#1f0235
```
#1f0235 rgb(31,2,53)
```
#2b0248
```
#2b0248 rgb(43,2,72)
```
#36035b
```
#36035b rgb(54,3,91)
```
#41046e
```
#41046e rgb(65,4,110)
```
#4c0481
```
#4c0481 rgb(76,4,129)
```
#570594
```
#570594 rgb(87,5,148)
```
#6305a7
```
#6305a7 rgb(99,5,167)
```
#6e06ba
```
#6e06ba rgb(110,6,186)
```
#7907cd
```
#7907cd rgb(121,7,205)
```
#8407e0
```
#8407e0 rgb(132,7,224)
```
#8f08f3
```
#8f08f3 rgb(143,8,243)
```

Shade Color Variation

#9817f8
```
#9817f8 rgb(152,23,248)
```
#a12af8
```
#a12af8 rgb(161,42,248)
```
#a93df9
```
#a93df9 rgb(169,61,249)
```
#b250f9
```
#b250f9 rgb(178,80,249)
```
#ba63fa
```
#ba63fa rgb(186,99,250)
```
#c276fb
```
#c276fb rgb(194,118,251)
```
#cb89fb
```
#cb89fb rgb(203,137,251)
```
#d39cfc
```
#d39cfc rgb(211,156,252)
```
#dcaffc
```
#dcaffc rgb(220,175,252)
```
#e4c2fd
```
#e4c2fd rgb(228,194,253)
```
#ecd5fe
```
#ecd5fe rgb(236,213,254)
```
#f5e8fe
```
#f5e8fe rgb(245,232,254)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#afadb0
```
#afadb0 rgb(175,173,176)
```
#b0a7b6
```
#b0a7b6 rgb(176,167,182)
```
#b1a1bc
```
#b1a1bc rgb(177,161,188)
```
#b29bc2
```
#b29bc2 rgb(178,155,194)
```
#b295c8
```
#b295c8 rgb(178,149,200)
```
#b38ecf
```
#b38ecf rgb(179,142,207)
```
#b488d5
```
#b488d5 rgb(180,136,213)
```
#b582db
```
#b582db rgb(181,130,219)
```
#b67ce1
```
#b67ce1 rgb(182,124,225)
```
#b776e7
```
#b776e7 rgb(183,118,231)
```
#b86fee
```
#b86fee rgb(184,111,238)
```
#b969f4
```
#b969f4 rgb(185,105,244)
```
#ba63fa
```
#ba63fa rgb(186,99,250)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9785a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#508eff Protanopia 1% of men
#4893ec Deuteranopia 1% of men
#a88a93 Tritanopia 0.001% of the population

Trichromacy

#767efd Protanomaly 1% of men, 0.01% of women
#7181f1 Deuteranomaly 6% of men, 0.4% of women
#ae7bb9 Tritanomaly 0.01% of the population

#ba63fa hex color

#ba63fa Color Information

#ba63fa Color Conversion

Color Schemes with #ba63fa

Alternatives to #ba63fa

#ba63fa Preview

Shades and Tints of #ba63fa

Tones of #ba63fa

Color Blindness Simulator