#ba64d4 hex color

In a RGB color space, hex #ba64d4 is composed of 72.9% red, 39.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 52.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 286.1 degrees, a saturation of 56.6% and a lightness of 61.2%. #ba64d4 color hex could be obtained by blending #ffc8ff with #7500a9. Closest websafe color is: #cc66cc.

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

● #ba64d4 color description : Moderate magenta.

The hexadecimal color #ba64d4 has RGB values of R:186, G:100, B:212 and CMYK values of C:0.12, M:0.53, Y:0, K:0.17. Its decimal value is 12215508.

Hex triplet	ba64d4	`#ba64d4`
RGB Decimal	186, 100, 212	`rgb(186,100,212)`
RGB Percent	72.9, 39.2, 83.1	`rgb(72.9%,39.2%,83.1%)`
CMYK	12, 53, 0, 17
HSL	286.1°, 56.6, 61.2	`hsl(286.1,56.6%,61.2%)`
HSV (or HSB)	286.1°, 52.8, 83.1
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.395, 52.009, -43.62
XYZ	36.689, 24.308, 65.043
xyY	0.291, 0.193, 24.308
CIE-LCH	56.395, 67.88, 320.013
CIE-LUV	56.395, 35.347, -74.441
Hunter-Lab	49.303, 46.55, -43.706
Binary	10111010, 01100100, 11010100

#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#7ed464
```
#7ed464 rgb(126,212,100)
```

Complementary Color

#8264d4
```
#8264d4 rgb(130,100,212)
```
#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#d464b6
```
#d464b6 rgb(212,100,182)
```

Analogous Color

#64d482
```
#64d482 rgb(100,212,130)
```
#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#b6d464
```
#b6d464 rgb(182,212,100)
```

Split Complementary Color

#64d4ba
```
#64d4ba rgb(100,212,186)
```
#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#d4ba64
```
#d4ba64 rgb(212,186,100)
```

Triadic Color

#647ed4
```
#647ed4 rgb(100,126,212)
```
#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#d4ba64
```
#d4ba64 rgb(212,186,100)
```
#7ed464
```
#7ed464 rgb(126,212,100)
```

Tetradic Color

#9933b8
```
#9933b8 rgb(153,51,184)
```
#a83cc9
```
#a83cc9 rgb(168,60,201)
```
#b150ce
```
#b150ce rgb(177,80,206)
```
#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#c378da
```
#c378da rgb(195,120,218)
```
#cc8cdf
```
#cc8cdf rgb(204,140,223)
```
#d5a0e5
```
#d5a0e5 rgb(213,160,229)
```

Monochromatic Color

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

#9e64d4
```
#9e64d4 rgb(158,100,212)
```
#a764d4
```
#a764d4 rgb(167,100,212)
```
#b164d4
```
#b164d4 rgb(177,100,212)
```
#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#c364d4
```
#c364d4 rgb(195,100,212)
```
#cd64d4
```
#cd64d4 rgb(205,100,212)
```
#d464d2
```
#d464d2 rgb(212,100,210)
```

Similar Colors

Text with hexadecimal color #ba64d4

This text has a font color of #ba64d4.

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

#ba64d4 background color

This paragraph has a background color of #ba64d4.

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

#ba64d4 border color

This element has a border color of #ba64d4.

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

CSS codes

.text {color:#ba64d4;}

.background {background-color:#ba64d4;}

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

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

#0c040e
```
#0c040e rgb(12,4,14)
```
#18081d
```
#18081d rgb(24,8,29)
```
#250c2d
```
#250c2d rgb(37,12,45)
```
#32113c
```
#32113c rgb(50,17,60)
```
#3f154b
```
#3f154b rgb(63,21,75)
```
#4b195b
```
#4b195b rgb(75,25,91)
```
#581d6a
```
#581d6a rgb(88,29,106)
```
#652279
```
#652279 rgb(101,34,121)
```
#722689
```
#722689 rgb(114,38,137)
```
#7f2a98
```
#7f2a98 rgb(127,42,152)
```
#8b2ea7
```
#8b2ea7 rgb(139,46,167)
```
#9833b7
```
#9833b7 rgb(152,51,183)
```
#a537c6
```
#a537c6 rgb(165,55,198)
```

Shade Color Variation

#ac45cb
```
#ac45cb rgb(172,69,203)
```
#b355d0
```
#b355d0 rgb(179,85,208)
```
#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#c173d8
```
#c173d8 rgb(193,115,216)
```
#c883dd
```
#c883dd rgb(200,131,221)
```
#cf92e1
```
#cf92e1 rgb(207,146,225)
```
#d5a1e5
```
#d5a1e5 rgb(213,161,229)
```
#dcb1e9
```
#dcb1e9 rgb(220,177,233)
```
#e3c0ee
```
#e3c0ee rgb(227,192,238)
```
#eacff2
```
#eacff2 rgb(234,207,242)
```
#f1dff6
```
#f1dff6 rgb(241,223,246)
```
#f8eefa
```
#f8eefa rgb(248,238,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9d999f
```
#9d999f rgb(157,153,159)
```
#a292a6
```
#a292a6 rgb(162,146,166)
```
#a68aae
```
#a68aae rgb(166,138,174)
```
#aa82b6
```
#aa82b6 rgb(170,130,182)
```
#ae7bbd
```
#ae7bbd rgb(174,123,189)
```
#b273c5
```
#b273c5 rgb(178,115,197)
```
#b66ccc
```
#b66ccc rgb(182,108,204)
```
#ba64d4
```
#ba64d4 rgb(186,100,212)
```
#be5cdc
```
#be5cdc rgb(190,92,220)
```
#c255e3
```
#c255e3 rgb(194,85,227)
```
#c64deb
```
#c64deb rgb(198,77,235)
```
#ca46f2
```
#ca46f2 rgb(202,70,242)
```
#ce3efa
```
#ce3efa rgb(206,62,250)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#948299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a8aed Protanopia 1% of men
#6e8ccb Deuteranopia 1% of men
#b08089 Tritanopia 0.001% of the population

Trichromacy

#7d7ce4 Protanomaly 1% of men, 0.01% of women
#8a7ece Deuteranomaly 6% of men, 0.4% of women
#b476a4 Tritanomaly 0.01% of the population

#ba64d4 hex color

#ba64d4 Color Information

#ba64d4 Color Conversion

Color Schemes with #ba64d4

Alternatives to #ba64d4

#ba64d4 Preview

Shades and Tints of #ba64d4

Tones of #ba64d4

Color Blindness Simulator