#ba45fa hex color

In a RGB color space, hex #ba45fa is composed of 72.9% red, 27.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 72.4% magenta, 0% yellow and 2% black. It has a hue angle of 278.8 degrees, a saturation of 94.8% and a lightness of 62.5%. #ba45fa color hex could be obtained by blending #ff8aff with #7500f5. Closest websafe color is: #cc33ff.

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

● #ba45fa color description : Bright violet.

The hexadecimal color #ba45fa has RGB values of R:186, G:69, B:250 and CMYK values of C:0.26, M:0.72, Y:0, K:0.02. Its decimal value is 12207610.

Hex triplet	ba45fa	`#ba45fa`
RGB Decimal	186, 69, 250	`rgb(186,69,250)`
RGB Percent	72.9, 27.1, 98	`rgb(72.9%,27.1%,98%)`
CMYK	26, 72, 0, 2
HSL	278.8°, 94.8, 62.5	`hsl(278.8,94.8%,62.5%)`
HSV (or HSB)	278.8°, 72.4, 98
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.598, 73.544, -69.434
XYZ	39.631, 21.599, 92.519
xyY	0.258, 0.14, 21.599
CIE-LCH	53.598, 101.143, 316.647
CIE-LUV	53.598, 34.423, -115.079
Hunter-Lab	46.474, 70.885, -85.499
Binary	10111010, 01000101, 11111010

#ba45fa
```
#ba45fa rgb(186,69,250)
```
#85fa45
```
#85fa45 rgb(133,250,69)
```

Complementary Color

#5f45fa
```
#5f45fa rgb(95,69,250)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```
#fa45e0
```
#fa45e0 rgb(250,69,224)
```

Analogous Color

#45fa5f
```
#45fa5f rgb(69,250,95)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```
#e0fa45
```
#e0fa45 rgb(224,250,69)
```

Split Complementary Color

#45faba
```
#45faba rgb(69,250,186)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```
#faba45
```
#faba45 rgb(250,186,69)
```

Triadic Color

#4585fa
```
#4585fa rgb(69,133,250)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```
#faba45
```
#faba45 rgb(250,186,69)
```
#85fa45
```
#85fa45 rgb(133,250,69)
```

Tetradic Color

#9b06ec
```
#9b06ec rgb(155,6,236)
```
#a813f9
```
#a813f9 rgb(168,19,249)
```
#b12cf9
```
#b12cf9 rgb(177,44,249)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```
#c35efb
```
#c35efb rgb(195,94,251)
```
#cc77fb
```
#cc77fb rgb(204,119,251)
```
#d68ffc
```
#d68ffc rgb(214,143,252)
```

Monochromatic Color

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

#8d45fa
```
#8d45fa rgb(141,69,250)
```
#9c45fa
```
#9c45fa rgb(156,69,250)
```
#ab45fa
```
#ab45fa rgb(171,69,250)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```
#c945fa
```
#c945fa rgb(201,69,250)
```
#d845fa
```
#d845fa rgb(216,69,250)
```
#e745fa
```
#e745fa rgb(231,69,250)
```

Similar Colors

Text with hexadecimal color #ba45fa

This text has a font color of #ba45fa.

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

#ba45fa background color

This paragraph has a background color of #ba45fa.

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

#ba45fa border color

This element has a border color of #ba45fa.

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

CSS codes

.text {color:#ba45fa;}

.background {background-color:#ba45fa;}

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

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 #faf1ff is the lightest one.

#030005
```
#030005 rgb(3,0,5)
```
#100118
```
#100118 rgb(16,1,24)
```
#1c012b
```
#1c012b rgb(28,1,43)
```
#29023e
```
#29023e rgb(41,2,62)
```
#350251
```
#350251 rgb(53,2,81)
```
#420365
```
#420365 rgb(66,3,101)
```
#4e0378
```
#4e0378 rgb(78,3,120)
```
#5b048b
```
#5b048b rgb(91,4,139)
```
#68049e
```
#68049e rgb(104,4,158)
```
#7405b1
```
#7405b1 rgb(116,5,177)
```
#8105c4
```
#8105c4 rgb(129,5,196)
```
#8d06d7
```
#8d06d7 rgb(141,6,215)
```
#9a06ea
```
#9a06ea rgb(154,6,234)
```

Shade Color Variation

#a50cf8
```
#a50cf8 rgb(165,12,248)
```
#ac1ff9
```
#ac1ff9 rgb(172,31,249)
```
#b332f9
```
#b332f9 rgb(179,50,249)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```
#c158fb
```
#c158fb rgb(193,88,251)
```
#c86bfb
```
#c86bfb rgb(200,107,251)
```
#cf7efc
```
#cf7efc rgb(207,126,252)
```
#d691fc
```
#d691fc rgb(214,145,252)
```
#dda5fd
```
#dda5fd rgb(221,165,253)
```
#e5b8fd
```
#e5b8fd rgb(229,184,253)
```
#eccbfe
```
#eccbfe rgb(236,203,254)
```
#f3defe
```
#f3defe rgb(243,222,254)
```
#faf1ff
```
#faf1ff rgb(250,241,255)
```

Tint Color Variation

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

#a09da2
```
#a09da2 rgb(160,157,162)
```
#a296a9
```
#a296a9 rgb(162,150,169)
```
#a48eb1
```
#a48eb1 rgb(164,142,177)
```
#a787b8
```
#a787b8 rgb(167,135,184)
```
#a980bf
```
#a980bf rgb(169,128,191)
```
#ab78c7
```
#ab78c7 rgb(171,120,199)
```
#ad71ce
```
#ad71ce rgb(173,113,206)
```
#af6ad5
```
#af6ad5 rgb(175,106,213)
```
#b162dd
```
#b162dd rgb(177,98,221)
```
#b45be4
```
#b45be4 rgb(180,91,228)
```
#b654eb
```
#b654eb rgb(182,84,235)
```
#b84cf3
```
#b84cf3 rgb(184,76,243)
```
#ba45fa
```
#ba45fa rgb(186,69,250)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0982ff Protanopia 1% of men
#0088e3 Deuteranopia 1% of men
#a67b83 Tritanopia 0.001% of the population

Trichromacy

#496cfd Protanomaly 1% of men, 0.01% of women
#4370eb Deuteranomaly 6% of men, 0.4% of women
#ad67ae Tritanomaly 0.01% of the population

#ba45fa hex color

#ba45fa Color Information

#ba45fa Color Conversion

Color Schemes with #ba45fa

Alternatives to #ba45fa

#ba45fa Preview

Shades and Tints of #ba45fa

Tones of #ba45fa

Color Blindness Simulator