#ba21bf hex color

In a RGB color space, hex #ba21bf is composed of 72.9% red, 12.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 2.6% cyan, 82.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 298.1 degrees, a saturation of 70.5% and a lightness of 43.9%. #ba21bf color hex could be obtained by blending #ff42ff with #75007f. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 13
- B 75
RGB color chart
- C 3
- M 83
- Y 0
- K 25
CMYK color chart

● #ba21bf color description : Strong magenta.

The hexadecimal color #ba21bf has RGB values of R:186, G:33, B:191 and CMYK values of C:0.03, M:0.83, Y:0, K:0.25. Its decimal value is 12198335.

Hex triplet	ba21bf	`#ba21bf`
RGB Decimal	186, 33, 191	`rgb(186,33,191)`
RGB Percent	72.9, 12.9, 74.9	`rgb(72.9%,12.9%,74.9%)`
CMYK	3, 83, 0, 25
HSL	298.1°, 70.5, 43.9	`hsl(298.1,70.5%,43.9%)`
HSV (or HSB)	298.1°, 82.7, 74.9
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	46.029, 73.807, -48.017
XYZ	30.197, 15.29, 50.648
xyY	0.314, 0.159, 15.29
CIE-LCH	46.029, 88.052, 326.953
CIE-LUV	46.029, 57.26, -80.132
Hunter-Lab	39.103, 69.415, -49.424
Binary	10111010, 00100001, 10111111

#ba21bf
```
#ba21bf rgb(186,33,191)
```
#26bf21
```
#26bf21 rgb(38,191,33)
```

Complementary Color

#6b21bf
```
#6b21bf rgb(107,33,191)
```
#ba21bf
```
#ba21bf rgb(186,33,191)
```
#bf2175
```
#bf2175 rgb(191,33,117)
```

Analogous Color

#21bf6b
```
#21bf6b rgb(33,191,107)
```
#ba21bf
```
#ba21bf rgb(186,33,191)
```
#75bf21
```
#75bf21 rgb(117,191,33)
```

Split Complementary Color

#21bfba
```
#21bfba rgb(33,191,186)
```
#ba21bf
```
#ba21bf rgb(186,33,191)
```
#bfba21
```
#bfba21 rgb(191,186,33)
```

Triadic Color

#2126bf
```
#2126bf rgb(33,38,191)
```
#ba21bf
```
#ba21bf rgb(186,33,191)
```
#bfba21
```
#bfba21 rgb(191,186,33)
```
#26bf21
```
#26bf21 rgb(38,191,33)
```

Tetradic Color

#7a167e
```
#7a167e rgb(122,22,126)
```
#901994
```
#901994 rgb(144,25,148)
```
#a51da9
```
#a51da9 rgb(165,29,169)
```
#ba21bf
```
#ba21bf rgb(186,33,191)
```
#cf25d5
```
#cf25d5 rgb(207,37,213)
```
#d737dc
```
#d737dc rgb(215,55,220)
```
#db4ce0
```
#db4ce0 rgb(219,76,224)
```

Monochromatic Color

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

#9321bf
```
#9321bf rgb(147,33,191)
```
#a021bf
```
#a021bf rgb(160,33,191)
```
#ad21bf
```
#ad21bf rgb(173,33,191)
```
#ba21bf
```
#ba21bf rgb(186,33,191)
```
#bf21b7
```
#bf21b7 rgb(191,33,183)
```
#bf21aa
```
#bf21aa rgb(191,33,170)
```
#bf219d
```
#bf219d rgb(191,33,157)
```

Similar Colors

Text with hexadecimal color #ba21bf

This text has a font color of #ba21bf.

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

#ba21bf background color

This paragraph has a background color of #ba21bf.

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

#ba21bf border color

This element has a border color of #ba21bf.

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

CSS codes

.text {color:#ba21bf;}

.background {background-color:#ba21bf;}

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

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, #070107 is the darkest color, while #fdf5fd is the lightest one.

#070107
```
#070107 rgb(7,1,7)
```
#170418
```
#170418 rgb(23,4,24)
```
#270728
```
#270728 rgb(39,7,40)
```
#380a39
```
#380a39 rgb(56,10,57)
```
#480d4a
```
#480d4a rgb(72,13,74)
```
#58105b
```
#58105b rgb(88,16,91)
```
#69136b
```
#69136b rgb(105,19,107)
```
#79157c
```
#79157c rgb(121,21,124)
```
#89188d
```
#89188d rgb(137,24,141)
```
#991b9e
```
#991b9e rgb(153,27,158)
```
#aa1eae
```
#aa1eae rgb(170,30,174)
```
#ba21bf
```
#ba21bf rgb(186,33,191)
```
#ca24d0
```
#ca24d0 rgb(202,36,208)
```

Shade Color Variation

#d52ddb
```
#d52ddb rgb(213,45,219)
```
#d83dde
```
#d83dde rgb(216,61,222)
```
#dc4ee0
```
#dc4ee0 rgb(220,78,224)
```
#df5fe3
```
#df5fe3 rgb(223,95,227)
```
#e26fe6
```
#e26fe6 rgb(226,111,230)
```
#e680e9
```
#e680e9 rgb(230,128,233)
```
#e991ec
```
#e991ec rgb(233,145,236)
```
#eca2ef
```
#eca2ef rgb(236,162,239)
```
#f0b2f2
```
#f0b2f2 rgb(240,178,242)
```
#f3c3f5
```
#f3c3f5 rgb(243,195,245)
```
#f6d4f8
```
#f6d4f8 rgb(246,212,248)
```
#fae5fa
```
#fae5fa rgb(250,229,250)
```
#fdf5fd
```
#fdf5fd rgb(253,245,253)
```

Tint Color Variation

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

#716f71
```
#716f71 rgb(113,111,113)
```
#79667a
```
#79667a rgb(121,102,122)
```
#825d83
```
#825d83 rgb(130,93,131)
```
#8a558b
```
#8a558b rgb(138,85,139)
```
#924c94
```
#924c94 rgb(146,76,148)
```
#9a439d
```
#9a439d rgb(154,67,157)
```
#a23ba5
```
#a23ba5 rgb(162,59,165)
```
#aa32ae
```
#aa32ae rgb(170,50,174)
```
#b22ab6
```
#b22ab6 rgb(178,42,182)
```
#ba21bf
```
#ba21bf rgb(186,33,191)
```
#c218c8
```
#c218c8 rgb(194,24,200)
```
#ca10d0
```
#ca10d0 rgb(202,16,208)
```
#d207d9
```
#d207d9 rgb(210,7,217)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#735474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#4f74b1 Deuteranopia 1% of men
#b0595e Tritanopia 0.001% of the population

Trichromacy

#4353d2 Protanomaly 1% of men, 0.01% of women
#7556b6 Deuteranomaly 6% of men, 0.4% of women
#b44481 Tritanomaly 0.01% of the population

#ba21bf hex color

#ba21bf Color Information

#ba21bf Color Conversion

Color Schemes with #ba21bf

Alternatives to #ba21bf

#ba21bf Preview

Shades and Tints of #ba21bf

Tones of #ba21bf

Color Blindness Simulator