#ba2bb6 hex color

In a RGB color space, hex #ba2bb6 is composed of 72.9% red, 16.9% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.9% magenta, 2.2% yellow and 27.1% black. It has a hue angle of 301.7 degrees, a saturation of 62.4% and a lightness of 44.9%. #ba2bb6 color hex could be obtained by blending #ff56ff with #75006d. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 17
- B 71
RGB color chart
- C 0
- M 77
- Y 2
- K 27
CMYK color chart

● #ba2bb6 color description : Strong magenta.

The hexadecimal color #ba2bb6 has RGB values of R:186, G:43, B:182 and CMYK values of C:0, M:0.77, Y:0.02, K:0.27. Its decimal value is 12200886.

Hex triplet	ba2bb6	`#ba2bb6`
RGB Decimal	186, 43, 182	`rgb(186,43,182)`
RGB Percent	72.9, 16.9, 71.4	`rgb(72.9%,16.9%,71.4%)`
CMYK	0, 77, 2, 27
HSL	301.7°, 62.4, 44.9	`hsl(301.7,62.4%,44.9%)`
HSV (or HSB)	301.7°, 76.9, 72.9
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	46.373, 69.896, -42.201
XYZ	29.557, 15.546, 45.697
xyY	0.326, 0.171, 15.546
CIE-LCH	46.373, 81.647, 328.878
CIE-LUV	46.373, 58.984, -71.383
Hunter-Lab	39.429, 64.807, -41.116
Binary	10111010, 00101011, 10110110

#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#2bba2f
```
#2bba2f rgb(43,186,47)
```

Complementary Color

#772bba
```
#772bba rgb(119,43,186)
```
#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#ba2b6f
```
#ba2b6f rgb(186,43,111)
```

Analogous Color

#2bba77
```
#2bba77 rgb(43,186,119)
```
#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#6fba2b
```
#6fba2b rgb(111,186,43)
```

Split Complementary Color

#2bb6ba
```
#2bb6ba rgb(43,182,186)
```
#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#b6ba2b
```
#b6ba2b rgb(182,186,43)
```

Triadic Color

#2f2bba
```
#2f2bba rgb(47,43,186)
```
#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#b6ba2b
```
#b6ba2b rgb(182,186,43)
```
#2bba2f
```
#2bba2f rgb(43,186,47)
```

Tetradic Color

#7c1d79
```
#7c1d79 rgb(124,29,121)
```
#91218d
```
#91218d rgb(145,33,141)
```
#a526a2
```
#a526a2 rgb(165,38,162)
```
#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#cf30ca
```
#cf30ca rgb(207,48,202)
```
#d444d0
```
#d444d0 rgb(212,68,208)
```
#d959d5
```
#d959d5 rgb(217,89,213)
```

Monochromatic Color

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

#9a2bba
```
#9a2bba rgb(154,43,186)
```
#a62bba
```
#a62bba rgb(166,43,186)
```
#b22bba
```
#b22bba rgb(178,43,186)
```
#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#ba2baa
```
#ba2baa rgb(186,43,170)
```
#ba2b9e
```
#ba2b9e rgb(186,43,158)
```
#ba2b92
```
#ba2b92 rgb(186,43,146)
```

Similar Colors

Text with hexadecimal color #ba2bb6

This text has a font color of #ba2bb6.

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

#ba2bb6 background color

This paragraph has a background color of #ba2bb6.

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

#ba2bb6 border color

This element has a border color of #ba2bb6.

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

CSS codes

.text {color:#ba2bb6;}

.background {background-color:#ba2bb6;}

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

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

#0b020b
```
#0b020b rgb(11,2,11)
```
#1b061a
```
#1b061a rgb(27,6,26)
```
#2b0a2a
```
#2b0a2a rgb(43,10,42)
```
#3b0e39
```
#3b0e39 rgb(59,14,57)
```
#4a1149
```
#4a1149 rgb(74,17,73)
```
#5a1558
```
#5a1558 rgb(90,21,88)
```
#6a1968
```
#6a1968 rgb(106,25,104)
```
#7a1c78
```
#7a1c78 rgb(122,28,120)
```
#8a2087
```
#8a2087 rgb(138,32,135)
```
#9a2497
```
#9a2497 rgb(154,36,151)
```
#aa27a6
```
#aa27a6 rgb(170,39,166)
```
#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#ca2fc6
```
#ca2fc6 rgb(202,47,198)
```

Shade Color Variation

#d23bcd
```
#d23bcd rgb(210,59,205)
```
#d54bd1
```
#d54bd1 rgb(213,75,209)
```
#d95ad5
```
#d95ad5 rgb(217,90,213)
```
#dd6ad9
```
#dd6ad9 rgb(221,106,217)
```
#e07add
```
#e07add rgb(224,122,221)
```
#e48ae2
```
#e48ae2 rgb(228,138,226)
```
#e89ae6
```
#e89ae6 rgb(232,154,230)
```
#ebaaea
```
#ebaaea rgb(235,170,234)
```
#efbaee
```
#efbaee rgb(239,186,238)
```
#f3caf2
```
#f3caf2 rgb(243,202,242)
```
#f6daf6
```
#f6daf6 rgb(246,218,246)
```
#faeafa
```
#faeafa rgb(250,234,250)
```
#fefafe
```
#fefafe rgb(254,250,254)
```

Tint Color Variation

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

#747173
```
#747173 rgb(116,113,115)
```
#7c697c
```
#7c697c rgb(124,105,124)
```
#856084
```
#856084 rgb(133,96,132)
```
#8e578c
```
#8e578c rgb(142,87,140)
```
#974e95
```
#974e95 rgb(151,78,149)
```
#a0459d
```
#a0459d rgb(160,69,157)
```
#a83da5
```
#a83da5 rgb(168,61,165)
```
#b134ae
```
#b134ae rgb(177,52,174)
```
#ba2bb6
```
#ba2bb6 rgb(186,43,182)
```
#c322be
```
#c322be rgb(195,34,190)
```
#cc19c7
```
#cc19c7 rgb(204,25,199)
```
#d411cf
```
#d411cf rgb(212,17,207)
```
#dd08d7
```
#dd08d7 rgb(221,8,215)
```

Tone Color Variation

Below, you can see how #ba2bb6 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
#775a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071df Protanopia 1% of men
#5a75aa Deuteranopia 1% of men
#b2595f Tritanopia 0.001% of the population

Trichromacy

#4358d0 Protanomaly 1% of men, 0.01% of women
#7d5aae Deuteranomaly 6% of men, 0.4% of women
#b5487e Tritanomaly 0.01% of the population

#ba2bb6 hex color

#ba2bb6 Color Information

#ba2bb6 Color Conversion

Color Schemes with #ba2bb6

Alternatives to #ba2bb6

#ba2bb6 Preview

Shades and Tints of #ba2bb6

Tones of #ba2bb6

Color Blindness Simulator