#ba1ff8 hex color

In a RGB color space, hex #ba1ff8 is composed of 72.9% red, 12.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 87.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 282.9 degrees, a saturation of 93.9% and a lightness of 54.7%. #ba1ff8 color hex could be obtained by blending #ff3eff with #7500f1. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 73
- G 12
- B 97
RGB color chart
- C 25
- M 88
- Y 0
- K 3
CMYK color chart

● #ba1ff8 color description : Vivid violet.

The hexadecimal color #ba1ff8 has RGB values of R:186, G:31, B:248 and CMYK values of C:0.25, M:0.88, Y:0, K:0.03. Its decimal value is 12197880.

Hex triplet	ba1ff8	`#ba1ff8`
RGB Decimal	186, 31, 248	`rgb(186,31,248)`
RGB Percent	72.9, 12.2, 97.3	`rgb(72.9%,12.2%,97.3%)`
CMYK	25, 88, 0, 3
HSL	282.9°, 93.9, 54.7	`hsl(282.9,93.9%,54.7%)`
HSV (or HSB)	282.9°, 87.5, 97.3
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	49.735, 83.967, -74.589
XYZ	37.681, 18.198, 90.329
xyY	0.258, 0.124, 18.198
CIE-LCH	49.735, 112.312, 318.385
CIE-LUV	49.735, 39.632, -120.745
Hunter-Lab	42.659, 83.017, -95.685
Binary	10111010, 00011111, 11111000

#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```
#5df81f
```
#5df81f rgb(93,248,31)
```

Complementary Color

#4d1ff8
```
#4d1ff8 rgb(77,31,248)
```
#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```
#f81fca
```
#f81fca rgb(248,31,202)
```

Analogous Color

#1ff84d
```
#1ff84d rgb(31,248,77)
```
#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```
#caf81f
```
#caf81f rgb(202,248,31)
```

Split Complementary Color

#1ff8ba
```
#1ff8ba rgb(31,248,186)
```
#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```
#f8ba1f
```
#f8ba1f rgb(248,186,31)
```

Triadic Color

#1f5df8
```
#1f5df8 rgb(31,93,248)
```
#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```
#f8ba1f
```
#f8ba1f rgb(248,186,31)
```
#5df81f
```
#5df81f rgb(93,248,31)
```

Tetradic Color

#8e06c4
```
#8e06c4 rgb(142,6,196)
```
#a007dd
```
#a007dd rgb(160,7,221)
```
#b208f6
```
#b208f6 rgb(178,8,246)
```
#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```
#c238f9
```
#c238f9 rgb(194,56,249)
```
#c950fa
```
#c950fa rgb(201,80,250)
```
#d169fa
```
#d169fa rgb(209,105,250)
```

Monochromatic Color

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

#841ff8
```
#841ff8 rgb(132,31,248)
```
#961ff8
```
#961ff8 rgb(150,31,248)
```
#a81ff8
```
#a81ff8 rgb(168,31,248)
```
#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```
#cc1ff8
```
#cc1ff8 rgb(204,31,248)
```
#de1ff8
```
#de1ff8 rgb(222,31,248)
```
#f01ff8
```
#f01ff8 rgb(240,31,248)
```

Similar Colors

Text with hexadecimal color #ba1ff8

This text has a font color of #ba1ff8.

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

#ba1ff8 background color

This paragraph has a background color of #ba1ff8.

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

#ba1ff8 border color

This element has a border color of #ba1ff8.

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

CSS codes

.text {color:#ba1ff8;}

.background {background-color:#ba1ff8;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#110117
```
#110117 rgb(17,1,23)
```
#1f012a
```
#1f012a rgb(31,1,42)
```
#2c023d
```
#2c023d rgb(44,2,61)
```
#3a0350
```
#3a0350 rgb(58,3,80)
```
#480363
```
#480363 rgb(72,3,99)
```
#560476
```
#560476 rgb(86,4,118)
```
#630489
```
#630489 rgb(99,4,137)
```
#71059c
```
#71059c rgb(113,5,156)
```
#7f05af
```
#7f05af rgb(127,5,175)
```
#8d06c2
```
#8d06c2 rgb(141,6,194)
```
#9a07d5
```
#9a07d5 rgb(154,7,213)
```
#a807e9
```
#a807e9 rgb(168,7,233)
```

Shade Color Variation

#b40cf7
```
#b40cf7 rgb(180,12,247)
```
#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```
#c032f9
```
#c032f9 rgb(192,50,249)
```
#c645f9
```
#c645f9 rgb(198,69,249)
```
#cc58fa
```
#cc58fa rgb(204,88,250)
```
#d16bfa
```
#d16bfa rgb(209,107,250)
```
#d77efb
```
#d77efb rgb(215,126,251)
```
#dd91fc
```
#dd91fc rgb(221,145,252)
```
#e3a4fc
```
#e3a4fc rgb(227,164,252)
```
#e9b7fd
```
#e9b7fd rgb(233,183,253)
```
#efcafd
```
#efcafd rgb(239,202,253)
```
#f5ddfe
```
#f5ddfe rgb(245,221,254)
```
#faf0ff
```
#faf0ff rgb(250,240,255)
```

Tint Color Variation

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

#8c8a8d
```
#8c8a8d rgb(140,138,141)
```
#908196
```
#908196 rgb(144,129,150)
```
#94789f
```
#94789f rgb(148,120,159)
```
#986fa8
```
#986fa8 rgb(152,111,168)
```
#9c66b1
```
#9c66b1 rgb(156,102,177)
```
#9f5dba
```
#9f5dba rgb(159,93,186)
```
#a354c3
```
#a354c3 rgb(163,84,195)
```
#a74bcc
```
#a74bcc rgb(167,75,204)
```
#ab43d4
```
#ab43d4 rgb(171,67,212)
```
#af3add
```
#af3add rgb(175,58,221)
```
#b231e6
```
#b231e6 rgb(178,49,230)
```
#b628ef
```
#b628ef rgb(182,40,239)
```
#ba1ff8
```
#ba1ff8 rgb(186,31,248)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#775883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#a56e75 Tritanopia 0.001% of the population

Trichromacy

#4358f0 Protanomaly 1% of men, 0.01% of women
#435cdf Deuteranomaly 6% of men, 0.4% of women
#ac51a5 Tritanomaly 0.01% of the population

#ba1ff8 hex color

#ba1ff8 Color Information

#ba1ff8 Color Conversion

Color Schemes with #ba1ff8

Alternatives to #ba1ff8

#ba1ff8 Preview

Shades and Tints of #ba1ff8

Tones of #ba1ff8

Color Blindness Simulator