#ba16d2 hex color

In a RGB color space, hex #ba16d2 is composed of 72.9% red, 8.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 89.5% magenta, 0% yellow and 17.6% black. It has a hue angle of 292.3 degrees, a saturation of 81% and a lightness of 45.5%. #ba16d2 color hex could be obtained by blending #ff2cff with #7500a5. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 9
- B 82
RGB color chart
- C 11
- M 90
- Y 0
- K 18
CMYK color chart

● #ba16d2 color description : Strong magenta.

The hexadecimal color #ba16d2 has RGB values of R:186, G:22, B:210 and CMYK values of C:0.11, M:0.9, Y:0, K:0.18. Its decimal value is 12195538.

Hex triplet	ba16d2	`#ba16d2`
RGB Decimal	186, 22, 210	`rgb(186,22,210)`
RGB Percent	72.9, 8.6, 82.4	`rgb(72.9%,8.6%,82.4%)`
CMYK	11, 90, 0, 18
HSL	292.3°, 81, 45.5	`hsl(292.3,81%,45.5%)`
HSV (or HSB)	292.3°, 89.5, 82.4
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.536, 78.894, -58.216
XYZ	32.168, 15.668, 62.299
xyY	0.292, 0.142, 15.668
CIE-LCH	46.536, 98.048, 323.576
CIE-LUV	46.536, 51.742, -95.462
Hunter-Lab	39.583, 75.795, -65.609
Binary	10111010, 00010110, 11010010

#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#2ed216
```
#2ed216 rgb(46,210,22)
```

Complementary Color

#5c16d2
```
#5c16d2 rgb(92,22,210)
```
#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#d2168c
```
#d2168c rgb(210,22,140)
```

Analogous Color

#16d25c
```
#16d25c rgb(22,210,92)
```
#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#8cd216
```
#8cd216 rgb(140,210,22)
```

Split Complementary Color

#16d2ba
```
#16d2ba rgb(22,210,186)
```
#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#d2ba16
```
#d2ba16 rgb(210,186,22)
```

Triadic Color

#162ed2
```
#162ed2 rgb(22,46,210)
```
#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#d2ba16
```
#d2ba16 rgb(210,186,22)
```
#2ed216
```
#2ed216 rgb(46,210,22)
```

Tetradic Color

#7d0f8d
```
#7d0f8d rgb(125,15,141)
```
#9111a4
```
#9111a4 rgb(145,17,164)
```
#a614bb
```
#a614bb rgb(166,20,187)
```
#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#cd1ae7
```
#cd1ae7 rgb(205,26,231)
```
#d232e9
```
#d232e9 rgb(210,50,233)
```
#d749ec
```
#d749ec rgb(215,73,236)
```

Monochromatic Color

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

#8b16d2
```
#8b16d2 rgb(139,22,210)
```
#9b16d2
```
#9b16d2 rgb(155,22,210)
```
#aa16d2
```
#aa16d2 rgb(170,22,210)
```
#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#ca16d2
```
#ca16d2 rgb(202,22,210)
```
#d216cb
```
#d216cb rgb(210,22,203)
```
#d216bb
```
#d216bb rgb(210,22,187)
```

Similar Colors

Text with hexadecimal color #ba16d2

This text has a font color of #ba16d2.

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

#ba16d2 background color

This paragraph has a background color of #ba16d2.

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

#ba16d2 border color

This element has a border color of #ba16d2.

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

CSS codes

.text {color:#ba16d2;}

.background {background-color:#ba16d2;}

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

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

#0d020f
```
#0d020f rgb(13,2,15)
```
#1d0320
```
#1d0320 rgb(29,3,32)
```
#2c0532
```
#2c0532 rgb(44,5,50)
```
#3c0744
```
#3c0744 rgb(60,7,68)
```
#4c0956
```
#4c0956 rgb(76,9,86)
```
#5c0b67
```
#5c0b67 rgb(92,11,103)
```
#6b0d79
```
#6b0d79 rgb(107,13,121)
```
#7b0f8b
```
#7b0f8b rgb(123,15,139)
```
#8b109d
```
#8b109d rgb(139,16,157)
```
#9b12ae
```
#9b12ae rgb(155,18,174)
```
#aa14c0
```
#aa14c0 rgb(170,20,192)
```
#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#ca18e4
```
#ca18e4 rgb(202,24,228)
```

Shade Color Variation

#d027e8
```
#d027e8 rgb(208,39,232)
```
#d439ea
```
#d439ea rgb(212,57,234)
```
#d74aec
```
#d74aec rgb(215,74,236)
```
#db5cee
```
#db5cee rgb(219,92,238)
```
#df6ef0
```
#df6ef0 rgb(223,110,240)
```
#e380f2
```
#e380f2 rgb(227,128,242)
```
#e791f4
```
#e791f4 rgb(231,145,244)
```
#eba3f5
```
#eba3f5 rgb(235,163,245)
```
#efb5f7
```
#efb5f7 rgb(239,181,247)
```
#f3c7f9
```
#f3c7f9 rgb(243,199,249)
```
#f7d8fb
```
#f7d8fb rgb(247,216,251)
```
#faeafd
```
#faeafd rgb(250,234,253)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#786f79
```
#786f79 rgb(120,111,121)
```
#7e6682
```
#7e6682 rgb(126,102,130)
```
#855d8b
```
#855d8b rgb(133,93,139)
```
#8b5494
```
#8b5494 rgb(139,84,148)
```
#924c9c
```
#924c9c rgb(146,76,156)
```
#9943a5
```
#9943a5 rgb(153,67,165)
```
#9f3aae
```
#9f3aae rgb(159,58,174)
```
#a631b7
```
#a631b7 rgb(166,49,183)
```
#ad28c0
```
#ad28c0 rgb(173,40,192)
```
#b31fc9
```
#b31fc9 rgb(179,31,201)
```
#ba16d2
```
#ba16d2 rgb(186,22,210)
```
#c10ddb
```
#c10ddb rgb(193,13,219)
```
#c704e4
```
#c704e4 rgb(199,4,228)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6f4e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#3377c0 Deuteranopia 1% of men
#ad5d63 Tritanopia 0.001% of the population

Trichromacy

#4350da Protanomaly 1% of men, 0.01% of women
#6453c7 Deuteranomaly 6% of men, 0.4% of women
#b1438b Tritanomaly 0.01% of the population

#ba16d2 hex color

#ba16d2 Color Information

#ba16d2 Color Conversion

Color Schemes with #ba16d2

Alternatives to #ba16d2

#ba16d2 Preview

Shades and Tints of #ba16d2

Tones of #ba16d2

Color Blindness Simulator