#ba5576 hex color

In a RGB color space, hex #ba5576 is composed of 72.9% red, 33.3% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 36.6% yellow and 27.1% black. It has a hue angle of 340.4 degrees, a saturation of 42.3% and a lightness of 53.1%. #ba5576 color hex could be obtained by blending #ffaaec with #750000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 73
- G 33
- B 46
RGB color chart
- C 0
- M 54
- Y 37
- K 27
CMYK color chart

● #ba5576 color description : Moderate pink.

The hexadecimal color #ba5576 has RGB values of R:186, G:85, B:118 and CMYK values of C:0, M:0.54, Y:0.37, K:0.27. Its decimal value is 12211574.

Hex triplet	ba5576	`#ba5576`
RGB Decimal	186, 85, 118	`rgb(186,85,118)`
RGB Percent	72.9, 33.3, 46.3	`rgb(72.9%,33.3%,46.3%)`
CMYK	0, 54, 37, 27
HSL	340.4°, 42.3, 53.1	`hsl(340.4,42.3%,53.1%)`
HSV (or HSB)	340.4°, 54.3, 72.9
Web Safe	cc6666	`#cc6666`

CIE-LAB	49.793, 44.15, 1.185
XYZ	26.769, 18.246, 19.251
xyY	0.417, 0.284, 18.246
CIE-LCH	49.793, 44.166, 1.538
CIE-LUV	49.793, 65.425, -6.413
Hunter-Lab	42.716, 37.108, 3.181
Binary	10111010, 01010101, 01110110

#ba5576
```
#ba5576 rgb(186,85,118)
```
#55ba99
```
#55ba99 rgb(85,186,153)
```

Complementary Color

#ba55a9
```
#ba55a9 rgb(186,85,169)
```
#ba5576
```
#ba5576 rgb(186,85,118)
```
#ba6755
```
#ba6755 rgb(186,103,85)
```

Analogous Color

#55a9ba
```
#55a9ba rgb(85,169,186)
```
#ba5576
```
#ba5576 rgb(186,85,118)
```
#55ba67
```
#55ba67 rgb(85,186,103)
```

Split Complementary Color

#5576ba
```
#5576ba rgb(85,118,186)
```
#ba5576
```
#ba5576 rgb(186,85,118)
```
#76ba55
```
#76ba55 rgb(118,186,85)
```

Triadic Color

#9955ba
```
#9955ba rgb(153,85,186)
```
#ba5576
```
#ba5576 rgb(186,85,118)
```
#76ba55
```
#76ba55 rgb(118,186,85)
```
#55ba99
```
#55ba99 rgb(85,186,153)
```

Tetradic Color

#8a3853
```
#8a3853 rgb(138,56,83)
```
#9c405e
```
#9c405e rgb(156,64,94)
```
#af4769
```
#af4769 rgb(175,71,105)
```
#ba5576
```
#ba5576 rgb(186,85,118)
```
#c16785
```
#c16785 rgb(193,103,133)
```
#c97993
```
#c97993 rgb(201,121,147)
```
#d08ba2
```
#d08ba2 rgb(208,139,162)
```

Monochromatic Color

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

#ba558f
```
#ba558f rgb(186,85,143)
```
#ba5587
```
#ba5587 rgb(186,85,135)
```
#ba557e
```
#ba557e rgb(186,85,126)
```
#ba5576
```
#ba5576 rgb(186,85,118)
```
#ba556e
```
#ba556e rgb(186,85,110)
```
#ba5565
```
#ba5565 rgb(186,85,101)
```
#ba555d
```
#ba555d rgb(186,85,93)
```

Similar Colors

Text with hexadecimal color #ba5576

This text has a font color of #ba5576.

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

#ba5576 background color

This paragraph has a background color of #ba5576.

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

#ba5576 border color

This element has a border color of #ba5576.

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

CSS codes

.text {color:#ba5576;}

.background {background-color:#ba5576;}

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

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

#0b0507
```
#0b0507 rgb(11,5,7)
```
#190a0f
```
#190a0f rgb(25,10,15)
```
#271018
```
#271018 rgb(39,16,24)
```
#351620
```
#351620 rgb(53,22,32)
```
#431b28
```
#431b28 rgb(67,27,40)
```
#512131
```
#512131 rgb(81,33,49)
```
#5f2739
```
#5f2739 rgb(95,39,57)
```
#6d2c41
```
#6d2c41 rgb(109,44,65)
```
#7b324a
```
#7b324a rgb(123,50,74)
```
#893852
```
#893852 rgb(137,56,82)
```
#973d5b
```
#973d5b rgb(151,61,91)
```
#a54363
```
#a54363 rgb(165,67,99)
```
#b3496b
```
#b3496b rgb(179,73,107)
```

Shade Color Variation

#ba5576
```
#ba5576 rgb(186,85,118)
```
#c06381
```
#c06381 rgb(192,99,129)
```
#c5718c
```
#c5718c rgb(197,113,140)
```
#cb7f98
```
#cb7f98 rgb(203,127,152)
```
#d18da3
```
#d18da3 rgb(209,141,163)
```
#d69bae
```
#d69bae rgb(214,155,174)
```
#dca9b9
```
#dca9b9 rgb(220,169,185)
```
#e2b7c5
```
#e2b7c5 rgb(226,183,197)
```
#e7c5d0
```
#e7c5d0 rgb(231,197,208)
```
#edd3db
```
#edd3db rgb(237,211,219)
```
#f3e1e6
```
#f3e1e6 rgb(243,225,230)
```
#f8eef2
```
#f8eef2 rgb(248,238,242)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#8c8386
```
#8c8386 rgb(140,131,134)
```
#957a83
```
#957a83 rgb(149,122,131)
```
#9e7180
```
#9e7180 rgb(158,113,128)
```
#a8677c
```
#a8677c rgb(168,103,124)
```
#b15e79
```
#b15e79 rgb(177,94,121)
```
#ba5576
```
#ba5576 rgb(186,85,118)
```
#c34c73
```
#c34c73 rgb(195,76,115)
```
#cc4370
```
#cc4370 rgb(204,67,112)
```
#d6396c
```
#d6396c rgb(214,57,108)
```
#df3069
```
#df3069 rgb(223,48,105)
```
#e82766
```
#e82766 rgb(232,39,102)
```
#f11e63
```
#f11e63 rgb(241,30,99)
```
#fa1560
```
#fa1560 rgb(250,21,96)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#847077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7c8d Protanopia 1% of men
#8b7976 Deuteranopia 1% of men
#bb6168 Tritanopia 0.001% of the population

Trichromacy

#916e84 Protanomaly 1% of men, 0.01% of women
#9c6c76 Deuteranomaly 6% of men, 0.4% of women
#bb5d6d Tritanomaly 0.01% of the population

#ba5576 hex color

#ba5576 Color Information

#ba5576 Color Conversion

Color Schemes with #ba5576

Alternatives to #ba5576

#ba5576 Preview

Shades and Tints of #ba5576

Tones of #ba5576

Color Blindness Simulator