#ba71f3 hex color

In a RGB color space, hex #ba71f3 is composed of 72.9% red, 44.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 53.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 273.7 degrees, a saturation of 84.4% and a lightness of 69.8%. #ba71f3 color hex could be obtained by blending #ffe2ff with #7500e7. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 44
- B 95
RGB color chart
- C 23
- M 53
- Y 0
- K 5
CMYK color chart

● #ba71f3 color description : Soft violet.

The hexadecimal color #ba71f3 has RGB values of R:186, G:113, B:243 and CMYK values of C:0.23, M:0.53, Y:0, K:0.05. Its decimal value is 12218867.

Hex triplet	ba71f3	`#ba71f3`
RGB Decimal	186, 113, 243	`rgb(186,113,243)`
RGB Percent	72.9, 44.3, 95.3	`rgb(72.9%,44.3%,95.3%)`
CMYK	23, 53, 0, 5
HSL	273.7°, 84.4, 69.8	`hsl(273.7,84.4%,69.8%)`
HSV (or HSB)	273.7°, 53.5, 95.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	60.535, 51.942, -54.412
XYZ	42.33, 28.721, 88.103
xyY	0.266, 0.18, 28.721
CIE-LCH	60.535, 75.224, 313.669
CIE-LUV	60.535, 24.994, -92.719
Hunter-Lab	53.592, 47.203, -59.955
Binary	10111010, 01110001, 11110011

#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#aaf371
```
#aaf371 rgb(170,243,113)
```

Complementary Color

#7971f3
```
#7971f3 rgb(121,113,243)
```
#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#f371eb
```
#f371eb rgb(243,113,235)
```

Analogous Color

#71f379
```
#71f379 rgb(113,243,121)
```
#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#ebf371
```
#ebf371 rgb(235,243,113)
```

Split Complementary Color

#71f3ba
```
#71f3ba rgb(113,243,186)
```
#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#f3ba71
```
#f3ba71 rgb(243,186,113)
```

Triadic Color

#71aaf3
```
#71aaf3 rgb(113,170,243)
```
#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#f3ba71
```
#f3ba71 rgb(243,186,113)
```
#aaf371
```
#aaf371 rgb(170,243,113)
```

Tetradic Color

#982aed
```
#982aed rgb(152,42,237)
```
#a342ef
```
#a342ef rgb(163,66,239)
```
#af59f1
```
#af59f1 rgb(175,89,241)
```
#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#c589f5
```
#c589f5 rgb(197,137,245)
```
#d1a0f7
```
#d1a0f7 rgb(209,160,247)
```
#dcb8f9
```
#dcb8f9 rgb(220,184,249)
```

Monochromatic Color

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

#9a71f3
```
#9a71f3 rgb(154,113,243)
```
#a471f3
```
#a471f3 rgb(164,113,243)
```
#af71f3
```
#af71f3 rgb(175,113,243)
```
#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#c571f3
```
#c571f3 rgb(197,113,243)
```
#d071f3
```
#d071f3 rgb(208,113,243)
```
#db71f3
```
#db71f3 rgb(219,113,243)
```

Similar Colors

Text with hexadecimal color #ba71f3

This text has a font color of #ba71f3.

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

#ba71f3 background color

This paragraph has a background color of #ba71f3.

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

#ba71f3 border color

This element has a border color of #ba71f3.

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

CSS codes

.text {color:#ba71f3;}

.background {background-color:#ba71f3;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0c0215
```
#0c0215 rgb(12,2,21)
```
#170327
```
#170327 rgb(23,3,39)
```
#220539
```
#220539 rgb(34,5,57)
```
#2d064b
```
#2d064b rgb(45,6,75)
```
#38085d
```
#38085d rgb(56,8,93)
```
#43096f
```
#43096f rgb(67,9,111)
```
#4d0b81
```
#4d0b81 rgb(77,11,129)
```
#580c93
```
#580c93 rgb(88,12,147)
```
#630ea5
```
#630ea5 rgb(99,14,165)
```
#6e10b8
```
#6e10b8 rgb(110,16,184)
```
#7911ca
```
#7911ca rgb(121,17,202)
```
#8413dc
```
#8413dc rgb(132,19,220)
```

Shade Color Variation

#8e17eb
```
#8e17eb rgb(142,23,235)
```
#9729ed
```
#9729ed rgb(151,41,237)
```
#a03bee
```
#a03bee rgb(160,59,238)
```
#a84df0
```
#a84df0 rgb(168,77,240)
```
#b15ff1
```
#b15ff1 rgb(177,95,241)
```
#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#c383f5
```
#c383f5 rgb(195,131,245)
```
#cc95f6
```
#cc95f6 rgb(204,149,246)
```
#d4a7f8
```
#d4a7f8 rgb(212,167,248)
```
#ddb9f9
```
#ddb9f9 rgb(221,185,249)
```
#e6cbfb
```
#e6cbfb rgb(230,203,251)
```
#efdefc
```
#efdefc rgb(239,222,252)
```
#f8f0fe
```
#f8f0fe rgb(248,240,254)
```

Tint Color Variation

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

#b3acb8
```
#b3acb8 rgb(179,172,184)
```
#b3a6be
```
#b3a6be rgb(179,166,190)
```
#b4a0c4
```
#b4a0c4 rgb(180,160,196)
```
#b59aca
```
#b59aca rgb(181,154,202)
```
#b695cf
```
#b695cf rgb(182,149,207)
```
#b68fd5
```
#b68fd5 rgb(182,143,213)
```
#b789db
```
#b789db rgb(183,137,219)
```
#b883e1
```
#b883e1 rgb(184,131,225)
```
#b97de7
```
#b97de7 rgb(185,125,231)
```
#b977ed
```
#b977ed rgb(185,119,237)
```
#ba71f3
```
#ba71f3 rgb(186,113,243)
```
#bb6bf9
```
#bb6bf9 rgb(187,107,249)
```
#bb65ff
```
#bb65ff rgb(187,101,255)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9d8fa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6094ff Protanopia 1% of men
#6398e8 Deuteranopia 1% of men
#ab909a Tritanopia 0.001% of the population

Trichromacy

#8087fa Protanomaly 1% of men, 0.01% of women
#8389ec Deuteranomaly 6% of men, 0.4% of women
#b085ba Tritanomaly 0.01% of the population

#ba71f3 hex color

#ba71f3 Color Information

#ba71f3 Color Conversion

Color Schemes with #ba71f3

Alternatives to #ba71f3

#ba71f3 Preview

Shades and Tints of #ba71f3

Tones of #ba71f3

Color Blindness Simulator