#ba5ddc hex color

In a RGB color space, hex #ba5ddc is composed of 72.9% red, 36.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 57.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 283.9 degrees, a saturation of 64.5% and a lightness of 61.4%. #ba5ddc color hex could be obtained by blending #ffbaff with #7500b9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 36
- B 86
RGB color chart
- C 15
- M 58
- Y 0
- K 14
CMYK color chart

● #ba5ddc color description : Soft violet.

The hexadecimal color #ba5ddc has RGB values of R:186, G:93, B:220 and CMYK values of C:0.15, M:0.58, Y:0, K:0.14. Its decimal value is 12213724.

Hex triplet	ba5ddc	`#ba5ddc`
RGB Decimal	186, 93, 220	`rgb(186,93,220)`
RGB Percent	72.9, 36.5, 86.3	`rgb(72.9%,36.5%,86.3%)`
CMYK	15, 58, 0, 14
HSL	283.9°, 64.5, 61.4	`hsl(283.9,64.5%,61.4%)`
HSV (or HSB)	283.9°, 57.7, 86.3
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.519, 57.076, -49.532
XYZ	37.081, 23.436, 70.277
xyY	0.284, 0.179, 23.436
CIE-LCH	55.519, 75.572, 319.048
CIE-LUV	55.519, 35.791, -84.063
Hunter-Lab	48.411, 52.003, -52.181
Binary	10111010, 01011101, 11011100

#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#7fdc5d
```
#7fdc5d rgb(127,220,93)
```

Complementary Color

#7b5ddc
```
#7b5ddc rgb(123,93,220)
```
#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#dc5dbf
```
#dc5dbf rgb(220,93,191)
```

Analogous Color

#5ddc7b
```
#5ddc7b rgb(93,220,123)
```
#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#bfdc5d
```
#bfdc5d rgb(191,220,93)
```

Split Complementary Color

#5ddcba
```
#5ddcba rgb(93,220,186)
```
#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#dcba5d
```
#dcba5d rgb(220,186,93)
```

Triadic Color

#5d7fdc
```
#5d7fdc rgb(93,127,220)
```
#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#dcba5d
```
#dcba5d rgb(220,186,93)
```
#7fdc5d
```
#7fdc5d rgb(127,220,93)
```

Tetradic Color

#9a2ac2
```
#9a2ac2 rgb(154,42,194)
```
#a833d3
```
#a833d3 rgb(168,51,211)
```
#b148d7
```
#b148d7 rgb(177,72,215)
```
#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#c372e1
```
#c372e1 rgb(195,114,225)
```
#cc87e5
```
#cc87e5 rgb(204,135,229)
```
#d59cea
```
#d59cea rgb(213,156,234)
```

Monochromatic Color

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

#9a5ddc
```
#9a5ddc rgb(154,93,220)
```
#a55ddc
```
#a55ddc rgb(165,93,220)
```
#af5ddc
```
#af5ddc rgb(175,93,220)
```
#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#c55ddc
```
#c55ddc rgb(197,93,220)
```
#cf5ddc
```
#cf5ddc rgb(207,93,220)
```
#da5ddc
```
#da5ddc rgb(218,93,220)
```

Similar Colors

Text with hexadecimal color #ba5ddc

This text has a font color of #ba5ddc.

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

#ba5ddc background color

This paragraph has a background color of #ba5ddc.

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

#ba5ddc border color

This element has a border color of #ba5ddc.

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

CSS codes

.text {color:#ba5ddc;}

.background {background-color:#ba5ddc;}

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

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

#0c030f
```
#0c030f rgb(12,3,15)
```
#190720
```
#190720 rgb(25,7,32)
```
#260a30
```
#260a30 rgb(38,10,48)
```
#320e40
```
#320e40 rgb(50,14,64)
```
#3f1150
```
#3f1150 rgb(63,17,80)
```
#4c1560
```
#4c1560 rgb(76,21,96)
```
#591870
```
#591870 rgb(89,24,112)
```
#651c80
```
#651c80 rgb(101,28,128)
```
#721f90
```
#721f90 rgb(114,31,144)
```
#7f23a1
```
#7f23a1 rgb(127,35,161)
```
#8c26b1
```
#8c26b1 rgb(140,38,177)
```
#982ac1
```
#982ac1 rgb(152,42,193)
```
#a52dd1
```
#a52dd1 rgb(165,45,209)
```

Shade Color Variation

#ac3dd5
```
#ac3dd5 rgb(172,61,213)
```
#b34dd9
```
#b34dd9 rgb(179,77,217)
```
#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#c16ddf
```
#c16ddf rgb(193,109,223)
```
#c87de3
```
#c87de3 rgb(200,125,227)
```
#cf8de6
```
#cf8de6 rgb(207,141,230)
```
#d59eea
```
#d59eea rgb(213,158,234)
```
#dcaeed
```
#dcaeed rgb(220,174,237)
```
#e3bef1
```
#e3bef1 rgb(227,190,241)
```
#eacef4
```
#eacef4 rgb(234,206,244)
```
#f1def8
```
#f1def8 rgb(241,222,248)
```
#f8eefb
```
#f8eefb rgb(248,238,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#9e9a9f
```
#9e9a9f rgb(158,154,159)
```
#a192a7
```
#a192a7 rgb(161,146,167)
```
#a58aaf
```
#a58aaf rgb(165,138,175)
```
#a883b6
```
#a883b6 rgb(168,131,182)
```
#ac7bbe
```
#ac7bbe rgb(172,123,190)
```
#af74c5
```
#af74c5 rgb(175,116,197)
```
#b36ccd
```
#b36ccd rgb(179,108,205)
```
#b665d4
```
#b665d4 rgb(182,101,212)
```
#ba5ddc
```
#ba5ddc rgb(186,93,220)
```
#be55e4
```
#be55e4 rgb(190,85,228)
```
#c14eeb
```
#c14eeb rgb(193,78,235)
```
#c546f3
```
#c546f3 rgb(197,70,243)
```
#c83ffa
```
#c83ffa rgb(200,63,250)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#917f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4387f9 Protanopia 1% of men
#618bd1 Deuteranopia 1% of men
#ae7e87 Tritanopia 0.001% of the population

Trichromacy

#6e78ee Protanomaly 1% of men, 0.01% of women
#817ad5 Deuteranomaly 6% of men, 0.4% of women
#b272a6 Tritanomaly 0.01% of the population

#ba5ddc hex color

#ba5ddc Color Information

#ba5ddc Color Conversion

Color Schemes with #ba5ddc

Alternatives to #ba5ddc

#ba5ddc Preview

Shades and Tints of #ba5ddc

Tones of #ba5ddc

Color Blindness Simulator