#ba5dcd hex color

In a RGB color space, hex #ba5dcd is composed of 72.9% red, 36.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 54.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 289.8 degrees, a saturation of 52.8% and a lightness of 58.4%. #ba5dcd color hex could be obtained by blending #ffbaff with #75009b. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 36
- B 80
RGB color chart
- C 9
- M 55
- Y 0
- K 20
CMYK color chart

● #ba5dcd color description : Moderate magenta.

The hexadecimal color #ba5dcd has RGB values of R:186, G:93, B:205 and CMYK values of C:0.09, M:0.55, Y:0, K:0.2. Its decimal value is 12213709.

Hex triplet	ba5dcd	`#ba5dcd`
RGB Decimal	186, 93, 205	`rgb(186,93,205)`
RGB Percent	72.9, 36.5, 80.4	`rgb(72.9%,36.5%,80.4%)`
CMYK	9, 55, 0, 20
HSL	289.8°, 52.8, 58.4	`hsl(289.8,52.8%,58.4%)`
HSV (or HSB)	289.8°, 54.6, 80.4
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.738, 54.098, -42.259
XYZ	35.182, 22.677, 60.278
xyY	0.298, 0.192, 22.677
CIE-LCH	54.738, 68.647, 322.004
CIE-LUV	54.738, 39.274, -72.139
Hunter-Lab	47.62, 48.541, -41.715
Binary	10111010, 01011101, 11001101

#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#70cd5d
```
#70cd5d rgb(112,205,93)
```

Complementary Color

#825dcd
```
#825dcd rgb(130,93,205)
```
#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#cd5da8
```
#cd5da8 rgb(205,93,168)
```

Analogous Color

#5dcd82
```
#5dcd82 rgb(93,205,130)
```
#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#a8cd5d
```
#a8cd5d rgb(168,205,93)
```

Split Complementary Color

#5dcdba
```
#5dcdba rgb(93,205,186)
```
#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#cdba5d
```
#cdba5d rgb(205,186,93)
```

Triadic Color

#5d70cd
```
#5d70cd rgb(93,112,205)
```
#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#cdba5d
```
#cdba5d rgb(205,186,93)
```
#70cd5d
```
#70cd5d rgb(112,205,93)
```

Tetradic Color

#9534a9
```
#9534a9 rgb(149,52,169)
```
#a73abd
```
#a73abd rgb(167,58,189)
```
#b24ac7
```
#b24ac7 rgb(178,74,199)
```
#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#c270d3
```
#c270d3 rgb(194,112,211)
```
#cb84d9
```
#cb84d9 rgb(203,132,217)
```
#d397df
```
#d397df rgb(211,151,223)
```

Monochromatic Color

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

#9e5dcd
```
#9e5dcd rgb(158,93,205)
```
#a75dcd
```
#a75dcd rgb(167,93,205)
```
#b15dcd
```
#b15dcd rgb(177,93,205)
```
#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#c35dcd
```
#c35dcd rgb(195,93,205)
```
#cd5dcd
```
#cd5dcd rgb(205,93,205)
```
#cd5dc4
```
#cd5dc4 rgb(205,93,196)
```

Similar Colors

Text with hexadecimal color #ba5dcd

This text has a font color of #ba5dcd.

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

#ba5dcd background color

This paragraph has a background color of #ba5dcd.

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

#ba5dcd border color

This element has a border color of #ba5dcd.

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

CSS codes

.text {color:#ba5dcd;}

.background {background-color:#ba5dcd;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#100612
```
#100612 rgb(16,6,18)
```
#1d0a21
```
#1d0a21 rgb(29,10,33)
```
#2a0f30
```
#2a0f30 rgb(42,15,48)
```
#37133f
```
#37133f rgb(55,19,63)
```
#45184e
```
#45184e rgb(69,24,78)
```
#521d5d
```
#521d5d rgb(82,29,93)
```
#5f216c
```
#5f216c rgb(95,33,108)
```
#6c267b
```
#6c267b rgb(108,38,123)
```
#7a2b8a
```
#7a2b8a rgb(122,43,138)
```
#872f99
```
#872f99 rgb(135,47,153)
```
#9434a8
```
#9434a8 rgb(148,52,168)
```
#a138b7
```
#a138b7 rgb(161,56,183)
```

Shade Color Variation

#ad3fc4
```
#ad3fc4 rgb(173,63,196)
```
#b44ec8
```
#b44ec8 rgb(180,78,200)
```
#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#c06cd2
```
#c06cd2 rgb(192,108,210)
```
#c77bd6
```
#c77bd6 rgb(199,123,214)
```
#cd8adb
```
#cd8adb rgb(205,138,219)
```
#d499e0
```
#d499e0 rgb(212,153,224)
```
#daa8e4
```
#daa8e4 rgb(218,168,228)
```
#e0b7e9
```
#e0b7e9 rgb(224,183,233)
```
#e7c6ed
```
#e7c6ed rgb(231,198,237)
```
#edd5f2
```
#edd5f2 rgb(237,213,242)
```
#f3e4f7
```
#f3e4f7 rgb(243,228,247)
```
#faf3fb
```
#faf3fb rgb(250,243,251)
```

Tint Color Variation

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

#9a8e9c
```
#9a8e9c rgb(154,142,156)
```
#9f86a4
```
#9f86a4 rgb(159,134,164)
```
#a47eac
```
#a47eac rgb(164,126,172)
```
#aa75b5
```
#aa75b5 rgb(170,117,181)
```
#af6dbd
```
#af6dbd rgb(175,109,189)
```
#b565c5
```
#b565c5 rgb(181,101,197)
```
#ba5dcd
```
#ba5dcd rgb(186,93,205)
```
#bf55d5
```
#bf55d5 rgb(191,85,213)
```
#c54ddd
```
#c54ddd rgb(197,77,221)
```
#ca45e5
```
#ca45e5 rgb(202,69,229)
```
#d03cee
```
#d03cee rgb(208,60,238)
```
#d534f6
```
#d534f6 rgb(213,52,246)
```
#da2cfe
```
#da2cfe rgb(218,44,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#907e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5586e9 Protanopia 1% of men
#6d88c4 Deuteranopia 1% of men
#b17a82 Tritanopia 0.001% of the population

Trichromacy

#7977de Protanomaly 1% of men, 0.01% of women
#8978c7 Deuteranomaly 6% of men, 0.4% of women
#b46f9d Tritanomaly 0.01% of the population

#ba5dcd hex color

#ba5dcd Color Information

#ba5dcd Color Conversion

Color Schemes with #ba5dcd

Alternatives to #ba5dcd

#ba5dcd Preview

Shades and Tints of #ba5dcd

Tones of #ba5dcd

Color Blindness Simulator