#ba88b3 hex color

In a RGB color space, hex #ba88b3 is composed of 72.9% red, 53.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 3.8% yellow and 27.1% black. It has a hue angle of 308.4 degrees, a saturation of 26.6% and a lightness of 63.1%. #ba88b3 color hex could be obtained by blending #ffffff with #751167. Closest websafe color is: #cc99cc.

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

● #ba88b3 color description : Slightly desaturated magenta.

The hexadecimal color #ba88b3 has RGB values of R:186, G:136, B:179 and CMYK values of C:0, M:0.27, Y:0.04, K:0.27. Its decimal value is 12224691.

Hex triplet	ba88b3	`#ba88b3`
RGB Decimal	186, 136, 179	`rgb(186,136,179)`
RGB Percent	72.9, 53.3, 70.2	`rgb(72.9%,53.3%,70.2%)`
CMYK	0, 27, 4, 27
HSL	308.4°, 26.6, 63.1	`hsl(308.4,26.6%,63.1%)`
HSV (or HSB)	308.4°, 26.9, 72.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.763, 26.211, -15.061
XYZ	37.19, 31.303, 46.728
xyY	0.323, 0.272, 31.303
CIE-LCH	62.763, 30.23, 330.118
CIE-LUV	62.763, 26.197, -26.8
Hunter-Lab	55.949, 20.738, -10.354
Binary	10111010, 10001000, 10110011

#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#88ba8f
```
#88ba8f rgb(136,186,143)
```

Complementary Color

#a888ba
```
#a888ba rgb(168,136,186)
```
#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#ba889a
```
#ba889a rgb(186,136,154)
```

Analogous Color

#88baa8
```
#88baa8 rgb(136,186,168)
```
#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#9aba88
```
#9aba88 rgb(154,186,136)
```

Split Complementary Color

#88b3ba
```
#88b3ba rgb(136,179,186)
```
#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#b3ba88
```
#b3ba88 rgb(179,186,136)
```

Triadic Color

#8f88ba
```
#8f88ba rgb(143,136,186)
```
#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#b3ba88
```
#b3ba88 rgb(179,186,136)
```
#88ba8f
```
#88ba8f rgb(136,186,143)
```

Tetradic Color

#9b5a92
```
#9b5a92 rgb(155,90,146)
```
#a7689e
```
#a7689e rgb(167,104,158)
```
#b178a9
```
#b178a9 rgb(177,120,169)
```
#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#c398bd
```
#c398bd rgb(195,152,189)
```
#cda8c8
```
#cda8c8 rgb(205,168,200)
```
#d6b8d2
```
#d6b8d2 rgb(214,184,210)
```

Monochromatic Color

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

#b588ba
```
#b588ba rgb(181,136,186)
```
#b988ba
```
#b988ba rgb(185,136,186)
```
#ba88b7
```
#ba88b7 rgb(186,136,183)
```
#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#ba88af
```
#ba88af rgb(186,136,175)
```
#ba88ab
```
#ba88ab rgb(186,136,171)
```
#ba88a7
```
#ba88a7 rgb(186,136,167)
```

Similar Colors

Text with hexadecimal color #ba88b3

This text has a font color of #ba88b3.

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

#ba88b3 background color

This paragraph has a background color of #ba88b3.

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

#ba88b3 border color

This element has a border color of #ba88b3.

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

CSS codes

.text {color:#ba88b3;}

.background {background-color:#ba88b3;}

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

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

#050305
```
#050305 rgb(5,3,5)
```
#120a11
```
#120a11 rgb(18,10,17)
```
#1e111c
```
#1e111c rgb(30,17,28)
```
#2a1928
```
#2a1928 rgb(42,25,40)
```
#372034
```
#372034 rgb(55,32,52)
```
#43273f
```
#43273f rgb(67,39,63)
```
#502e4b
```
#502e4b rgb(80,46,75)
```
#5c3557
```
#5c3557 rgb(92,53,87)
```
#683d62
```
#683d62 rgb(104,61,98)
```
#75446e
```
#75446e rgb(117,68,110)
```
#814b7a
```
#814b7a rgb(129,75,122)
```
#8e5285
```
#8e5285 rgb(142,82,133)
```
#9a5991
```
#9a5991 rgb(154,89,145)
```

Shade Color Variation

#a4639b
```
#a4639b rgb(164,99,155)
```
#ac6fa3
```
#ac6fa3 rgb(172,111,163)
```
#b37cab
```
#b37cab rgb(179,124,171)
```
#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#c194bb
```
#c194bb rgb(193,148,187)
```
#c8a1c3
```
#c8a1c3 rgb(200,161,195)
```
#d0adcb
```
#d0adcb rgb(208,173,203)
```
#d7bad3
```
#d7bad3 rgb(215,186,211)
```
#dec6db
```
#dec6db rgb(222,198,219)
```
#e5d2e3
```
#e5d2e3 rgb(229,210,227)
```
#ecdfeb
```
#ecdfeb rgb(236,223,235)
```
#f4ebf2
```
#f4ebf2 rgb(244,235,242)
```
#fbf8fa
```
#fbf8fa rgb(251,248,250)
```

Tint Color Variation

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

#a49ea3
```
#a49ea3 rgb(164,158,163)
```
#ac96a9
```
#ac96a9 rgb(172,150,169)
```
#b38fae
```
#b38fae rgb(179,143,174)
```
#ba88b3
```
#ba88b3 rgb(186,136,179)
```
#c181b8
```
#c181b8 rgb(193,129,184)
```
#c87abd
```
#c87abd rgb(200,122,189)
```
#d072c3
```
#d072c3 rgb(208,114,195)
```
#d76bc8
```
#d76bc8 rgb(215,107,200)
```
#de64cd
```
#de64cd rgb(222,100,205)
```
#e55dd2
```
#e55dd2 rgb(229,93,210)
```
#ed55d7
```
#ed55d7 rgb(237,85,215)
```
#f44edd
```
#f44edd rgb(244,78,221)
```
#fb47e2
```
#fb47e2 rgb(251,71,226)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a298a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#949bbf Protanopia 1% of men
#a099b3 Deuteranopia 1% of men
#b9939d Tritanopia 0.001% of the population

Trichromacy

#a194ba Protanomaly 1% of men, 0.01% of women
#a993b3 Deuteranomaly 6% of men, 0.4% of women
#b98fa5 Tritanomaly 0.01% of the population

#ba88b3 hex color

#ba88b3 Color Information

#ba88b3 Color Conversion

Color Schemes with #ba88b3

Alternatives to #ba88b3

#ba88b3 Preview

Shades and Tints of #ba88b3

Tones of #ba88b3

Color Blindness Simulator