#ba549f hex color

In a RGB color space, hex #ba549f is composed of 72.9% red, 32.9% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 14.5% yellow and 27.1% black. It has a hue angle of 315.9 degrees, a saturation of 42.5% and a lightness of 52.9%. #ba549f color hex could be obtained by blending #ffa8ff with #75003f. Closest websafe color is: #cc6699.

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

● #ba549f color description : Moderate pink.

The hexadecimal color #ba549f has RGB values of R:186, G:84, B:159 and CMYK values of C:0, M:0.55, Y:0.15, K:0.27. Its decimal value is 12211359.

Hex triplet	ba549f	`#ba549f`
RGB Decimal	186, 84, 159	`rgb(186,84,159)`
RGB Percent	72.9, 32.9, 62.4	`rgb(72.9%,32.9%,62.4%)`
CMYK	0, 55, 15, 27
HSL	315.9°, 42.5, 52.9	`hsl(315.9,42.5%,52.9%)`
HSV (or HSB)	315.9°, 54.8, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	51.019, 50.335, -21.4
XYZ	29.678, 19.285, 34.958
xyY	0.354, 0.23, 19.285
CIE-LCH	51.019, 54.695, 336.968
CIE-LUV	51.019, 54.555, -39.012
Hunter-Lab	43.914, 43.781, -16.458
Binary	10111010, 01010100, 10011111

#ba549f
```
#ba549f rgb(186,84,159)
```
#54ba6f
```
#54ba6f rgb(84,186,111)
```

Complementary Color

#a254ba
```
#a254ba rgb(162,84,186)
```
#ba549f
```
#ba549f rgb(186,84,159)
```
#ba546c
```
#ba546c rgb(186,84,108)
```

Analogous Color

#54baa2
```
#54baa2 rgb(84,186,162)
```
#ba549f
```
#ba549f rgb(186,84,159)
```
#6cba54
```
#6cba54 rgb(108,186,84)
```

Split Complementary Color

#549fba
```
#549fba rgb(84,159,186)
```
#ba549f
```
#ba549f rgb(186,84,159)
```
#9fba54
```
#9fba54 rgb(159,186,84)
```

Triadic Color

#6f54ba
```
#6f54ba rgb(111,84,186)
```
#ba549f
```
#ba549f rgb(186,84,159)
```
#9fba54
```
#9fba54 rgb(159,186,84)
```
#54ba6f
```
#54ba6f rgb(84,186,111)
```

Tetradic Color

#8a3874
```
#8a3874 rgb(138,56,116)
```
#9c3f83
```
#9c3f83 rgb(156,63,131)
```
#ae4693
```
#ae4693 rgb(174,70,147)
```
#ba549f
```
#ba549f rgb(186,84,159)
```
#c166a9
```
#c166a9 rgb(193,102,169)
```
#c978b3
```
#c978b3 rgb(201,120,179)
```
#d08bbe
```
#d08bbe rgb(208,139,190)
```

Monochromatic Color

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

#ba54b9
```
#ba54b9 rgb(186,84,185)
```
#ba54b0
```
#ba54b0 rgb(186,84,176)
```
#ba54a8
```
#ba54a8 rgb(186,84,168)
```
#ba549f
```
#ba549f rgb(186,84,159)
```
#ba5497
```
#ba5497 rgb(186,84,151)
```
#ba548e
```
#ba548e rgb(186,84,142)
```
#ba5486
```
#ba5486 rgb(186,84,134)
```

Similar Colors

Text with hexadecimal color #ba549f

This text has a font color of #ba549f.

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

#ba549f background color

This paragraph has a background color of #ba549f.

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

#ba549f border color

This element has a border color of #ba549f.

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

CSS codes

.text {color:#ba549f;}

.background {background-color:#ba549f;}

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

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

#0b0409
```
#0b0409 rgb(11,4,9)
```
#190a15
```
#190a15 rgb(25,10,21)
```
#271021
```
#271021 rgb(39,16,33)
```
#35152c
```
#35152c rgb(53,21,44)
```
#431b38
```
#431b38 rgb(67,27,56)
```
#512144
```
#512144 rgb(81,33,68)
```
#5f2650
```
#5f2650 rgb(95,38,80)
```
#6d2c5b
```
#6d2c5b rgb(109,44,91)
```
#7a3167
```
#7a3167 rgb(122,49,103)
```
#883773
```
#883773 rgb(136,55,115)
```
#963d7f
```
#963d7f rgb(150,61,127)
```
#a4428a
```
#a4428a rgb(164,66,138)
```
#b24896
```
#b24896 rgb(178,72,150)
```

Shade Color Variation

#ba549f
```
#ba549f rgb(186,84,159)
```
#c062a7
```
#c062a7 rgb(192,98,167)
```
#c570af
```
#c570af rgb(197,112,175)
```
#cb7eb7
```
#cb7eb7 rgb(203,126,183)
```
#d18cbe
```
#d18cbe rgb(209,140,190)
```
#d69ac6
```
#d69ac6 rgb(214,154,198)
```
#dca8ce
```
#dca8ce rgb(220,168,206)
```
#e1b6d6
```
#e1b6d6 rgb(225,182,214)
```
#e7c4de
```
#e7c4de rgb(231,196,222)
```
#edd2e6
```
#edd2e6 rgb(237,210,230)
```
#f2e0ed
```
#f2e0ed rgb(242,224,237)
```
#f8eef5
```
#f8eef5 rgb(248,238,245)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#8c8289
```
#8c8289 rgb(140,130,137)
```
#95798e
```
#95798e rgb(149,121,142)
```
#9e7092
```
#9e7092 rgb(158,112,146)
```
#a86696
```
#a86696 rgb(168,102,150)
```
#b15d9b
```
#b15d9b rgb(177,93,155)
```
#ba549f
```
#ba549f rgb(186,84,159)
```
#c34ba3
```
#c34ba3 rgb(195,75,163)
```
#cc42a8
```
#cc42a8 rgb(204,66,168)
```
#d638ac
```
#d638ac rgb(214,56,172)
```
#df2fb0
```
#df2fb0 rgb(223,47,176)
```
#e826b5
```
#e826b5 rgb(232,38,181)
```
#f11db9
```
#f11db9 rgb(241,29,185)
```
#fb13bd
```
#fb13bd rgb(251,19,189)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#887382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7eba Protanopia 1% of men
#7e7d9b Deuteranopia 1% of men
#b76970 Tritanopia 0.001% of the population

Trichromacy

#876fb0 Protanomaly 1% of men, 0.01% of women
#936e9c Deuteranomaly 6% of men, 0.4% of women
#b86181 Tritanomaly 0.01% of the population

#ba549f hex color

#ba549f Color Information

#ba549f Color Conversion

Color Schemes with #ba549f

Alternatives to #ba549f

#ba549f Preview

Shades and Tints of #ba549f

Tones of #ba549f

Color Blindness Simulator