#ba88b4 hex color

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

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

● #ba88b4 color description : Slightly desaturated magenta.

The hexadecimal color #ba88b4 has RGB values of R:186, G:136, B:180 and CMYK values of C:0, M:0.27, Y:0.03, K:0.27. Its decimal value is 12224692.

Hex triplet	ba88b4	`#ba88b4`
RGB Decimal	186, 136, 180	`rgb(186,136,180)`
RGB Percent	72.9, 53.3, 70.6	`rgb(72.9%,53.3%,70.6%)`
CMYK	0, 27, 3, 27
HSL	307.2°, 26.6, 63.1	`hsl(307.2,26.6%,63.1%)`
HSV (or HSB)	307.2°, 26.9, 72.9
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.797, 26.396, -15.575
XYZ	37.291, 31.344, 47.263
xyY	0.322, 0.27, 31.344
CIE-LCH	62.797, 30.649, 329.457
CIE-LUV	62.797, 26.053, -27.622
Hunter-Lab	55.986, 20.922, -10.863
Binary	10111010, 10001000, 10110100

#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#88ba8e
```
#88ba8e rgb(136,186,142)
```

Complementary Color

#a788ba
```
#a788ba rgb(167,136,186)
```
#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#ba889b
```
#ba889b rgb(186,136,155)
```

Analogous Color

#88baa7
```
#88baa7 rgb(136,186,167)
```
#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#9bba88
```
#9bba88 rgb(155,186,136)
```

Split Complementary Color

#88b4ba
```
#88b4ba rgb(136,180,186)
```
#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#b4ba88
```
#b4ba88 rgb(180,186,136)
```

Triadic Color

#8e88ba
```
#8e88ba rgb(142,136,186)
```
#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#b4ba88
```
#b4ba88 rgb(180,186,136)
```
#88ba8e
```
#88ba8e rgb(136,186,142)
```

Tetradic Color

#9b5a94
```
#9b5a94 rgb(155,90,148)
```
#a768a0
```
#a768a0 rgb(167,104,160)
```
#b178aa
```
#b178aa rgb(177,120,170)
```
#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#c398be
```
#c398be rgb(195,152,190)
```
#cda8c8
```
#cda8c8 rgb(205,168,200)
```
#d6b8d3
```
#d6b8d3 rgb(214,184,211)
```

Monochromatic Color

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

#b488ba
```
#b488ba rgb(180,136,186)
```
#b888ba
```
#b888ba rgb(184,136,186)
```
#ba88b8
```
#ba88b8 rgb(186,136,184)
```
#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#ba88b0
```
#ba88b0 rgb(186,136,176)
```
#ba88ac
```
#ba88ac rgb(186,136,172)
```
#ba88a8
```
#ba88a8 rgb(186,136,168)
```

Similar Colors

Text with hexadecimal color #ba88b4

This text has a font color of #ba88b4.

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

#ba88b4 background color

This paragraph has a background color of #ba88b4.

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

#ba88b4 border color

This element has a border color of #ba88b4.

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

CSS codes

.text {color:#ba88b4;}

.background {background-color:#ba88b4;}

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

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)
```
#432740
```
#432740 rgb(67,39,64)
```
#502e4c
```
#502e4c rgb(80,46,76)
```
#5c3557
```
#5c3557 rgb(92,53,87)
```
#683d63
```
#683d63 rgb(104,61,99)
```
#75446f
```
#75446f rgb(117,68,111)
```
#814b7b
```
#814b7b rgb(129,75,123)
```
#8e5287
```
#8e5287 rgb(142,82,135)
```
#9a5992
```
#9a5992 rgb(154,89,146)
```

Shade Color Variation

#a4639d
```
#a4639d rgb(164,99,157)
```
#ac6fa4
```
#ac6fa4 rgb(172,111,164)
```
#b37cac
```
#b37cac rgb(179,124,172)
```
#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#c194bc
```
#c194bc rgb(193,148,188)
```
#c8a1c4
```
#c8a1c4 rgb(200,161,196)
```
#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)
```
#f4ebf3
```
#f4ebf3 rgb(244,235,243)
```
#fbf8fa
```
#fbf8fa rgb(251,248,250)
```

Tint Color Variation

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

#a49ea4
```
#a49ea4 rgb(164,158,164)
```
#ac96a9
```
#ac96a9 rgb(172,150,169)
```
#b38faf
```
#b38faf rgb(179,143,175)
```
#ba88b4
```
#ba88b4 rgb(186,136,180)
```
#c181b9
```
#c181b9 rgb(193,129,185)
```
#c87abf
```
#c87abf rgb(200,122,191)
```
#d072c4
```
#d072c4 rgb(208,114,196)
```
#d76bca
```
#d76bca rgb(215,107,202)
```
#de64cf
```
#de64cf rgb(222,100,207)
```
#e55dd5
```
#e55dd5 rgb(229,93,213)
```
#ed55da
```
#ed55da rgb(237,85,218)
```
#f44ee0
```
#f44ee0 rgb(244,78,224)
```
#fb47e5
```
#fb47e5 rgb(251,71,229)
```

Tone Color Variation

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

#939bc0 Protanopia 1% of men
#a099b4 Deuteranopia 1% of men
#b9939d Tritanopia 0.001% of the population

Trichromacy

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

#ba88b4 hex color

#ba88b4 Color Information

#ba88b4 Color Conversion

Color Schemes with #ba88b4

Alternatives to #ba88b4

#ba88b4 Preview

Shades and Tints of #ba88b4

Tones of #ba88b4

Color Blindness Simulator