#ba88dd hex color

In a RGB color space, hex #ba88dd is composed of 72.9% red, 53.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 38.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 275.3 degrees, a saturation of 55.6% and a lightness of 70%. #ba88dd color hex could be obtained by blending #ffffff with #7511bb. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 53
- B 87
RGB color chart
- C 16
- M 38
- Y 0
- K 13
CMYK color chart

● #ba88dd color description : Very soft violet.

The hexadecimal color #ba88dd has RGB values of R:186, G:136, B:221 and CMYK values of C:0.16, M:0.38, Y:0, K:0.13. Its decimal value is 12224733.

Hex triplet	ba88dd	`#ba88dd`
RGB Decimal	186, 136, 221	`rgb(186,136,221)`
RGB Percent	72.9, 53.3, 86.7	`rgb(72.9%,53.3%,86.7%)`
CMYK	16, 38, 0, 13
HSL	275.3°, 55.6, 70	`hsl(275.3,55.6%,70%)`
HSV (or HSB)	275.3°, 38.5, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	64.378, 34.693, -36.148
XYZ	42.103, 33.269, 72.606
xyY	0.285, 0.225, 33.269
CIE-LCH	64.378, 50.103, 313.824
CIE-LUV	64.378, 20.138, -61.782
Hunter-Lab	57.679, 29.359, -34.259
Binary	10111010, 10001000, 11011101

#ba88dd
```
#ba88dd rgb(186,136,221)
```
#abdd88
```
#abdd88 rgb(171,221,136)
```

Complementary Color

#9088dd
```
#9088dd rgb(144,136,221)
```
#ba88dd
```
#ba88dd rgb(186,136,221)
```
#dd88d6
```
#dd88d6 rgb(221,136,214)
```

Analogous Color

#88dd90
```
#88dd90 rgb(136,221,144)
```
#ba88dd
```
#ba88dd rgb(186,136,221)
```
#d6dd88
```
#d6dd88 rgb(214,221,136)
```

Split Complementary Color

#88ddba
```
#88ddba rgb(136,221,186)
```
#ba88dd
```
#ba88dd rgb(186,136,221)
```
#ddba88
```
#ddba88 rgb(221,186,136)
```

Triadic Color

#88abdd
```
#88abdd rgb(136,171,221)
```
#ba88dd
```
#ba88dd rgb(186,136,221)
```
#ddba88
```
#ddba88 rgb(221,186,136)
```
#abdd88
```
#abdd88 rgb(171,221,136)
```

Tetradic Color

#984dcc
```
#984dcc rgb(152,77,204)
```
#a360d2
```
#a360d2 rgb(163,96,210)
```
#af74d7
```
#af74d7 rgb(175,116,215)
```
#ba88dd
```
#ba88dd rgb(186,136,221)
```
#c69ce3
```
#c69ce3 rgb(198,156,227)
```
#d1b0e8
```
#d1b0e8 rgb(209,176,232)
```
#ddc4ee
```
#ddc4ee rgb(221,196,238)
```

Monochromatic Color

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

#a588dd
```
#a588dd rgb(165,136,221)
```
#ac88dd
```
#ac88dd rgb(172,136,221)
```
#b388dd
```
#b388dd rgb(179,136,221)
```
#ba88dd
```
#ba88dd rgb(186,136,221)
```
#c188dd
```
#c188dd rgb(193,136,221)
```
#c888dd
```
#c888dd rgb(200,136,221)
```
#cf88dd
```
#cf88dd rgb(207,136,221)
```

Similar Colors

Text with hexadecimal color #ba88dd

This text has a font color of #ba88dd.

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

#ba88dd background color

This paragraph has a background color of #ba88dd.

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

#ba88dd border color

This element has a border color of #ba88dd.

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

CSS codes

.text {color:#ba88dd;}

.background {background-color:#ba88dd;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0d0512
```
#0d0512 rgb(13,5,18)
```
#180a22
```
#180a22 rgb(24,10,34)
```
#220e31
```
#220e31 rgb(34,14,49)
```
#2d1240
```
#2d1240 rgb(45,18,64)
```
#38174f
```
#38174f rgb(56,23,79)
```
#431b5f
```
#431b5f rgb(67,27,95)
```
#4e1f6e
```
#4e1f6e rgb(78,31,110)
```
#58247d
```
#58247d rgb(88,36,125)
```
#63288c
```
#63288c rgb(99,40,140)
```
#6e2c9c
```
#6e2c9c rgb(110,44,156)
```
#7931ab
```
#7931ab rgb(121,49,171)
```
#8335ba
```
#8335ba rgb(131,53,186)
```

Shade Color Variation

#8e3cc7
```
#8e3cc7 rgb(142,60,199)
```
#974bcc
```
#974bcc rgb(151,75,204)
```
#9f5ad0
```
#9f5ad0 rgb(159,90,208)
```
#a869d4
```
#a869d4 rgb(168,105,212)
```
#b179d9
```
#b179d9 rgb(177,121,217)
```
#ba88dd
```
#ba88dd rgb(186,136,221)
```
#c397e1
```
#c397e1 rgb(195,151,225)
```
#cca7e6
```
#cca7e6 rgb(204,167,230)
```
#d5b6ea
```
#d5b6ea rgb(213,182,234)
```
#ddc5ee
```
#ddc5ee rgb(221,197,238)
```
#e6d4f3
```
#e6d4f3 rgb(230,212,243)
```
#efe4f7
```
#efe4f7 rgb(239,228,247)
```
#f8f3fc
```
#f8f3fc rgb(248,243,252)
```

Tint Color Variation

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

#b3b1b4
```
#b3b1b4 rgb(179,177,180)
```
#b4abba
```
#b4abba rgb(180,171,186)
```
#b5a5c0
```
#b5a5c0 rgb(181,165,192)
```
#b6a0c5
```
#b6a0c5 rgb(182,160,197)
```
#b79acb
```
#b79acb rgb(183,154,203)
```
#b894d1
```
#b894d1 rgb(184,148,209)
```
#b98ed7
```
#b98ed7 rgb(185,142,215)
```
#ba88dd
```
#ba88dd rgb(186,136,221)
```
#bb82e3
```
#bb82e3 rgb(187,130,227)
```
#bc7ce9
```
#bc7ce9 rgb(188,124,233)
```
#bd76ef
```
#bd76ef rgb(189,118,239)
```
#be70f5
```
#be70f5 rgb(190,112,245)
```
#bf6bfa
```
#bf6bfa rgb(191,107,250)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a69cad Atypical Achromatopsia 0.001% of the population

Dichromacy

#849eea Protanopia 1% of men
#8d9fd8 Deuteranopia 1% of men
#b29aa5 Tritanopia 0.001% of the population

Trichromacy

#9896e5 Protanomaly 1% of men, 0.01% of women
#9d96da Deuteranomaly 6% of men, 0.4% of women
#b594b9 Tritanomaly 0.01% of the population

#ba88dd hex color

#ba88dd Color Information

#ba88dd Color Conversion

Color Schemes with #ba88dd

Alternatives to #ba88dd

#ba88dd Preview

Shades and Tints of #ba88dd

Tones of #ba88dd

Color Blindness Simulator