#ba5fff hex color

In a RGB color space, hex #ba5fff is composed of 72.9% red, 37.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 62.7% magenta, 0% yellow and 0% black. It has a hue angle of 274.1 degrees, a saturation of 100% and a lightness of 68.6%. #ba5fff color hex could be obtained by blending #ffbeff with #7500ff. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 37
- B 100
RGB color chart
- C 27
- M 63
- Y 0
- K 0
CMYK color chart

● #ba5fff color description : Light violet.

The hexadecimal color #ba5fff has RGB values of R:186, G:95, B:255 and CMYK values of C:0.27, M:0.63, Y:0, K:0. Its decimal value is 12214271.

Hex triplet	ba5fff	`#ba5fff`
RGB Decimal	186, 95, 255	`rgb(186,95,255)`
RGB Percent	72.9, 37.3, 100	`rgb(72.9%,37.3%,100%)`
CMYK	27, 63, 0, 0
HSL	274.1°, 100, 68.6	`hsl(274.1,100%,68.6%)`
HSV (or HSB)	274.1°, 62.7, 100
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	57.889, 63.524, -65.284
XYZ	42.389, 25.844, 97.358
xyY	0.256, 0.156, 25.844
CIE-LCH	57.889, 91.089, 314.217
CIE-LUV	57.889, 27.816, -110.049
Hunter-Lab	50.837, 59.872, -77.959
Binary	10111010, 01011111, 11111111

#ba5fff
```
#ba5fff rgb(186,95,255)
```
#a4ff5f
```
#a4ff5f rgb(164,255,95)
```

Complementary Color

#6a5fff
```
#6a5fff rgb(106,95,255)
```
#ba5fff
```
#ba5fff rgb(186,95,255)
```
#ff5ff4
```
#ff5ff4 rgb(255,95,244)
```

Analogous Color

#5fff6a
```
#5fff6a rgb(95,255,106)
```
#ba5fff
```
#ba5fff rgb(186,95,255)
```
#f4ff5f
```
#f4ff5f rgb(244,255,95)
```

Split Complementary Color

#5fffba
```
#5fffba rgb(95,255,186)
```
#ba5fff
```
#ba5fff rgb(186,95,255)
```
#ffba5f
```
#ffba5f rgb(255,186,95)
```

Triadic Color

#5fa4ff
```
#5fa4ff rgb(95,164,255)
```
#ba5fff
```
#ba5fff rgb(186,95,255)
```
#ffba5f
```
#ffba5f rgb(255,186,95)
```
#a4ff5f
```
#a4ff5f rgb(164,255,95)
```

Tetradic Color

#9913ff
```
#9913ff rgb(153,19,255)
```
#a42cff
```
#a42cff rgb(164,44,255)
```
#af46ff
```
#af46ff rgb(175,70,255)
```
#ba5fff
```
#ba5fff rgb(186,95,255)
```
#c579ff
```
#c579ff rgb(197,121,255)
```
#d092ff
```
#d092ff rgb(208,146,255)
```
#dbacff
```
#dbacff rgb(219,172,255)
```

Monochromatic Color

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

#925fff
```
#925fff rgb(146,95,255)
```
#9f5fff
```
#9f5fff rgb(159,95,255)
```
#ad5fff
```
#ad5fff rgb(173,95,255)
```
#ba5fff
```
#ba5fff rgb(186,95,255)
```
#c75fff
```
#c75fff rgb(199,95,255)
```
#d55fff
```
#d55fff rgb(213,95,255)
```
#e25fff
```
#e25fff rgb(226,95,255)
```

Similar Colors

Text with hexadecimal color #ba5fff

This text has a font color of #ba5fff.

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

#ba5fff background color

This paragraph has a background color of #ba5fff.

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

#ba5fff border color

This element has a border color of #ba5fff.

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

CSS codes

.text {color:#ba5fff;}

.background {background-color:#ba5fff;}

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

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

#090011
```
#090011 rgb(9,0,17)
```
#150024
```
#150024 rgb(21,0,36)
```
#200038
```
#200038 rgb(32,0,56)
```
#2b004b
```
#2b004b rgb(43,0,75)
```
#36005f
```
#36005f rgb(54,0,95)
```
#410073
```
#410073 rgb(65,0,115)
```
#4c0086
```
#4c0086 rgb(76,0,134)
```
#57009a
```
#57009a rgb(87,0,154)
```
#6300ad
```
#6300ad rgb(99,0,173)
```
#6e00c1
```
#6e00c1 rgb(110,0,193)
```
#7900d5
```
#7900d5 rgb(121,0,213)
```
#8400e8
```
#8400e8 rgb(132,0,232)
```
#8f00fc
```
#8f00fc rgb(143,0,252)
```

Shade Color Variation

#9811ff
```
#9811ff rgb(152,17,255)
```
#a124ff
```
#a124ff rgb(161,36,255)
```
#a938ff
```
#a938ff rgb(169,56,255)
```
#b24bff
```
#b24bff rgb(178,75,255)
```
#ba5fff
```
#ba5fff rgb(186,95,255)
```
#c273ff
```
#c273ff rgb(194,115,255)
```
#cb86ff
```
#cb86ff rgb(203,134,255)
```
#d39aff
```
#d39aff rgb(211,154,255)
```
#dcadff
```
#dcadff rgb(220,173,255)
```
#e4c1ff
```
#e4c1ff rgb(228,193,255)
```
#edd5ff
```
#edd5ff rgb(237,213,255)
```
#f5e8ff
```
#f5e8ff rgb(245,232,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#b0a9b5
```
#b0a9b5 rgb(176,169,181)
```
#b1a3bb
```
#b1a3bb rgb(177,163,187)
```
#b29dc1
```
#b29dc1 rgb(178,157,193)
```
#b296c8
```
#b296c8 rgb(178,150,200)
```
#b390ce
```
#b390ce rgb(179,144,206)
```
#b48ad4
```
#b48ad4 rgb(180,138,212)
```
#b584da
```
#b584da rgb(181,132,218)
```
#b67ee0
```
#b67ee0 rgb(182,126,224)
```
#b778e6
```
#b778e6 rgb(183,120,230)
```
#b771ed
```
#b771ed rgb(183,113,237)
```
#b86bf3
```
#b86bf3 rgb(184,107,243)
```
#b965f9
```
#b965f9 rgb(185,101,249)
```
#ba5fff
```
#ba5fff rgb(186,95,255)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#9583a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c8dff Protanopia 1% of men
#3792f0 Deuteranopia 1% of men
#a78993 Tritanopia 0.001% of the population

Trichromacy

#747cff Protanomaly 1% of men, 0.01% of women
#6780f5 Deuteranomaly 6% of men, 0.4% of women
#ad79ba Tritanomaly 0.01% of the population

#ba5fff hex color

#ba5fff Color Information

#ba5fff Color Conversion

Color Schemes with #ba5fff

Alternatives to #ba5fff

#ba5fff Preview

Shades and Tints of #ba5fff

Tones of #ba5fff

Color Blindness Simulator