colorhexa.com

#ba24de hex color

In a RGB color space, hex #ba24de is composed of 72.9% red, 14.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 83.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 288.4 degrees, a saturation of 73.8% and a lightness of 50.6%. #ba24de color hex could be obtained by blending #ff48ff with #7500bd. Closest websafe color is: #cc33cc.

- R 73
- G 14
- B 87
RGB color chart
- C 16
- M 84
- Y 0
- K 13
CMYK color chart

● #ba24de color description : Bright magenta.

The hexadecimal color #ba24de has RGB values of R:186, G:36, B:222 and CMYK values of C:0.16, M:0.84, Y:0, K:0.13. Its decimal value is 12199134.

Hex triplet	ba24de	`#ba24de`
RGB Decimal	186, 36, 222	`rgb(186,36,222)`
RGB Percent	72.9, 14.1, 87.1	`rgb(72.9%,14.1%,87.1%)`
CMYK	16, 84, 0, 13
HSL	288.4°, 73.8, 50.6	`hsl(288.4,73.8%,50.6%)`
HSV (or HSB)	288.4°, 83.8, 87.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.23, 78.304, -62.352
XYZ	34.064, 16.976, 70.586
xyY	0.28, 0.14, 16.976
CIE-LCH	48.23, 100.096, 321.47
CIE-LUV	48.23, 46.659, -102.229
Hunter-Lab	41.202, 75.47, -72.731
Binary	10111010, 00100100, 11011110

#ba24de
```
#ba24de rgb(186,36,222)
```
#48de24
```
#48de24 rgb(72,222,36)
```

Complementary Color

#5d24de
```
#5d24de rgb(93,36,222)
```
#ba24de
```
#ba24de rgb(186,36,222)
```
#de24a5
```
#de24a5 rgb(222,36,165)
```

Analogous Color

#24de5d
```
#24de5d rgb(36,222,93)
```
#ba24de
```
#ba24de rgb(186,36,222)
```
#a5de24
```
#a5de24 rgb(165,222,36)
```

Split Complementary Color

#24deba
```
#24deba rgb(36,222,186)
```
#ba24de
```
#ba24de rgb(186,36,222)
```
#deba24
```
#deba24 rgb(222,186,36)
```

Triadic Color

#2448de
```
#2448de rgb(36,72,222)
```
#ba24de
```
#ba24de rgb(186,36,222)
```
#deba24
```
#deba24 rgb(222,186,36)
```
#48de24
```
#48de24 rgb(72,222,36)
```

Tetradic Color

#84189e
```
#84189e rgb(132,24,158)
```
#961bb4
```
#961bb4 rgb(150,27,180)
```
#a91eca
```
#a91eca rgb(169,30,202)
```
#ba24de
```
#ba24de rgb(186,36,222)
```
#c13ae1
```
#c13ae1 rgb(193,58,225)
```
#c850e5
```
#c850e5 rgb(200,80,229)
```
#cf66e8
```
#cf66e8 rgb(207,102,232)
```

Monochromatic Color

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

#8c24de
```
#8c24de rgb(140,36,222)
```
#9b24de
```
#9b24de rgb(155,36,222)
```
#ab24de
```
#ab24de rgb(171,36,222)
```
#ba24de
```
#ba24de rgb(186,36,222)
```
#ca24de
```
#ca24de rgb(202,36,222)
```
#d924de
```
#d924de rgb(217,36,222)
```
#de24d4
```
#de24d4 rgb(222,36,212)
```

Similar Colors

Text with hexadecimal color #ba24de

This text has a font color of #ba24de.

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

#ba24de background color

This paragraph has a background color of #ba24de.

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

#ba24de border color

This element has a border color of #ba24de.

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

CSS codes

.text {color:#ba24de;}

.background {background-color:#ba24de;}

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

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 #faf1fd is the lightest one.

#020003
```
#020003 rgb(2,0,3)
```
#100314
```
#100314 rgb(16,3,20)
```
#1f0625
```
#1f0625 rgb(31,6,37)
```
#2d0836
```
#2d0836 rgb(45,8,54)
```
#3b0b47
```
#3b0b47 rgb(59,11,71)
```
#490d58
```
#490d58 rgb(73,13,88)
```
#581069
```
#581069 rgb(88,16,105)
```
#66127a
```
#66127a rgb(102,18,122)
```
#74158b
```
#74158b rgb(116,21,139)
```
#82189c
```
#82189c rgb(130,24,156)
```
#911aad
```
#911aad rgb(145,26,173)
```
#9f1dbe
```
#9f1dbe rgb(159,29,190)
```
#ad1fcf
```
#ad1fcf rgb(173,31,207)
```

Shade Color Variation

#ba24de
```
#ba24de rgb(186,36,222)
```
#bf35e1
```
#bf35e1 rgb(191,53,225)
```
#c546e3
```
#c546e3 rgb(197,70,227)
```
#ca57e6
```
#ca57e6 rgb(202,87,230)
```
#cf68e8
```
#cf68e8 rgb(207,104,232)
```
#d579eb
```
#d579eb rgb(213,121,235)
```
#da8aed
```
#da8aed rgb(218,138,237)
```
#e09bf0
```
#e09bf0 rgb(224,155,240)
```
#e5acf3
```
#e5acf3 rgb(229,172,243)
```
#eabdf5
```
#eabdf5 rgb(234,189,245)
```
#f0cef8
```
#f0cef8 rgb(240,206,248)
```
#f5e0fa
```
#f5e0fa rgb(245,224,250)
```
#faf1fd
```
#faf1fd rgb(250,241,253)
```

Tint Color Variation

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

#857b87
```
#857b87 rgb(133,123,135)
```
#8a7290
```
#8a7290 rgb(138,114,144)
```
#90689a
```
#90689a rgb(144,104,154)
```
#965ea4
```
#965ea4 rgb(150,94,164)
```
#9c54ae
```
#9c54ae rgb(156,84,174)
```
#a24bb7
```
#a24bb7 rgb(162,75,183)
```
#a841c1
```
#a841c1 rgb(168,65,193)
```
#ae37cb
```
#ae37cb rgb(174,55,203)
```
#b42ed4
```
#b42ed4 rgb(180,46,212)
```
#ba24de
```
#ba24de rgb(186,36,222)
```
#c01ae8
```
#c01ae8 rgb(192,26,232)
```
#c611f1
```
#c611f1 rgb(198,17,241)
```
#cc07fb
```
#cc07fb rgb(204,7,251)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#77597e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#227bcc Deuteranopia 1% of men
#ab656c Tritanopia 0.001% of the population

Trichromacy

#4358e3 Protanomaly 1% of men, 0.01% of women
#595bd2 Deuteranomaly 6% of men, 0.4% of women
#b04d95 Tritanomaly 0.01% of the population