#ba4ed4 hex color

In a RGB color space, hex #ba4ed4 is composed of 72.9% red, 30.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 63.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 288.4 degrees, a saturation of 60.9% and a lightness of 56.9%. #ba4ed4 color hex could be obtained by blending #ff9cff with #7500a9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 31
- B 83
RGB color chart
- C 12
- M 63
- Y 0
- K 17
CMYK color chart

● #ba4ed4 color description : Moderate magenta.

The hexadecimal color #ba4ed4 has RGB values of R:186, G:78, B:212 and CMYK values of C:0.12, M:0.63, Y:0, K:0.17. Its decimal value is 12209876.

Hex triplet	ba4ed4	`#ba4ed4`
RGB Decimal	186, 78, 212	`rgb(186,78,212)`
RGB Percent	72.9, 30.6, 83.1	`rgb(72.9%,30.6%,83.1%)`
CMYK	12, 63, 0, 17
HSL	288.4°, 60.9, 56.9	`hsl(288.4,60.9%,56.9%)`
HSV (or HSB)	288.4°, 63.2, 83.1
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	52.556, 62.39, -49.71
XYZ	34.856, 20.643, 64.432
xyY	0.291, 0.172, 20.643
CIE-LCH	52.556, 79.772, 321.454
CIE-LUV	52.556, 41.96, -83.955
Hunter-Lab	45.434, 57.432, -52.277
Binary	10111010, 01001110, 11010100

#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#68d44e
```
#68d44e rgb(104,212,78)
```

Complementary Color

#774ed4
```
#774ed4 rgb(119,78,212)
```
#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#d44eab
```
#d44eab rgb(212,78,171)
```

Analogous Color

#4ed477
```
#4ed477 rgb(78,212,119)
```
#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#abd44e
```
#abd44e rgb(171,212,78)
```

Split Complementary Color

#4ed4ba
```
#4ed4ba rgb(78,212,186)
```
#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#d4ba4e
```
#d4ba4e rgb(212,186,78)
```

Triadic Color

#4e68d4
```
#4e68d4 rgb(78,104,212)
```
#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#d4ba4e
```
#d4ba4e rgb(212,186,78)
```
#68d44e
```
#68d44e rgb(104,212,78)
```

Tetradic Color

#932aac
```
#932aac rgb(147,42,172)
```
#a42fc0
```
#a42fc0 rgb(164,47,192)
```
#b239cf
```
#b239cf rgb(178,57,207)
```
#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#c263d9
```
#c263d9 rgb(194,99,217)
```
#ca77de
```
#ca77de rgb(202,119,222)
```
#d28ce3
```
#d28ce3 rgb(210,140,227)
```

Monochromatic Color

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

#994ed4
```
#994ed4 rgb(153,78,212)
```
#a44ed4
```
#a44ed4 rgb(164,78,212)
```
#af4ed4
```
#af4ed4 rgb(175,78,212)
```
#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#c54ed4
```
#c54ed4 rgb(197,78,212)
```
#d04ed4
```
#d04ed4 rgb(208,78,212)
```
#d44ecd
```
#d44ecd rgb(212,78,205)
```

Similar Colors

Text with hexadecimal color #ba4ed4

This text has a font color of #ba4ed4.

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

#ba4ed4 background color

This paragraph has a background color of #ba4ed4.

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

#ba4ed4 border color

This element has a border color of #ba4ed4.

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

CSS codes

.text {color:#ba4ed4;}

.background {background-color:#ba4ed4;}

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

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, #0b030c is the darkest color, while #fefcfe is the lightest one.

#0b030c
```
#0b030c rgb(11,3,12)
```
#18071c
```
#18071c rgb(24,7,28)
```
#250b2c
```
#250b2c rgb(37,11,44)
```
#330f3c
```
#330f3c rgb(51,15,60)
```
#40124c
```
#40124c rgb(64,18,76)
```
#4e165b
```
#4e165b rgb(78,22,91)
```
#5b1a6b
```
#5b1a6b rgb(91,26,107)
```
#691e7b
```
#691e7b rgb(105,30,123)
```
#76228b
```
#76228b rgb(118,34,139)
```
#84269a
```
#84269a rgb(132,38,154)
```
#9129aa
```
#9129aa rgb(145,41,170)
```
#9f2dba
```
#9f2dba rgb(159,45,186)
```
#ac31ca
```
#ac31ca rgb(172,49,202)
```

Shade Color Variation

#b43ed0
```
#b43ed0 rgb(180,62,208)
```
#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#c05ed8
```
#c05ed8 rgb(192,94,216)
```
#c66edc
```
#c66edc rgb(198,110,220)
```
#cc7de0
```
#cc7de0 rgb(204,125,224)
```
#d38de3
```
#d38de3 rgb(211,141,227)
```
#d99de7
```
#d99de7 rgb(217,157,231)
```
#dfadeb
```
#dfadeb rgb(223,173,235)
```
#e5bcef
```
#e5bcef rgb(229,188,239)
```
#ebccf3
```
#ebccf3 rgb(235,204,243)
```
#f1dcf7
```
#f1dcf7 rgb(241,220,247)
```
#f8ecfa
```
#f8ecfa rgb(248,236,250)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#968999
```
#968999 rgb(150,137,153)
```
#9b81a1
```
#9b81a1 rgb(155,129,161)
```
#a078aa
```
#a078aa rgb(160,120,170)
```
#a570b2
```
#a570b2 rgb(165,112,178)
```
#aa67bb
```
#aa67bb rgb(170,103,187)
```
#b05fc3
```
#b05fc3 rgb(176,95,195)
```
#b556cc
```
#b556cc rgb(181,86,204)
```
#ba4ed4
```
#ba4ed4 rgb(186,78,212)
```
#bf46dc
```
#bf46dc rgb(191,70,220)
```
#c43de5
```
#c43de5 rgb(196,61,229)
```
#ca35ed
```
#ca35ed rgb(202,53,237)
```
#cf2cf6
```
#cf2cf6 rgb(207,44,246)
```
#d424fe
```
#d424fe rgb(212,36,254)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8a748f Atypical Achromatopsia 0.001% of the population

Dichromacy

#2380f7 Protanopia 1% of men
#5a84c8 Deuteranopia 1% of men
#af737b Tritanopia 0.001% of the population

Trichromacy

#5a6dea Protanomaly 1% of men, 0.01% of women
#7d70cc Deuteranomaly 6% of men, 0.4% of women
#b3669b Tritanomaly 0.01% of the population

#ba4ed4 hex color

#ba4ed4 Color Information

#ba4ed4 Color Conversion

Color Schemes with #ba4ed4

Alternatives to #ba4ed4

#ba4ed4 Preview

Shades and Tints of #ba4ed4

Tones of #ba4ed4

Color Blindness Simulator