#ba80f9 hex color

In a RGB color space, hex #ba80f9 is composed of 72.9% red, 50.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 48.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 268.8 degrees, a saturation of 91% and a lightness of 73.9%. #ba80f9 color hex could be obtained by blending #ffffff with #7501f3. Closest websafe color is: #cc99ff.

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

● #ba80f9 color description : Soft violet.

The hexadecimal color #ba80f9 has RGB values of R:186, G:128, B:249 and CMYK values of C:0.25, M:0.49, Y:0, K:0.02. Its decimal value is 12222713.

Hex triplet	ba80f9	`#ba80f9`
RGB Decimal	186, 128, 249	`rgb(186,128,249)`
RGB Percent	72.9, 50.2, 97.6	`rgb(72.9%,50.2%,97.6%)`
CMYK	25, 49, 0, 2
HSL	268.8°, 91, 73.9	`hsl(268.8,91%,73.9%)`
HSV (or HSB)	268.8°, 48.6, 97.6
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	63.931, 45.353, -52.326
XYZ	45.065, 32.717, 93.558
xyY	0.263, 0.191, 32.717
CIE-LCH	63.931, 69.245, 310.917
CIE-LUV	63.931, 19.059, -89.514
Hunter-Lab	57.199, 40.535, -56.939
Binary	10111010, 10000000, 11111001

#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#bff980
```
#bff980 rgb(191,249,128)
```

Complementary Color

#8083f9
```
#8083f9 rgb(128,131,249)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#f780f9
```
#f780f9 rgb(247,128,249)
```

Analogous Color

#83f980
```
#83f980 rgb(131,249,128)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#f9f780
```
#f9f780 rgb(249,247,128)
```

Split Complementary Color

#80f9ba
```
#80f9ba rgb(128,249,186)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#f9ba80
```
#f9ba80 rgb(249,186,128)
```

Triadic Color

#80bff9
```
#80bff9 rgb(128,191,249)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#f9ba80
```
#f9ba80 rgb(249,186,128)
```
#bff980
```
#bff980 rgb(191,249,128)
```

Tetradic Color

#9237f6
```
#9237f6 rgb(146,55,246)
```
#a04ff7
```
#a04ff7 rgb(160,79,247)
```
#ad68f8
```
#ad68f8 rgb(173,104,248)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#c798fa
```
#c798fa rgb(199,152,250)
```
#d4b1fb
```
#d4b1fb rgb(212,177,251)
```
#e2c9fc
```
#e2c9fc rgb(226,201,252)
```

Monochromatic Color

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

#9c80f9
```
#9c80f9 rgb(156,128,249)
```
#a680f9
```
#a680f9 rgb(166,128,249)
```
#b080f9
```
#b080f9 rgb(176,128,249)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#c480f9
```
#c480f9 rgb(196,128,249)
```
#ce80f9
```
#ce80f9 rgb(206,128,249)
```
#d880f9
```
#d880f9 rgb(216,128,249)
```

Similar Colors

Text with hexadecimal color #ba80f9

This text has a font color of #ba80f9.

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

#ba80f9 background color

This paragraph has a background color of #ba80f9.

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

#ba80f9 border color

This element has a border color of #ba80f9.

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

CSS codes

.text {color:#ba80f9;}

.background {background-color:#ba80f9;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0c0117
```
#0c0117 rgb(12,1,23)
```
#15022a
```
#15022a rgb(21,2,42)
```
#1e033c
```
#1e033c rgb(30,3,60)
```
#28044f
```
#28044f rgb(40,4,79)
```
#310562
```
#310562 rgb(49,5,98)
```
#3b0674
```
#3b0674 rgb(59,6,116)
```
#440687
```
#440687 rgb(68,6,135)
```
#4e079a
```
#4e079a rgb(78,7,154)
```
#5708ad
```
#5708ad rgb(87,8,173)
```
#6009bf
```
#6009bf rgb(96,9,191)
```
#6a0ad2
```
#6a0ad2 rgb(106,10,210)
```
#730be5
```
#730be5 rgb(115,11,229)
```

Shade Color Variation

#7d10f4
```
#7d10f4 rgb(125,16,244)
```
#8722f5
```
#8722f5 rgb(135,34,245)
```
#9135f5
```
#9135f5 rgb(145,53,245)
```
#9b48f6
```
#9b48f6 rgb(155,72,246)
```
#a65bf7
```
#a65bf7 rgb(166,91,247)
```
#b06df8
```
#b06df8 rgb(176,109,248)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#c493fa
```
#c493fa rgb(196,147,250)
```
#cea5fb
```
#cea5fb rgb(206,165,251)
```
#d9b8fc
```
#d9b8fc rgb(217,184,252)
```
#e3cbfd
```
#e3cbfd rgb(227,203,253)
```
#eddefd
```
#eddefd rgb(237,222,253)
```
#f7f0fe
```
#f7f0fe rgb(247,240,254)
```

Tint Color Variation

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

#bcb8c1
```
#bcb8c1 rgb(188,184,193)
```
#bcb3c6
```
#bcb3c6 rgb(188,179,198)
```
#bcaecb
```
#bcaecb rgb(188,174,203)
```
#bca9d0
```
#bca9d0 rgb(188,169,208)
```
#bba4d5
```
#bba4d5 rgb(187,164,213)
```
#bb9fda
```
#bb9fda rgb(187,159,218)
```
#bb9adf
```
#bb9adf rgb(187,154,223)
```
#bb94e5
```
#bb94e5 rgb(187,148,229)
```
#bb8fea
```
#bb8fea rgb(187,143,234)
```
#ba8aef
```
#ba8aef rgb(186,138,239)
```
#ba85f4
```
#ba85f4 rgb(186,133,244)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a499b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#739dff Protanopia 1% of men
#71a0f0 Deuteranopia 1% of men
#ab9ba6 Tritanopia 0.001% of the population

Trichromacy

#8c92fc Protanomaly 1% of men, 0.01% of women
#8b94f3 Deuteranomaly 6% of men, 0.4% of women
#b091c4 Tritanomaly 0.01% of the population

#ba80f9 hex color

#ba80f9 Color Information

#ba80f9 Color Conversion

Color Schemes with #ba80f9

Alternatives to #ba80f9

#ba80f9 Preview

Shades and Tints of #ba80f9

Tones of #ba80f9

Color Blindness Simulator