#ba4bd8 hex color

In a RGB color space, hex #ba4bd8 is composed of 72.9% red, 29.4% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 65.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 287.2 degrees, a saturation of 64.4% and a lightness of 57.1%. #ba4bd8 color hex could be obtained by blending #ff96ff with #7500b1. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 29
- B 85
RGB color chart
- C 14
- M 65
- Y 0
- K 15
CMYK color chart

● #ba4bd8 color description : Moderate magenta.

The hexadecimal color #ba4bd8 has RGB values of R:186, G:75, B:216 and CMYK values of C:0.14, M:0.65, Y:0, K:0.15. Its decimal value is 12209112.

Hex triplet	ba4bd8	`#ba4bd8`
RGB Decimal	186, 75, 216	`rgb(186,75,216)`
RGB Percent	72.9, 29.4, 84.7	`rgb(72.9%,29.4%,84.7%)`
CMYK	14, 65, 0, 15
HSL	287.2°, 64.4, 57.1	`hsl(287.2,64.4%,57.1%)`
HSV (or HSB)	287.2°, 65.3, 84.7
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	52.321, 64.439, -52.363
XYZ	35.159, 20.431, 67.053
xyY	0.287, 0.167, 20.431
CIE-LCH	52.321, 83.032, 320.903
CIE-LUV	52.321, 41.67, -88.129
Hunter-Lab	45.2, 59.746, -56.315
Binary	10111010, 01001011, 11011000

#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#69d84b
```
#69d84b rgb(105,216,75)
```

Complementary Color

#744bd8
```
#744bd8 rgb(116,75,216)
```
#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#d84bb0
```
#d84bb0 rgb(216,75,176)
```

Analogous Color

#4bd874
```
#4bd874 rgb(75,216,116)
```
#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#b0d84b
```
#b0d84b rgb(176,216,75)
```

Split Complementary Color

#4bd8ba
```
#4bd8ba rgb(75,216,186)
```
#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#d8ba4b
```
#d8ba4b rgb(216,186,75)
```

Triadic Color

#4b69d8
```
#4b69d8 rgb(75,105,216)
```
#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#d8ba4b
```
#d8ba4b rgb(216,186,75)
```
#69d84b
```
#69d84b rgb(105,216,75)
```

Tetradic Color

#9326b0
```
#9326b0 rgb(147,38,176)
```
#a42bc5
```
#a42bc5 rgb(164,43,197)
```
#b236d3
```
#b236d3 rgb(178,54,211)
```
#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#c260dd
```
#c260dd rgb(194,96,221)
```
#ca75e1
```
#ca75e1 rgb(202,117,225)
```
#d28ae6
```
#d28ae6 rgb(210,138,230)
```

Monochromatic Color

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

#974bd8
```
#974bd8 rgb(151,75,216)
```
#a34bd8
```
#a34bd8 rgb(163,75,216)
```
#ae4bd8
```
#ae4bd8 rgb(174,75,216)
```
#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#c64bd8
```
#c64bd8 rgb(198,75,216)
```
#d24bd8
```
#d24bd8 rgb(210,75,216)
```
#d84bd3
```
#d84bd3 rgb(216,75,211)
```

Similar Colors

Text with hexadecimal color #ba4bd8

This text has a font color of #ba4bd8.

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

#ba4bd8 background color

This paragraph has a background color of #ba4bd8.

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

#ba4bd8 border color

This element has a border color of #ba4bd8.

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

CSS codes

.text {color:#ba4bd8;}

.background {background-color:#ba4bd8;}

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

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

#0b030d
```
#0b030d rgb(11,3,13)
```
#19061e
```
#19061e rgb(25,6,30)
```
#260a2e
```
#260a2e rgb(38,10,46)
```
#340d3e
```
#340d3e rgb(52,13,62)
```
#41114e
```
#41114e rgb(65,17,78)
```
#4e145e
```
#4e145e rgb(78,20,94)
```
#5c186e
```
#5c186e rgb(92,24,110)
```
#691b7e
```
#691b7e rgb(105,27,126)
```
#771f8e
```
#771f8e rgb(119,31,142)
```
#84229f
```
#84229f rgb(132,34,159)
```
#9226af
```
#9226af rgb(146,38,175)
```
#9f29bf
```
#9f29bf rgb(159,41,191)
```
#ac2dcf
```
#ac2dcf rgb(172,45,207)
```

Shade Color Variation

#b43bd5
```
#b43bd5 rgb(180,59,213)
```
#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#c05bdb
```
#c05bdb rgb(192,91,219)
```
#c66bdf
```
#c66bdf rgb(198,107,223)
```
#cd7be2
```
#cd7be2 rgb(205,123,226)
```
#d38be6
```
#d38be6 rgb(211,139,230)
```
#d99ce9
```
#d99ce9 rgb(217,156,233)
```
#dfaced
```
#dfaced rgb(223,172,237)
```
#e5bcf0
```
#e5bcf0 rgb(229,188,240)
```
#ebccf4
```
#ebccf4 rgb(235,204,244)
```
#f2dcf7
```
#f2dcf7 rgb(242,220,247)
```
#f8ecfb
```
#f8ecfb rgb(248,236,251)
```
#fefcfe
```
#fefcfe rgb(254,252,254)
```

Tint Color Variation

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

#938e95
```
#938e95 rgb(147,142,149)
```
#98869d
```
#98869d rgb(152,134,157)
```
#9d7ea5
```
#9d7ea5 rgb(157,126,165)
```
#a275ae
```
#a275ae rgb(162,117,174)
```
#a76db6
```
#a76db6 rgb(167,109,182)
```
#ab64bf
```
#ab64bf rgb(171,100,191)
```
#b05cc7
```
#b05cc7 rgb(176,92,199)
```
#b553d0
```
#b553d0 rgb(181,83,208)
```
#ba4bd8
```
#ba4bd8 rgb(186,75,216)
```
#bf43e0
```
#bf43e0 rgb(191,67,224)
```
#c43ae9
```
#c43ae9 rgb(196,58,233)
```
#c932f1
```
#c932f1 rgb(201,50,241)
```
#cd29fa
```
#cd29fa rgb(205,41,250)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#88728e Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ffa Protanopia 1% of men
#5384cb Deuteranopia 1% of men
#ae737b Tritanopia 0.001% of the population

Trichromacy

#436ced Protanomaly 1% of men, 0.01% of women
#796fd0 Deuteranomaly 6% of men, 0.4% of women
#b2649c Tritanomaly 0.01% of the population

#ba4bd8 hex color

#ba4bd8 Color Information

#ba4bd8 Color Conversion

Color Schemes with #ba4bd8

Alternatives to #ba4bd8

#ba4bd8 Preview

Shades and Tints of #ba4bd8

Tones of #ba4bd8

Color Blindness Simulator