#ba299f hex color

In a RGB color space, hex #ba299f is composed of 72.9% red, 16.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78% magenta, 14.5% yellow and 27.1% black. It has a hue angle of 311.2 degrees, a saturation of 63.9% and a lightness of 44.5%. #ba299f color hex could be obtained by blending #ff52ff with #75003f. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 73
- G 16
- B 62
RGB color chart
- C 0
- M 78
- Y 15
- K 27
CMYK color chart

● #ba299f color description : Strong magenta.

The hexadecimal color #ba299f has RGB values of R:186, G:41, B:159 and CMYK values of C:0, M:0.78, Y:0.15, K:0.27. Its decimal value is 12200351.

Hex triplet	ba299f	`#ba299f`
RGB Decimal	186, 41, 159	`rgb(186,41,159)`
RGB Percent	72.9, 16.1, 62.4	`rgb(72.9%,16.1%,62.4%)`
CMYK	0, 78, 15, 27
HSL	311.2°, 63.9, 44.5	`hsl(311.2,63.9%,44.5%)`
HSV (or HSB)	311.2°, 78, 72.9
Web Safe	cc3399	`#cc3399`

CIE-LAB	44.984, 67.036, -30.762
XYZ	27.301, 14.53, 34.166
xyY	0.359, 0.191, 14.53
CIE-LCH	44.984, 73.757, 335.351
CIE-LUV	44.984, 67.943, -53.968
Hunter-Lab	38.119, 61.134, -26.459
Binary	10111010, 00101001, 10011111

#ba299f
```
#ba299f rgb(186,41,159)
```
#29ba44
```
#29ba44 rgb(41,186,68)
```

Complementary Color

#8d29ba
```
#8d29ba rgb(141,41,186)
```
#ba299f
```
#ba299f rgb(186,41,159)
```
#ba2957
```
#ba2957 rgb(186,41,87)
```

Analogous Color

#29ba8d
```
#29ba8d rgb(41,186,141)
```
#ba299f
```
#ba299f rgb(186,41,159)
```
#57ba29
```
#57ba29 rgb(87,186,41)
```

Split Complementary Color

#299fba
```
#299fba rgb(41,159,186)
```
#ba299f
```
#ba299f rgb(186,41,159)
```
#9fba29
```
#9fba29 rgb(159,186,41)
```

Triadic Color

#4429ba
```
#4429ba rgb(68,41,186)
```
#ba299f
```
#ba299f rgb(186,41,159)
```
#9fba29
```
#9fba29 rgb(159,186,41)
```
#29ba44
```
#29ba44 rgb(41,186,68)
```

Tetradic Color

#7b1b69
```
#7b1b69 rgb(123,27,105)
```
#90207b
```
#90207b rgb(144,32,123)
```
#a5248d
```
#a5248d rgb(165,36,141)
```
#ba299f
```
#ba299f rgb(186,41,159)
```
#cf2eb1
```
#cf2eb1 rgb(207,46,177)
```
#d541ba
```
#d541ba rgb(213,65,186)
```
#da56c1
```
#da56c1 rgb(218,86,193)
```

Monochromatic Color

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

#b129ba
```
#b129ba rgb(177,41,186)
```
#ba29b7
```
#ba29b7 rgb(186,41,183)
```
#ba29ab
```
#ba29ab rgb(186,41,171)
```
#ba299f
```
#ba299f rgb(186,41,159)
```
#ba2993
```
#ba2993 rgb(186,41,147)
```
#ba2987
```
#ba2987 rgb(186,41,135)
```
#ba297b
```
#ba297b rgb(186,41,123)
```

Similar Colors

Text with hexadecimal color #ba299f

This text has a font color of #ba299f.

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

#ba299f background color

This paragraph has a background color of #ba299f.

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

#ba299f border color

This element has a border color of #ba299f.

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

CSS codes

.text {color:#ba299f;}

.background {background-color:#ba299f;}

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

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

#090208
```
#090208 rgb(9,2,8)
```
#190616
```
#190616 rgb(25,6,22)
```
#290923
```
#290923 rgb(41,9,35)
```
#390d31
```
#390d31 rgb(57,13,49)
```
#49103f
```
#49103f rgb(73,16,63)
```
#5a144d
```
#5a144d rgb(90,20,77)
```
#6a175a
```
#6a175a rgb(106,23,90)
```
#7a1b68
```
#7a1b68 rgb(122,27,104)
```
#8a1e76
```
#8a1e76 rgb(138,30,118)
```
#9a2284
```
#9a2284 rgb(154,34,132)
```
#aa2591
```
#aa2591 rgb(170,37,145)
```
#ba299f
```
#ba299f rgb(186,41,159)
```
#ca2dad
```
#ca2dad rgb(202,45,173)
```

Shade Color Variation

#d337b6
```
#d337b6 rgb(211,55,182)
```
#d747bc
```
#d747bc rgb(215,71,188)
```
#da57c2
```
#da57c2 rgb(218,87,194)
```
#de67c8
```
#de67c8 rgb(222,103,200)
```
#e178cd
```
#e178cd rgb(225,120,205)
```
#e588d3
```
#e588d3 rgb(229,136,211)
```
#e898d9
```
#e898d9 rgb(232,152,217)
```
#eca8df
```
#eca8df rgb(236,168,223)
```
#efb8e5
```
#efb8e5 rgb(239,184,229)
```
#f3c8eb
```
#f3c8eb rgb(243,200,235)
```
#f6d8f1
```
#f6d8f1 rgb(246,216,241)
```
#fae8f7
```
#fae8f7 rgb(250,232,247)
```
#fdf8fc
```
#fdf8fc rgb(253,248,252)
```

Tint Color Variation

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

#746f73
```
#746f73 rgb(116,111,115)
```
#7d6679
```
#7d6679 rgb(125,102,121)
```
#865d7e
```
#865d7e rgb(134,93,126)
```
#8e5584
```
#8e5584 rgb(142,85,132)
```
#974c89
```
#974c89 rgb(151,76,137)
```
#a0438f
```
#a0438f rgb(160,67,143)
```
#a93a94
```
#a93a94 rgb(169,58,148)
```
#b1329a
```
#b1329a rgb(177,50,154)
```
#ba299f
```
#ba299f rgb(186,41,159)
```
#c320a4
```
#c320a4 rgb(195,32,164)
```
#cb18aa
```
#cb18aa rgb(203,24,170)
```
#d40faf
```
#d40faf rgb(212,15,175)
```
#dd06b5
```
#dd06b5 rgb(221,6,181)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#74576e Atypical Achromatopsia 0.001% of the population

Dichromacy

#376fcc Protanopia 1% of men
#667096 Deuteranopia 1% of men
#b55155 Tritanopia 0.001% of the population

Trichromacy

#6655bc Protanomaly 1% of men, 0.01% of women
#855699 Deuteranomaly 6% of men, 0.4% of women
#b74270 Tritanomaly 0.01% of the population

#ba299f hex color

#ba299f Color Information

#ba299f Color Conversion

Color Schemes with #ba299f

Alternatives to #ba299f

#ba299f Preview

Shades and Tints of #ba299f

Tones of #ba299f

Color Blindness Simulator