#ba3fdd hex color

In a RGB color space, hex #ba3fdd is composed of 72.9% red, 24.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 71.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 286.7 degrees, a saturation of 69.9% and a lightness of 55.7%. #ba3fdd color hex could be obtained by blending #ff7eff with #7500bb. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 25
- B 87
RGB color chart
- C 16
- M 71
- Y 0
- K 13
CMYK color chart

● #ba3fdd color description : Bright magenta.

The hexadecimal color #ba3fdd has RGB values of R:186, G:63, B:221 and CMYK values of C:0.16, M:0.71, Y:0, K:0.13. Its decimal value is 12206045.

Hex triplet	ba3fdd	`#ba3fdd`
RGB Decimal	186, 63, 221	`rgb(186,63,221)`
RGB Percent	72.9, 24.7, 86.7	`rgb(72.9%,24.7%,86.7%)`
CMYK	16, 71, 0, 13
HSL	286.7°, 69.9, 55.7	`hsl(286.7,69.9%,55.7%)`
HSV (or HSB)	286.7°, 71.5, 86.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	50.939, 70.114, -57.419
XYZ	35.077, 19.216, 70.264
xyY	0.282, 0.154, 19.216
CIE-LCH	50.939, 90.625, 320.685
CIE-LUV	50.939, 42.947, -95.713
Hunter-Lab	43.836, 66.119, -64.349
Binary	10111010, 00111111, 11011101

#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#62dd3f
```
#62dd3f rgb(98,221,63)
```

Complementary Color

#6b3fdd
```
#6b3fdd rgb(107,63,221)
```
#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#dd3fb1
```
#dd3fb1 rgb(221,63,177)
```

Analogous Color

#3fdd6b
```
#3fdd6b rgb(63,221,107)
```
#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#b1dd3f
```
#b1dd3f rgb(177,221,63)
```

Split Complementary Color

#3fddba
```
#3fddba rgb(63,221,186)
```
#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#ddba3f
```
#ddba3f rgb(221,186,63)
```

Triadic Color

#3f62dd
```
#3f62dd rgb(63,98,221)
```
#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#ddba3f
```
#ddba3f rgb(221,186,63)
```
#62dd3f
```
#62dd3f rgb(98,221,63)
```

Tetradic Color

#901fb0
```
#901fb0 rgb(144,31,176)
```
#a223c6
```
#a223c6 rgb(162,35,198)
```
#b229d9
```
#b229d9 rgb(178,41,217)
```
#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#c255e1
```
#c255e1 rgb(194,85,225)
```
#ca6ae5
```
#ca6ae5 rgb(202,106,229)
```
#d180e9
```
#d180e9 rgb(209,128,233)
```

Monochromatic Color

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

#933fdd
```
#933fdd rgb(147,63,221)
```
#a03fdd
```
#a03fdd rgb(160,63,221)
```
#ad3fdd
```
#ad3fdd rgb(173,63,221)
```
#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#c73fdd
```
#c73fdd rgb(199,63,221)
```
#d43fdd
```
#d43fdd rgb(212,63,221)
```
#dd3fd9
```
#dd3fd9 rgb(221,63,217)
```

Similar Colors

Text with hexadecimal color #ba3fdd

This text has a font color of #ba3fdd.

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

#ba3fdd background color

This paragraph has a background color of #ba3fdd.

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

#ba3fdd border color

This element has a border color of #ba3fdd.

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

CSS codes

.text {color:#ba3fdd;}

.background {background-color:#ba3fdd;}

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

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

#070108
```
#070108 rgb(7,1,8)
```
#140419
```
#140419 rgb(20,4,25)
```
#220729
```
#220729 rgb(34,7,41)
```
#2f0a3a
```
#2f0a3a rgb(47,10,58)
```
#3d0d4b
```
#3d0d4b rgb(61,13,75)
```
#4b105b
```
#4b105b rgb(75,16,91)
```
#58136c
```
#58136c rgb(88,19,108)
```
#66167d
```
#66167d rgb(102,22,125)
```
#74198d
```
#74198d rgb(116,25,141)
```
#811c9e
```
#811c9e rgb(129,28,158)
```
#8f1faf
```
#8f1faf rgb(143,31,175)
```
#9c22bf
```
#9c22bf rgb(156,34,191)
```
#aa25d0
```
#aa25d0 rgb(170,37,208)
```

Shade Color Variation

#b42eda
```
#b42eda rgb(180,46,218)
```
#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#c050e0
```
#c050e0 rgb(192,80,224)
```
#c660e3
```
#c660e3 rgb(198,96,227)
```
#cc71e6
```
#cc71e6 rgb(204,113,230)
```
#d282e9
```
#d282e9 rgb(210,130,233)
```
#d892ec
```
#d892ec rgb(216,146,236)
```
#dea3ef
```
#dea3ef rgb(222,163,239)
```
#e4b4f2
```
#e4b4f2 rgb(228,180,242)
```
#eac4f5
```
#eac4f5 rgb(234,196,245)
```
#f0d5f8
```
#f0d5f8 rgb(240,213,248)
```
#f6e6fb
```
#f6e6fb rgb(246,230,251)
```
#fcf6fd
```
#fcf6fd rgb(252,246,253)
```

Tint Color Variation

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

#8e8d8f
```
#8e8d8f rgb(142,141,143)
```
#938597
```
#938597 rgb(147,133,151)
```
#987ca0
```
#987ca0 rgb(152,124,160)
```
#9d73a9
```
#9d73a9 rgb(157,115,169)
```
#a26ab2
```
#a26ab2 rgb(162,106,178)
```
#a762ba
```
#a762ba rgb(167,98,186)
```
#ab59c3
```
#ab59c3 rgb(171,89,195)
```
#b050cc
```
#b050cc rgb(176,80,204)
```
#b548d4
```
#b548d4 rgb(181,72,212)
```
#ba3fdd
```
#ba3fdd rgb(186,63,221)
```
#bf36e6
```
#bf36e6 rgb(191,54,230)
```
#c42eee
```
#c42eee rgb(196,46,238)
```
#c925f7
```
#c925f7 rgb(201,37,247)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#846b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#4281ce Deuteranopia 1% of men
#ac6f76 Tritanopia 0.001% of the population

Trichromacy

#4366eb Protanomaly 1% of men, 0.01% of women
#6d69d3 Deuteranomaly 6% of men, 0.4% of women
#b15d9b Tritanomaly 0.01% of the population

#ba3fdd hex color

#ba3fdd Color Information

#ba3fdd Color Conversion

Color Schemes with #ba3fdd

Alternatives to #ba3fdd

#ba3fdd Preview

Shades and Tints of #ba3fdd

Tones of #ba3fdd

Color Blindness Simulator