#ba83b2 hex color

In a RGB color space, hex #ba83b2 is composed of 72.9% red, 51.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 4.3% yellow and 27.1% black. It has a hue angle of 308.7 degrees, a saturation of 28.5% and a lightness of 62.2%. #ba83b2 color hex could be obtained by blending #ffffff with #750765. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 51
- B 70
RGB color chart
- C 0
- M 30
- Y 4
- K 27
CMYK color chart

● #ba83b2 color description : Slightly desaturated magenta.

The hexadecimal color #ba83b2 has RGB values of R:186, G:131, B:178 and CMYK values of C:0, M:0.3, Y:0.04, K:0.27. Its decimal value is 12223410.

Hex triplet	ba83b2	`#ba83b2`
RGB Decimal	186, 131, 178	`rgb(186,131,178)`
RGB Percent	72.9, 51.4, 69.8	`rgb(72.9%,51.4%,69.8%)`
CMYK	0, 30, 4, 27
HSL	308.7°, 28.5, 62.2	`hsl(308.7,28.5%,62.2%)`
HSV (or HSB)	308.7°, 29.6, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	61.557, 28.805, -16.318
XYZ	36.401, 29.887, 45.968
xyY	0.324, 0.266, 29.887
CIE-LCH	61.557, 33.106, 330.469
CIE-LUV	61.557, 28.824, -29.058
Hunter-Lab	54.669, 23.181, -11.585
Binary	10111010, 10000011, 10110010

#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#83ba8b
```
#83ba8b rgb(131,186,139)
```

Complementary Color

#a783ba
```
#a783ba rgb(167,131,186)
```
#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#ba8397
```
#ba8397 rgb(186,131,151)
```

Analogous Color

#83baa7
```
#83baa7 rgb(131,186,167)
```
#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#97ba83
```
#97ba83 rgb(151,186,131)
```

Split Complementary Color

#83b2ba
```
#83b2ba rgb(131,178,186)
```
#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#b2ba83
```
#b2ba83 rgb(178,186,131)
```

Triadic Color

#8b83ba
```
#8b83ba rgb(139,131,186)
```
#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#b2ba83
```
#b2ba83 rgb(178,186,131)
```
#83ba8b
```
#83ba8b rgb(131,186,139)
```

Tetradic Color

#9b5691
```
#9b5691 rgb(155,86,145)
```
#a8629e
```
#a8629e rgb(168,98,158)
```
#b173a8
```
#b173a8 rgb(177,115,168)
```
#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#c393bc
```
#c393bc rgb(195,147,188)
```
#cca4c6
```
#cca4c6 rgb(204,164,198)
```
#d5b4d1
```
#d5b4d1 rgb(213,180,209)
```

Monochromatic Color

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

#b483ba
```
#b483ba rgb(180,131,186)
```
#b983ba
```
#b983ba rgb(185,131,186)
```
#ba83b7
```
#ba83b7 rgb(186,131,183)
```
#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#ba83ad
```
#ba83ad rgb(186,131,173)
```
#ba83a9
```
#ba83a9 rgb(186,131,169)
```
#ba83a4
```
#ba83a4 rgb(186,131,164)
```

Similar Colors

Text with hexadecimal color #ba83b2

This text has a font color of #ba83b2.

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

#ba83b2 background color

This paragraph has a background color of #ba83b2.

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

#ba83b2 border color

This element has a border color of #ba83b2.

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

CSS codes

.text {color:#ba83b2;}

.background {background-color:#ba83b2;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0f080e
```
#0f080e rgb(15,8,14)
```
#1b0f19
```
#1b0f19 rgb(27,15,25)
```
#281625
```
#281625 rgb(40,22,37)
```
#341d31
```
#341d31 rgb(52,29,49)
```
#41243d
```
#41243d rgb(65,36,61)
```
#4e2b49
```
#4e2b49 rgb(78,43,73)
```
#5a3254
```
#5a3254 rgb(90,50,84)
```
#673960
```
#673960 rgb(103,57,96)
```
#73406c
```
#73406c rgb(115,64,108)
```
#804778
```
#804778 rgb(128,71,120)
```
#8d4e84
```
#8d4e84 rgb(141,78,132)
```
#99558f
```
#99558f rgb(153,85,143)
```

Shade Color Variation

#a55d9b
```
#a55d9b rgb(165,93,155)
```
#ac6aa2
```
#ac6aa2 rgb(172,106,162)
```
#b376aa
```
#b376aa rgb(179,118,170)
```
#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#c190ba
```
#c190ba rgb(193,144,186)
```
#c89cc2
```
#c89cc2 rgb(200,156,194)
```
#cfa9c9
```
#cfa9c9 rgb(207,169,201)
```
#d6b5d1
```
#d6b5d1 rgb(214,181,209)
```
#ddc2d9
```
#ddc2d9 rgb(221,194,217)
```
#e4cfe1
```
#e4cfe1 rgb(228,207,225)
```
#ebdbe9
```
#ebdbe9 rgb(235,219,233)
```
#f2e8f1
```
#f2e8f1 rgb(242,232,241)
```
#f9f4f8
```
#f9f4f8 rgb(249,244,248)
```

Tint Color Variation

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

#a499a2
```
#a499a2 rgb(164,153,162)
```
#ab92a7
```
#ab92a7 rgb(171,146,167)
```
#b38aad
```
#b38aad rgb(179,138,173)
```
#ba83b2
```
#ba83b2 rgb(186,131,178)
```
#c17cb7
```
#c17cb7 rgb(193,124,183)
```
#c974bd
```
#c974bd rgb(201,116,189)
```
#d06dc2
```
#d06dc2 rgb(208,109,194)
```
#d865c7
```
#d865c7 rgb(216,101,199)
```
#df5ecc
```
#df5ecc rgb(223,94,204)
```
#e756d2
```
#e756d2 rgb(231,86,210)
```
#ee4fd7
```
#ee4fd7 rgb(238,79,215)
```
#f548dc
```
#f548dc rgb(245,72,220)
```
#fd40e1
```
#fd40e1 rgb(253,64,225)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a0959e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f98bf Protanopia 1% of men
#9c96b1 Deuteranopia 1% of men
#b98f99 Tritanopia 0.001% of the population

Trichromacy

#9f90ba Protanomaly 1% of men, 0.01% of women
#a78fb1 Deuteranomaly 6% of men, 0.4% of women
#b98aa2 Tritanomaly 0.01% of the population

#ba83b2 hex color

#ba83b2 Color Information

#ba83b2 Color Conversion

Color Schemes with #ba83b2

Alternatives to #ba83b2

#ba83b2 Preview

Shades and Tints of #ba83b2

Tones of #ba83b2

Color Blindness Simulator