#ba5bda hex color

In a RGB color space, hex #ba5bda is composed of 72.9% red, 35.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 58.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 284.9 degrees, a saturation of 63.2% and a lightness of 60.6%. #ba5bda color hex could be obtained by blending #ffb6ff with #7500b5. Closest websafe color is: #cc66cc.

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

● #ba5bda color description : Soft violet.

The hexadecimal color #ba5bda has RGB values of R:186, G:91, B:218 and CMYK values of C:0.15, M:0.58, Y:0, K:0.15. Its decimal value is 12213210.

Hex triplet	ba5bda	`#ba5bda`
RGB Decimal	186, 91, 218	`rgb(186,91,218)`
RGB Percent	72.9, 35.7, 85.5	`rgb(72.9%,35.7%,85.5%)`
CMYK	15, 58, 0, 15
HSL	284.9°, 63.2, 60.6	`hsl(284.9,63.2%,60.6%)`
HSV (or HSB)	284.9°, 58.3, 85.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.056, 57.631, -49.138
XYZ	36.644, 22.985, 68.832
xyY	0.285, 0.179, 22.985
CIE-LCH	55.056, 75.735, 319.548
CIE-LUV	55.056, 36.845, -83.367
Hunter-Lab	47.942, 52.536, -51.565
Binary	10111010, 01011011, 11011010

#ba5bda
```
#ba5bda rgb(186,91,218)
```
#7bda5b
```
#7bda5b rgb(123,218,91)
```

Complementary Color

#7b5bda
```
#7b5bda rgb(123,91,218)
```
#ba5bda
```
#ba5bda rgb(186,91,218)
```
#da5bbb
```
#da5bbb rgb(218,91,187)
```

Analogous Color

#5bda7b
```
#5bda7b rgb(91,218,123)
```
#ba5bda
```
#ba5bda rgb(186,91,218)
```
#bbda5b
```
#bbda5b rgb(187,218,91)
```

Split Complementary Color

#5bdaba
```
#5bdaba rgb(91,218,186)
```
#ba5bda
```
#ba5bda rgb(186,91,218)
```
#daba5b
```
#daba5b rgb(218,186,91)
```

Triadic Color

#5b7bda
```
#5b7bda rgb(91,123,218)
```
#ba5bda
```
#ba5bda rgb(186,91,218)
```
#daba5b
```
#daba5b rgb(218,186,91)
```
#7bda5b
```
#7bda5b rgb(123,218,91)
```

Tetradic Color

#992bbe
```
#992bbe rgb(153,43,190)
```
#a831d1
```
#a831d1 rgb(168,49,209)
```
#b146d5
```
#b146d5 rgb(177,70,213)
```
#ba5bda
```
#ba5bda rgb(186,91,218)
```
#c370df
```
#c370df rgb(195,112,223)
```
#cc85e3
```
#cc85e3 rgb(204,133,227)
```
#d499e8
```
#d499e8 rgb(212,153,232)
```

Monochromatic Color

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

#9a5bda
```
#9a5bda rgb(154,91,218)
```
#a55bda
```
#a55bda rgb(165,91,218)
```
#af5bda
```
#af5bda rgb(175,91,218)
```
#ba5bda
```
#ba5bda rgb(186,91,218)
```
#c55bda
```
#c55bda rgb(197,91,218)
```
#cf5bda
```
#cf5bda rgb(207,91,218)
```
#da5bda
```
#da5bda rgb(218,91,218)
```

Similar Colors

Text with hexadecimal color #ba5bda

This text has a font color of #ba5bda.

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

#ba5bda background color

This paragraph has a background color of #ba5bda.

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

#ba5bda border color

This element has a border color of #ba5bda.

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

CSS codes

.text {color:#ba5bda;}

.background {background-color:#ba5bda;}

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

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

#0a030c
```
#0a030c rgb(10,3,12)
```
#17061c
```
#17061c rgb(23,6,28)
```
#230a2c
```
#230a2c rgb(35,10,44)
```
#300e3c
```
#300e3c rgb(48,14,60)
```
#3d114c
```
#3d114c rgb(61,17,76)
```
#4a155c
```
#4a155c rgb(74,21,92)
```
#57186c
```
#57186c rgb(87,24,108)
```
#641c7c
```
#641c7c rgb(100,28,124)
```
#71208c
```
#71208c rgb(113,32,140)
```
#7e239c
```
#7e239c rgb(126,35,156)
```
#8b27ac
```
#8b27ac rgb(139,39,172)
```
#972abc
```
#972abc rgb(151,42,188)
```
#a42ecc
```
#a42ecc rgb(164,46,204)
```

Shade Color Variation

#ad3bd3
```
#ad3bd3 rgb(173,59,211)
```
#b34bd6
```
#b34bd6 rgb(179,75,214)
```
#ba5bda
```
#ba5bda rgb(186,91,218)
```
#c16bde
```
#c16bde rgb(193,107,222)
```
#c77be1
```
#c77be1 rgb(199,123,225)
```
#ce8be5
```
#ce8be5 rgb(206,139,229)
```
#d59be8
```
#d59be8 rgb(213,155,232)
```
#dcabec
```
#dcabec rgb(220,171,236)
```
#e2bbf0
```
#e2bbf0 rgb(226,187,240)
```
#e9cbf3
```
#e9cbf3 rgb(233,203,243)
```
#f0dbf7
```
#f0dbf7 rgb(240,219,247)
```
#f7ebfa
```
#f7ebfa rgb(247,235,250)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#9b999c
```
#9b999c rgb(155,153,156)
```
#9f91a4
```
#9f91a4 rgb(159,145,164)
```
#a389ac
```
#a389ac rgb(163,137,172)
```
#a782b3
```
#a782b3 rgb(167,130,179)
```
#ab7abb
```
#ab7abb rgb(171,122,187)
```
#ae72c3
```
#ae72c3 rgb(174,114,195)
```
#b26acb
```
#b26acb rgb(178,106,203)
```
#b663d2
```
#b663d2 rgb(182,99,210)
```
#ba5bda
```
#ba5bda rgb(186,91,218)
```
#be53e2
```
#be53e2 rgb(190,83,226)
```
#c24ce9
```
#c24ce9 rgb(194,76,233)
```
#c644f1
```
#c644f1 rgb(198,68,241)
```
#c93cf9
```
#c93cf9 rgb(201,60,249)
```

Tone Color Variation

Below, you can see how #ba5bda 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
#907d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4186f8 Protanopia 1% of men
#618acf Deuteranopia 1% of men
#ae7c85 Tritanopia 0.001% of the population

Trichromacy

#6d76ed Protanomaly 1% of men, 0.01% of women
#8179d3 Deuteranomaly 6% of men, 0.4% of women
#b270a4 Tritanomaly 0.01% of the population

#ba5bda hex color

#ba5bda Color Information

#ba5bda Color Conversion

Color Schemes with #ba5bda

Alternatives to #ba5bda

#ba5bda Preview

Shades and Tints of #ba5bda

Tones of #ba5bda

Color Blindness Simulator