#ba578f hex color

In a RGB color space, hex #ba578f is composed of 72.9% red, 34.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.2% magenta, 23.1% yellow and 27.1% black. It has a hue angle of 326.1 degrees, a saturation of 41.8% and a lightness of 53.5%. #ba578f color hex could be obtained by blending #ffaeff with #75001f. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 34
- B 56
RGB color chart
- C 0
- M 53
- Y 23
- K 27
CMYK color chart

● #ba578f color description : Moderate pink.

The hexadecimal color #ba578f has RGB values of R:186, G:87, B:143 and CMYK values of C:0, M:0.53, Y:0.23, K:0.27. Its decimal value is 12212111.

Hex triplet	ba578f	`#ba578f`
RGB Decimal	186, 87, 143	`rgb(186,87,143)`
RGB Percent	72.9, 34.1, 56.1	`rgb(72.9%,34.1%,56.1%)`
CMYK	0, 53, 23, 27
HSL	326.1°, 41.8, 53.5	`hsl(326.1,41.8%,53.5%)`
HSV (or HSB)	326.1°, 53.2, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	50.968, 46.461, -12.012
XYZ	28.616, 19.241, 28.192
xyY	0.376, 0.253, 19.241
CIE-LCH	50.968, 47.988, 345.505
CIE-LUV	50.968, 57.668, -24.755
Hunter-Lab	43.864, 39.687, -7.401
Binary	10111010, 01010111, 10001111

#ba578f
```
#ba578f rgb(186,87,143)
```
#57ba82
```
#57ba82 rgb(87,186,130)
```

Complementary Color

#b457ba
```
#b457ba rgb(180,87,186)
```
#ba578f
```
#ba578f rgb(186,87,143)
```
#ba575e
```
#ba575e rgb(186,87,94)
```

Analogous Color

#57bab4
```
#57bab4 rgb(87,186,180)
```
#ba578f
```
#ba578f rgb(186,87,143)
```
#5eba57
```
#5eba57 rgb(94,186,87)
```

Split Complementary Color

#578fba
```
#578fba rgb(87,143,186)
```
#ba578f
```
#ba578f rgb(186,87,143)
```
#8fba57
```
#8fba57 rgb(143,186,87)
```

Triadic Color

#8257ba
```
#8257ba rgb(130,87,186)
```
#ba578f
```
#ba578f rgb(186,87,143)
```
#8fba57
```
#8fba57 rgb(143,186,87)
```
#57ba82
```
#57ba82 rgb(87,186,130)
```

Tetradic Color

#8b3968
```
#8b3968 rgb(139,57,104)
```
#9d4175
```
#9d4175 rgb(157,65,117)
```
#af4883
```
#af4883 rgb(175,72,131)
```
#ba578f
```
#ba578f rgb(186,87,143)
```
#c1699b
```
#c1699b rgb(193,105,155)
```
#c97ba7
```
#c97ba7 rgb(201,123,167)
```
#d08db3
```
#d08db3 rgb(208,141,179)
```

Monochromatic Color

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

#ba57a8
```
#ba57a8 rgb(186,87,168)
```
#ba57a0
```
#ba57a0 rgb(186,87,160)
```
#ba5797
```
#ba5797 rgb(186,87,151)
```
#ba578f
```
#ba578f rgb(186,87,143)
```
#ba5787
```
#ba5787 rgb(186,87,135)
```
#ba577f
```
#ba577f rgb(186,87,127)
```
#ba5776
```
#ba5776 rgb(186,87,118)
```

Similar Colors

Text with hexadecimal color #ba578f

This text has a font color of #ba578f.

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

#ba578f background color

This paragraph has a background color of #ba578f.

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

#ba578f border color

This element has a border color of #ba578f.

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

CSS codes

.text {color:#ba578f;}

.background {background-color:#ba578f;}

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

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

#0d0509
```
#0d0509 rgb(13,5,9)
```
#1b0b14
```
#1b0b14 rgb(27,11,20)
```
#29111e
```
#29111e rgb(41,17,30)
```
#361629
```
#361629 rgb(54,22,41)
```
#441c33
```
#441c33 rgb(68,28,51)
```
#52223d
```
#52223d rgb(82,34,61)
```
#602848
```
#602848 rgb(96,40,72)
```
#6e2d52
```
#6e2d52 rgb(110,45,82)
```
#7c335c
```
#7c335c rgb(124,51,92)
```
#8a3967
```
#8a3967 rgb(138,57,103)
```
#983e71
```
#983e71 rgb(152,62,113)
```
#a6447b
```
#a6447b rgb(166,68,123)
```
#b44a86
```
#b44a86 rgb(180,74,134)
```

Shade Color Variation

#ba578f
```
#ba578f rgb(186,87,143)
```
#c06598
```
#c06598 rgb(192,101,152)
```
#c573a2
```
#c573a2 rgb(197,115,162)
```
#cb81ab
```
#cb81ab rgb(203,129,171)
```
#d18fb4
```
#d18fb4 rgb(209,143,180)
```
#d79dbd
```
#d79dbd rgb(215,157,189)
```
#dcaac7
```
#dcaac7 rgb(220,170,199)
```
#e2b8d0
```
#e2b8d0 rgb(226,184,208)
```
#e8c6d9
```
#e8c6d9 rgb(232,198,217)
```
#edd4e2
```
#edd4e2 rgb(237,212,226)
```
#f3e2ec
```
#f3e2ec rgb(243,226,236)
```
#f9f0f5
```
#f9f0f5 rgb(249,240,245)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8c8589
```
#8c8589 rgb(140,133,137)
```
#967b8a
```
#967b8a rgb(150,123,138)
```
#9f728b
```
#9f728b rgb(159,114,139)
```
#a8698d
```
#a8698d rgb(168,105,141)
```
#b1608e
```
#b1608e rgb(177,96,142)
```
#ba578f
```
#ba578f rgb(186,87,143)
```
#c34e90
```
#c34e90 rgb(195,78,144)
```
#cc4591
```
#cc4591 rgb(204,69,145)
```
#d53c93
```
#d53c93 rgb(213,60,147)
```
#de3394
```
#de3394 rgb(222,51,148)
```
#e82995
```
#e82995 rgb(232,41,149)
```
#f12096
```
#f12096 rgb(241,32,150)
```
#fa1797
```
#fa1797 rgb(250,23,151)
```

Tone Color Variation

Below, you can see how #ba578f 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
#88747f Atypical Achromatopsia 0.001% of the population

Dichromacy

#737ea7 Protanopia 1% of men
#857d8d Deuteranopia 1% of men
#b9686e Tritanopia 0.001% of the population

Trichromacy

#8d709e Protanomaly 1% of men, 0.01% of women
#986f8d Deuteranomaly 6% of men, 0.4% of women
#b9617a Tritanomaly 0.01% of the population

#ba578f hex color

#ba578f Color Information

#ba578f Color Conversion

Color Schemes with #ba578f

Alternatives to #ba578f

#ba578f Preview

Shades and Tints of #ba578f

Tones of #ba578f

Color Blindness Simulator