#ba45fb hex color

In a RGB color space, hex #ba45fb is composed of 72.9% red, 27.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 72.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 278.6 degrees, a saturation of 95.8% and a lightness of 62.7%. #ba45fb color hex could be obtained by blending #ff8aff with #7500f7. Closest websafe color is: #cc33ff.

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

● #ba45fb color description : Bright violet.

The hexadecimal color #ba45fb has RGB values of R:186, G:69, B:251 and CMYK values of C:0.26, M:0.73, Y:0, K:0.02. Its decimal value is 12207611.

Hex triplet	ba45fb	`#ba45fb`
RGB Decimal	186, 69, 251	`rgb(186,69,251)`
RGB Percent	72.9, 27.1, 98.4	`rgb(72.9%,27.1%,98.4%)`
CMYK	26, 73, 0, 2
HSL	278.6°, 95.8, 62.7	`hsl(278.6,95.8%,62.7%)`
HSV (or HSB)	278.6°, 72.5, 98.4
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.666, 73.747, -69.882
XYZ	39.788, 21.661, 93.347
xyY	0.257, 0.14, 21.661
CIE-LCH	53.666, 101.597, 316.542
CIE-LUV	53.666, 34.187, -115.787
Hunter-Lab	46.542, 71.149, -86.335
Binary	10111010, 01000101, 11111011

#ba45fb
```
#ba45fb rgb(186,69,251)
```
#86fb45
```
#86fb45 rgb(134,251,69)
```

Complementary Color

#5f45fb
```
#5f45fb rgb(95,69,251)
```
#ba45fb
```
#ba45fb rgb(186,69,251)
```
#fb45e1
```
#fb45e1 rgb(251,69,225)
```

Analogous Color

#45fb5f
```
#45fb5f rgb(69,251,95)
```
#ba45fb
```
#ba45fb rgb(186,69,251)
```
#e1fb45
```
#e1fb45 rgb(225,251,69)
```

Split Complementary Color

#45fbba
```
#45fbba rgb(69,251,186)
```
#ba45fb
```
#ba45fb rgb(186,69,251)
```
#fbba45
```
#fbba45 rgb(251,186,69)
```

Triadic Color

#4586fb
```
#4586fb rgb(69,134,251)
```
#ba45fb
```
#ba45fb rgb(186,69,251)
```
#fbba45
```
#fbba45 rgb(251,186,69)
```
#86fb45
```
#86fb45 rgb(134,251,69)
```

Tetradic Color

#9b05ee
```
#9b05ee rgb(155,5,238)
```
#a713fa
```
#a713fa rgb(167,19,250)
```
#b12cfa
```
#b12cfa rgb(177,44,250)
```
#ba45fb
```
#ba45fb rgb(186,69,251)
```
#c35efc
```
#c35efc rgb(195,94,252)
```
#cd77fc
```
#cd77fc rgb(205,119,252)
```
#d690fd
```
#d690fd rgb(214,144,253)
```

Monochromatic Color

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

#8d45fb
```
#8d45fb rgb(141,69,251)
```
#9c45fb
```
#9c45fb rgb(156,69,251)
```
#ab45fb
```
#ab45fb rgb(171,69,251)
```
#ba45fb
```
#ba45fb rgb(186,69,251)
```
#c945fb
```
#c945fb rgb(201,69,251)
```
#d845fb
```
#d845fb rgb(216,69,251)
```
#e845fb
```
#e845fb rgb(232,69,251)
```

Similar Colors

Text with hexadecimal color #ba45fb

This text has a font color of #ba45fb.

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

#ba45fb background color

This paragraph has a background color of #ba45fb.

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

#ba45fb border color

This element has a border color of #ba45fb.

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

CSS codes

.text {color:#ba45fb;}

.background {background-color:#ba45fb;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#100119
```
#100119 rgb(16,1,25)
```
#1d012c
```
#1d012c rgb(29,1,44)
```
#290140
```
#290140 rgb(41,1,64)
```
#360253
```
#360253 rgb(54,2,83)
```
#420266
```
#420266 rgb(66,2,102)
```
#4f0379
```
#4f0379 rgb(79,3,121)
```
#5b038c
```
#5b038c rgb(91,3,140)
```
#6803a0
```
#6803a0 rgb(104,3,160)
```
#7404b3
```
#7404b3 rgb(116,4,179)
```
#8104c6
```
#8104c6 rgb(129,4,198)
```
#8d05d9
```
#8d05d9 rgb(141,5,217)
```
#9a05ec
```
#9a05ec rgb(154,5,236)
```

Shade Color Variation

#a50bfa
```
#a50bfa rgb(165,11,250)
```
#ac1ffa
```
#ac1ffa rgb(172,31,250)
```
#b332fb
```
#b332fb rgb(179,50,251)
```
#ba45fb
```
#ba45fb rgb(186,69,251)
```
#c158fb
```
#c158fb rgb(193,88,251)
```
#c86bfc
```
#c86bfc rgb(200,107,252)
```
#cf7ffc
```
#cf7ffc rgb(207,127,252)
```
#d692fd
```
#d692fd rgb(214,146,253)
```
#dea5fd
```
#dea5fd rgb(222,165,253)
```
#e5b8fd
```
#e5b8fd rgb(229,184,253)
```
#eccbfe
```
#eccbfe rgb(236,203,254)
```
#f3dffe
```
#f3dffe rgb(243,223,254)
```
#faf2ff
```
#faf2ff rgb(250,242,255)
```

Tint Color Variation

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

#a19da3
```
#a19da3 rgb(161,157,163)
```
#a395ab
```
#a395ab rgb(163,149,171)
```
#a58eb2
```
#a58eb2 rgb(165,142,178)
```
#a787b9
```
#a787b9 rgb(167,135,185)
```
#a97fc1
```
#a97fc1 rgb(169,127,193)
```
#ab78c8
```
#ab78c8 rgb(171,120,200)
```
#ad71cf
```
#ad71cf rgb(173,113,207)
```
#b06ad6
```
#b06ad6 rgb(176,106,214)
```
#b262de
```
#b262de rgb(178,98,222)
```
#b45be5
```
#b45be5 rgb(180,91,229)
```
#b654ec
```
#b654ec rgb(182,84,236)
```
#b84cf4
```
#b84cf4 rgb(184,76,244)
```
#ba45fb
```
#ba45fb rgb(186,69,251)
```

Tone Color Variation

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

#0f82ff Protanopia 1% of men
#0089e3 Deuteranopia 1% of men
#a67b84 Tritanopia 0.001% of the population

Trichromacy

#4d6cfd Protanomaly 1% of men, 0.01% of women
#4370ec Deuteranomaly 6% of men, 0.4% of women
#ad67af Tritanomaly 0.01% of the population

#ba45fb hex color

#ba45fb Color Information

#ba45fb Color Conversion

Color Schemes with #ba45fb

Alternatives to #ba45fb

#ba45fb Preview

Shades and Tints of #ba45fb

Tones of #ba45fb

Color Blindness Simulator