#ba83bd hex color

In a RGB color space, hex #ba83bd is composed of 72.9% red, 51.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 30.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 296.9 degrees, a saturation of 30.5% and a lightness of 62.7%. #ba83bd color hex could be obtained by blending #ffffff with #75077b. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 51
- B 74
RGB color chart
- C 2
- M 31
- Y 0
- K 26
CMYK color chart

● #ba83bd color description : Slightly desaturated magenta.

The hexadecimal color #ba83bd has RGB values of R:186, G:131, B:189 and CMYK values of C:0.02, M:0.31, Y:0, K:0.26. Its decimal value is 12223421.

Hex triplet	ba83bd	`#ba83bd`
RGB Decimal	186, 131, 189	`rgb(186,131,189)`
RGB Percent	72.9, 51.4, 74.1	`rgb(72.9%,51.4%,74.1%)`
CMYK	2, 31, 0, 26
HSL	296.9°, 30.5, 62.7	`hsl(296.9,30.5%,62.7%)`
HSV (or HSB)	296.9°, 30.7, 74.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	61.952, 30.882, -21.951
XYZ	37.55, 30.347, 52.021
xyY	0.313, 0.253, 30.347
CIE-LCH	61.952, 37.888, 324.594
CIE-LUV	61.952, 27.109, -38.16
Hunter-Lab	55.088, 25.269, -17.427
Binary	10111010, 10000011, 10111101

#ba83bd
```
#ba83bd rgb(186,131,189)
```
#86bd83
```
#86bd83 rgb(134,189,131)
```

Complementary Color

#9d83bd
```
#9d83bd rgb(157,131,189)
```
#ba83bd
```
#ba83bd rgb(186,131,189)
```
#bd83a3
```
#bd83a3 rgb(189,131,163)
```

Analogous Color

#83bd9d
```
#83bd9d rgb(131,189,157)
```
#ba83bd
```
#ba83bd rgb(186,131,189)
```
#a3bd83
```
#a3bd83 rgb(163,189,131)
```

Split Complementary Color

#83bdba
```
#83bdba rgb(131,189,186)
```
#ba83bd
```
#ba83bd rgb(186,131,189)
```
#bdba83
```
#bdba83 rgb(189,186,131)
```

Triadic Color

#8386bd
```
#8386bd rgb(131,134,189)
```
#ba83bd
```
#ba83bd rgb(186,131,189)
```
#bdba83
```
#bdba83 rgb(189,186,131)
```
#86bd83
```
#86bd83 rgb(134,189,131)
```

Tetradic Color

#9b559f
```
#9b559f rgb(155,85,159)
```
#a762ab
```
#a762ab rgb(167,98,171)
```
#b172b4
```
#b172b4 rgb(177,114,180)
```
#ba83bd
```
#ba83bd rgb(186,131,189)
```
#c394c6
```
#c394c6 rgb(195,148,198)
```
#cda4cf
```
#cda4cf rgb(205,164,207)
```
#d6b5d8
```
#d6b5d8 rgb(214,181,216)
```

Monochromatic Color

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

#ac83bd
```
#ac83bd rgb(172,131,189)
```
#b083bd
```
#b083bd rgb(176,131,189)
```
#b583bd
```
#b583bd rgb(181,131,189)
```
#ba83bd
```
#ba83bd rgb(186,131,189)
```
#bd83bb
```
#bd83bb rgb(189,131,187)
```
#bd83b6
```
#bd83b6 rgb(189,131,182)
```
#bd83b2
```
#bd83b2 rgb(189,131,178)
```

Similar Colors

Text with hexadecimal color #ba83bd

This text has a font color of #ba83bd.

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

#ba83bd background color

This paragraph has a background color of #ba83bd.

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

#ba83bd border color

This element has a border color of #ba83bd.

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

CSS codes

.text {color:#ba83bd;}

.background {background-color:#ba83bd;}

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

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

#040204
```
#040204 rgb(4,2,4)
```
#100911
```
#100911 rgb(16,9,17)
```
#1d101e
```
#1d101e rgb(29,16,30)
```
#29172a
```
#29172a rgb(41,23,42)
```
#361d37
```
#361d37 rgb(54,29,55)
```
#422444
```
#422444 rgb(66,36,68)
```
#4f2b51
```
#4f2b51 rgb(79,43,81)
```
#5b325e
```
#5b325e rgb(91,50,94)
```
#68396a
```
#68396a rgb(104,57,106)
```
#743f77
```
#743f77 rgb(116,63,119)
```
#814684
```
#814684 rgb(129,70,132)
```
#8d4d91
```
#8d4d91 rgb(141,77,145)
```
#9a549e
```
#9a549e rgb(154,84,158)
```

Shade Color Variation

#a55da9
```
#a55da9 rgb(165,93,169)
```
#ac69af
```
#ac69af rgb(172,105,175)
```
#b376b6
```
#b376b6 rgb(179,118,182)
```
#ba83bd
```
#ba83bd rgb(186,131,189)
```
#c190c4
```
#c190c4 rgb(193,144,196)
```
#c89dcb
```
#c89dcb rgb(200,157,203)
```
#cfa9d1
```
#cfa9d1 rgb(207,169,209)
```
#d6b6d8
```
#d6b6d8 rgb(214,182,216)
```
#dec3df
```
#dec3df rgb(222,195,223)
```
#e5d0e6
```
#e5d0e6 rgb(229,208,230)
```
#ecdded
```
#ecdded rgb(236,221,237)
```
#f3e9f4
```
#f3e9f4 rgb(243,233,244)
```
#faf6fa
```
#faf6fa rgb(250,246,250)
```

Tint Color Variation

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

#a699a7
```
#a699a7 rgb(166,153,167)
```
#ad92ae
```
#ad92ae rgb(173,146,174)
```
#b38ab6
```
#b38ab6 rgb(179,138,182)
```
#ba83bd
```
#ba83bd rgb(186,131,189)
```
#c17cc4
```
#c17cc4 rgb(193,124,196)
```
#c774cc
```
#c774cc rgb(199,116,204)
```
#ce6dd3
```
#ce6dd3 rgb(206,109,211)
```
#d466da
```
#d466da rgb(212,102,218)
```
#db5ee2
```
#db5ee2 rgb(219,94,226)
```
#e157e9
```
#e157e9 rgb(225,87,233)
```
#e850f0
```
#e850f0 rgb(232,80,240)
```
#ee49f7
```
#ee49f7 rgb(238,73,247)
```
#f541ff
```
#f541ff rgb(245,65,255)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a095a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c99ca Protanopia 1% of men
#9898bb Deuteranopia 1% of men
#b7919b Tritanopia 0.001% of the population

Trichromacy

#9c91c5 Protanomaly 1% of men, 0.01% of women
#a490bc Deuteranomaly 6% of men, 0.4% of women
#b88ba7 Tritanomaly 0.01% of the population

#ba83bd hex color

#ba83bd Color Information

#ba83bd Color Conversion

Color Schemes with #ba83bd

Alternatives to #ba83bd

#ba83bd Preview

Shades and Tints of #ba83bd

Tones of #ba83bd

Color Blindness Simulator