#ba15f7 hex color

In a RGB color space, hex #ba15f7 is composed of 72.9% red, 8.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 91.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 283.8 degrees, a saturation of 93.4% and a lightness of 52.5%. #ba15f7 color hex could be obtained by blending #ff2aff with #7500ef. Closest websafe color is: #cc00ff.

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

● #ba15f7 color description : Vivid violet.

The hexadecimal color #ba15f7 has RGB values of R:186, G:21, B:247 and CMYK values of C:0.25, M:0.91, Y:0, K:0.03. Its decimal value is 12195319.

Hex triplet	ba15f7	`#ba15f7`
RGB Decimal	186, 21, 247	`rgb(186,21,247)`
RGB Percent	72.9, 8.2, 96.9	`rgb(72.9%,8.2%,96.9%)`
CMYK	25, 91, 0, 3
HSL	283.8°, 93.4, 52.5	`hsl(283.8,93.4%,52.5%)`
HSV (or HSB)	283.8°, 91.5, 96.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.121, 85.388, -75.03
XYZ	37.304, 17.692, 89.44
xyY	0.258, 0.122, 17.692
CIE-LCH	49.121, 113.669, 318.694
CIE-LUV	49.121, 40.537, -120.995
Hunter-Lab	42.062, 84.7, -96.63
Binary	10111010, 00010101, 11110111

#ba15f7
```
#ba15f7 rgb(186,21,247)
```
#52f715
```
#52f715 rgb(82,247,21)
```

Complementary Color

#4915f7
```
#4915f7 rgb(73,21,247)
```
#ba15f7
```
#ba15f7 rgb(186,21,247)
```
#f715c3
```
#f715c3 rgb(247,21,195)
```

Analogous Color

#15f749
```
#15f749 rgb(21,247,73)
```
#ba15f7
```
#ba15f7 rgb(186,21,247)
```
#c3f715
```
#c3f715 rgb(195,247,21)
```

Split Complementary Color

#15f7ba
```
#15f7ba rgb(21,247,186)
```
#ba15f7
```
#ba15f7 rgb(186,21,247)
```
#f7ba15
```
#f7ba15 rgb(247,186,21)
```

Triadic Color

#1552f7
```
#1552f7 rgb(21,82,247)
```
#ba15f7
```
#ba15f7 rgb(186,21,247)
```
#f7ba15
```
#f7ba15 rgb(247,186,21)
```
#52f715
```
#52f715 rgb(82,247,21)
```

Tetradic Color

#8906b9
```
#8906b9 rgb(137,6,185)
```
#9b07d2
```
#9b07d2 rgb(155,7,210)
```
#ad08ea
```
#ad08ea rgb(173,8,234)
```
#ba15f7
```
#ba15f7 rgb(186,21,247)
```
#c12ef8
```
#c12ef8 rgb(193,46,248)
```
#c946f9
```
#c946f9 rgb(201,70,249)
```
#d05ffa
```
#d05ffa rgb(208,95,250)
```

Monochromatic Color

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

#8215f7
```
#8215f7 rgb(130,21,247)
```
#9415f7
```
#9415f7 rgb(148,21,247)
```
#a715f7
```
#a715f7 rgb(167,21,247)
```
#ba15f7
```
#ba15f7 rgb(186,21,247)
```
#cd15f7
```
#cd15f7 rgb(205,21,247)
```
#e015f7
```
#e015f7 rgb(224,21,247)
```
#f315f7
```
#f315f7 rgb(243,21,247)
```

Similar Colors

Text with hexadecimal color #ba15f7

This text has a font color of #ba15f7.

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

#ba15f7 background color

This paragraph has a background color of #ba15f7.

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

#ba15f7 border color

This element has a border color of #ba15f7.

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

CSS codes

.text {color:#ba15f7;}

.background {background-color:#ba15f7;}

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

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, #09000d is the darkest color, while #fdf9ff is the lightest one.

#09000d
```
#09000d rgb(9,0,13)
```
#170120
```
#170120 rgb(23,1,32)
```
#250233
```
#250233 rgb(37,2,51)
```
#330245
```
#330245 rgb(51,2,69)
```
#410358
```
#410358 rgb(65,3,88)
```
#4f046b
```
#4f046b rgb(79,4,107)
```
#5d047e
```
#5d047e rgb(93,4,126)
```
#6b0591
```
#6b0591 rgb(107,5,145)
```
#7906a4
```
#7906a4 rgb(121,6,164)
```
#8706b7
```
#8706b7 rgb(135,6,183)
```
#9607ca
```
#9607ca rgb(150,7,202)
```
#a408dd
```
#a408dd rgb(164,8,221)
```
#b208f0
```
#b208f0 rgb(178,8,240)
```

Shade Color Variation

#ba15f7
```
#ba15f7 rgb(186,21,247)
```
#c028f8
```
#c028f8 rgb(192,40,248)
```
#c53bf8
```
#c53bf8 rgb(197,59,248)
```
#cb4ef9
```
#cb4ef9 rgb(203,78,249)
```
#d061fa
```
#d061fa rgb(208,97,250)
```
#d674fa
```
#d674fa rgb(214,116,250)
```
#dc87fb
```
#dc87fb rgb(220,135,251)
```
#e19afc
```
#e19afc rgb(225,154,252)
```
#e7adfc
```
#e7adfc rgb(231,173,252)
```
#ecc0fd
```
#ecc0fd rgb(236,192,253)
```
#f2d3fd
```
#f2d3fd rgb(242,211,253)
```
#f8e6fe
```
#f8e6fe rgb(248,230,254)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#878587
```
#878587 rgb(135,133,135)
```
#8b7b91
```
#8b7b91 rgb(139,123,145)
```
#8f729a
```
#8f729a rgb(143,114,154)
```
#9369a3
```
#9369a3 rgb(147,105,163)
```
#985fad
```
#985fad rgb(152,95,173)
```
#9c56b6
```
#9c56b6 rgb(156,86,182)
```
#a04dbf
```
#a04dbf rgb(160,77,191)
```
#a544c8
```
#a544c8 rgb(165,68,200)
```
#a93ad2
```
#a93ad2 rgb(169,58,210)
```
#ad31db
```
#ad31db rgb(173,49,219)
```
#b128e4
```
#b128e4 rgb(177,40,228)
```
#b61eee
```
#b61eee rgb(182,30,238)
```
#ba15f7
```
#ba15f7 rgb(186,21,247)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#72517e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ecf Deuteranopia 1% of men
#a56b73 Tritanopia 0.001% of the population

Trichromacy

#4354ee Protanomaly 1% of men, 0.01% of women
#4358dd Deuteranomaly 6% of men, 0.4% of women
#ac4ca3 Tritanomaly 0.01% of the population

#ba15f7 hex color

#ba15f7 Color Information

#ba15f7 Color Conversion

Color Schemes with #ba15f7

Alternatives to #ba15f7

#ba15f7 Preview

Shades and Tints of #ba15f7

Tones of #ba15f7

Color Blindness Simulator