#ba6bd4 hex color

In a RGB color space, hex #ba6bd4 is composed of 72.9% red, 42% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 49.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 285.1 degrees, a saturation of 55% and a lightness of 62.5%. #ba6bd4 color hex could be obtained by blending #ffd6ff with #7500a9. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 42
- B 83
RGB color chart
- C 12
- M 50
- Y 0
- K 17
CMYK color chart

● #ba6bd4 color description : Slightly desaturated magenta.

The hexadecimal color #ba6bd4 has RGB values of R:186, G:107, B:212 and CMYK values of C:0.12, M:0.5, Y:0, K:0.17. Its decimal value is 12217300.

Hex triplet	ba6bd4	`#ba6bd4`
RGB Decimal	186, 107, 212	`rgb(186,107,212)`
RGB Percent	72.9, 42, 83.1	`rgb(72.9%,42%,83.1%)`
CMYK	12, 50, 0, 17
HSL	285.1°, 55, 62.5	`hsl(285.1,55%,62.5%)`
HSV (or HSB)	285.1°, 49.5, 83.1
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	57.76, 48.429, -41.468
XYZ	37.39, 25.709, 65.277
xyY	0.291, 0.2, 25.709
CIE-LCH	57.76, 63.757, 319.427
CIE-LUV	57.76, 32.91, -70.92
Hunter-Lab	50.704, 42.895, -40.837
Binary	10111010, 01101011, 11010100

#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#85d46b
```
#85d46b rgb(133,212,107)
```

Complementary Color

#866bd4
```
#866bd4 rgb(134,107,212)
```
#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#d46bba
```
#d46bba rgb(212,107,186)
```

Analogous Color

#6bd486
```
#6bd486 rgb(107,212,134)
```
#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#bad46b
```
#bad46b rgb(186,212,107)
```

Split Complementary Color

#6bd4ba
```
#6bd4ba rgb(107,212,186)
```
#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#d4ba6b
```
#d4ba6b rgb(212,186,107)
```

Triadic Color

#6b85d4
```
#6b85d4 rgb(107,133,212)
```
#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#d4ba6b
```
#d4ba6b rgb(212,186,107)
```
#85d46b
```
#85d46b rgb(133,212,107)
```

Tetradic Color

#9b37bc
```
#9b37bc rgb(155,55,188)
```
#a843c9
```
#a843c9 rgb(168,67,201)
```
#b157ce
```
#b157ce rgb(177,87,206)
```
#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#c37fda
```
#c37fda rgb(195,127,218)
```
#cc93df
```
#cc93df rgb(204,147,223)
```
#d6a6e5
```
#d6a6e5 rgb(214,166,229)
```

Monochromatic Color

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

#a06bd4
```
#a06bd4 rgb(160,107,212)
```
#a96bd4
```
#a96bd4 rgb(169,107,212)
```
#b16bd4
```
#b16bd4 rgb(177,107,212)
```
#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#c36bd4
```
#c36bd4 rgb(195,107,212)
```
#cc6bd4
```
#cc6bd4 rgb(204,107,212)
```
#d46bd4
```
#d46bd4 rgb(212,107,212)
```

Similar Colors

Text with hexadecimal color #ba6bd4

This text has a font color of #ba6bd4.

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

#ba6bd4 background color

This paragraph has a background color of #ba6bd4.

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

#ba6bd4 border color

This element has a border color of #ba6bd4.

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

CSS codes

.text {color:#ba6bd4;}

.background {background-color:#ba6bd4;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#100613
```
#100613 rgb(16,6,19)
```
#1c0a22
```
#1c0a22 rgb(28,10,34)
```
#290e32
```
#290e32 rgb(41,14,50)
```
#351341
```
#351341 rgb(53,19,65)
```
#421750
```
#421750 rgb(66,23,80)
```
#4e1c5f
```
#4e1c5f rgb(78,28,95)
```
#5b206e
```
#5b206e rgb(91,32,110)
```
#68247e
```
#68247e rgb(104,36,126)
```
#74298d
```
#74298d rgb(116,41,141)
```
#812d9c
```
#812d9c rgb(129,45,156)
```
#8d32ab
```
#8d32ab rgb(141,50,171)
```
#9a36ba
```
#9a36ba rgb(154,54,186)
```

Shade Color Variation

#a53dc7
```
#a53dc7 rgb(165,61,199)
```
#ac4dcb
```
#ac4dcb rgb(172,77,203)
```
#b35cd0
```
#b35cd0 rgb(179,92,208)
```
#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#c17ad8
```
#c17ad8 rgb(193,122,216)
```
#c889dd
```
#c889dd rgb(200,137,221)
```
#cf99e1
```
#cf99e1 rgb(207,153,225)
```
#d6a8e6
```
#d6a8e6 rgb(214,168,230)
```
#ddb7ea
```
#ddb7ea rgb(221,183,234)
```
#e5c6ee
```
#e5c6ee rgb(229,198,238)
```
#ecd5f3
```
#ecd5f3 rgb(236,213,243)
```
#f3e5f7
```
#f3e5f7 rgb(243,229,247)
```
#faf4fc
```
#faf4fc rgb(250,244,252)
```

Tint Color Variation

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

#a09ea1
```
#a09ea1 rgb(160,158,161)
```
#a497a8
```
#a497a8 rgb(164,151,168)
```
#a790af
```
#a790af rgb(167,144,175)
```
#ab88b7
```
#ab88b7 rgb(171,136,183)
```
#af81be
```
#af81be rgb(175,129,190)
```
#b37ac5
```
#b37ac5 rgb(179,122,197)
```
#b672cd
```
#b672cd rgb(182,114,205)
```
#ba6bd4
```
#ba6bd4 rgb(186,107,212)
```
#be64db
```
#be64db rgb(190,100,219)
```
#c15ce3
```
#c15ce3 rgb(193,92,227)
```
#c555ea
```
#c555ea rgb(197,85,234)
```
#c94ef1
```
#c94ef1 rgb(201,78,241)
```
#cd46f9
```
#cd46f9 rgb(205,70,249)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#98889d Atypical Achromatopsia 0.001% of the population

Dichromacy

#648dea Protanopia 1% of men
#758fcc Deuteranopia 1% of men
#b1858e Tritanopia 0.001% of the population

Trichromacy

#8381e2 Protanomaly 1% of men, 0.01% of women
#8e82cf Deuteranomaly 6% of men, 0.4% of women
#b47ba7 Tritanomaly 0.01% of the population

#ba6bd4 hex color

#ba6bd4 Color Information

#ba6bd4 Color Conversion

Color Schemes with #ba6bd4

Alternatives to #ba6bd4

#ba6bd4 Preview

Shades and Tints of #ba6bd4

Tones of #ba6bd4

Color Blindness Simulator