#ba22da hex color

In a RGB color space, hex #ba22da is composed of 72.9% red, 13.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 84.4% magenta, 0% yellow and 14.5% black. It has a hue angle of 289.6 degrees, a saturation of 73% and a lightness of 49.4%. #ba22da color hex could be obtained by blending #ff44ff with #7500b5. Closest websafe color is: #cc33cc.

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

● #ba22da color description : Bright magenta.

The hexadecimal color #ba22da has RGB values of R:186, G:34, B:218 and CMYK values of C:0.15, M:0.84, Y:0, K:0.15. Its decimal value is 12198618.

Hex triplet	ba22da	`#ba22da`
RGB Decimal	186, 34, 218	`rgb(186,34,218)`
RGB Percent	72.9, 13.3, 85.5	`rgb(72.9%,13.3%,85.5%)`
CMYK	15, 84, 0, 15
HSL	289.6°, 73, 49.4	`hsl(289.6,73%,49.4%)`
HSV (or HSB)	289.6°, 84.4, 85.5
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.812, 78.049, -60.746
XYZ	33.475, 16.647, 67.776
xyY	0.284, 0.141, 16.647
CIE-LCH	47.812, 98.903, 322.107
CIE-LUV	47.812, 48.103, -99.686
Hunter-Lab	40.8, 75.052, -69.929
Binary	10111010, 00100010, 11011010

#ba22da
```
#ba22da rgb(186,34,218)
```
#42da22
```
#42da22 rgb(66,218,34)
```

Complementary Color

#5e22da
```
#5e22da rgb(94,34,218)
```
#ba22da
```
#ba22da rgb(186,34,218)
```
#da229e
```
#da229e rgb(218,34,158)
```

Analogous Color

#22da5e
```
#22da5e rgb(34,218,94)
```
#ba22da
```
#ba22da rgb(186,34,218)
```
#9eda22
```
#9eda22 rgb(158,218,34)
```

Split Complementary Color

#22daba
```
#22daba rgb(34,218,186)
```
#ba22da
```
#ba22da rgb(186,34,218)
```
#daba22
```
#daba22 rgb(218,186,34)
```

Triadic Color

#2242da
```
#2242da rgb(34,66,218)
```
#ba22da
```
#ba22da rgb(186,34,218)
```
#daba22
```
#daba22 rgb(218,186,34)
```
#42da22
```
#42da22 rgb(66,218,34)
```

Tetradic Color

#821898
```
#821898 rgb(130,24,152)
```
#941bae
```
#941bae rgb(148,27,174)
```
#a71fc4
```
#a71fc4 rgb(167,31,196)
```
#ba22da
```
#ba22da rgb(186,34,218)
```
#c236e0
```
#c236e0 rgb(194,54,224)
```
#c94ce3
```
#c94ce3 rgb(201,76,227)
```
#cf62e7
```
#cf62e7 rgb(207,98,231)
```

Monochromatic Color

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

#8c22da
```
#8c22da rgb(140,34,218)
```
#9b22da
```
#9b22da rgb(155,34,218)
```
#ab22da
```
#ab22da rgb(171,34,218)
```
#ba22da
```
#ba22da rgb(186,34,218)
```
#c922da
```
#c922da rgb(201,34,218)
```
#d922da
```
#d922da rgb(217,34,218)
```
#da22cc
```
#da22cc rgb(218,34,204)
```

Similar Colors

Text with hexadecimal color #ba22da

This text has a font color of #ba22da.

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

#ba22da background color

This paragraph has a background color of #ba22da.

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

#ba22da border color

This element has a border color of #ba22da.

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

CSS codes

.text {color:#ba22da;}

.background {background-color:#ba22da;}

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

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

#0c020e
```
#0c020e rgb(12,2,14)
```
#1b051f
```
#1b051f rgb(27,5,31)
```
#290830
```
#290830 rgb(41,8,48)
```
#380a41
```
#380a41 rgb(56,10,65)
```
#460d52
```
#460d52 rgb(70,13,82)
```
#550f63
```
#550f63 rgb(85,15,99)
```
#631274
```
#631274 rgb(99,18,116)
```
#721585
```
#721585 rgb(114,21,133)
```
#801796
```
#801796 rgb(128,23,150)
```
#8f1aa7
```
#8f1aa7 rgb(143,26,167)
```
#9d1db8
```
#9d1db8 rgb(157,29,184)
```
#ac1fc9
```
#ac1fc9 rgb(172,31,201)
```
#ba22da
```
#ba22da rgb(186,34,218)
```

Shade Color Variation

#c131df
```
#c131df rgb(193,49,223)
```
#c642e1
```
#c642e1 rgb(198,66,225)
```
#cb53e4
```
#cb53e4 rgb(203,83,228)
```
#d064e7
```
#d064e7 rgb(208,100,231)
```
#d575e9
```
#d575e9 rgb(213,117,233)
```
#da86ec
```
#da86ec rgb(218,134,236)
```
#df97ef
```
#df97ef rgb(223,151,239)
```
#e5a8f1
```
#e5a8f1 rgb(229,168,241)
```
#eab9f4
```
#eab9f4 rgb(234,185,244)
```
#efc9f7
```
#efc9f7 rgb(239,201,247)
```
#f4daf9
```
#f4daf9 rgb(244,218,249)
```
#f9ebfc
```
#f9ebfc rgb(249,235,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#817983
```
#817983 rgb(129,121,131)
```
#87708c
```
#87708c rgb(135,112,140)
```
#8e6696
```
#8e6696 rgb(142,102,150)
```
#945ca0
```
#945ca0 rgb(148,92,160)
```
#9a52aa
```
#9a52aa rgb(154,82,170)
```
#a149b3
```
#a149b3 rgb(161,73,179)
```
#a73fbd
```
#a73fbd rgb(167,63,189)
```
#ad35c7
```
#ad35c7 rgb(173,53,199)
```
#b42cd0
```
#b42cd0 rgb(180,44,208)
```
#ba22da
```
#ba22da rgb(186,34,218)
```
#c018e4
```
#c018e4 rgb(192,24,228)
```
#c70fed
```
#c70fed rgb(199,15,237)
```
#cd05f7
```
#cd05f7 rgb(205,5,247)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#75577c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#2b7ac8 Deuteranopia 1% of men
#ac636a Tritanopia 0.001% of the population

Trichromacy

#4356e0 Protanomaly 1% of men, 0.01% of women
#5f5ace Deuteranomaly 6% of men, 0.4% of women
#b14b92 Tritanomaly 0.01% of the population

#ba22da hex color

#ba22da Color Information

#ba22da Color Conversion

Color Schemes with #ba22da

Alternatives to #ba22da

#ba22da Preview

Shades and Tints of #ba22da

Tones of #ba22da

Color Blindness Simulator