#ba83a8 hex color

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

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

● #ba83a8 color description : Slightly desaturated pink.

The hexadecimal color #ba83a8 has RGB values of R:186, G:131, B:168 and CMYK values of C:0, M:0.3, Y:0.1, K:0.27. Its decimal value is 12223400.

Hex triplet	ba83a8	`#ba83a8`
RGB Decimal	186, 131, 168	`rgb(186,131,168)`
RGB Percent	72.9, 51.4, 65.9	`rgb(72.9%,51.4%,65.9%)`
CMYK	0, 30, 10, 27
HSL	319.6°, 28.5, 62.2	`hsl(319.6,28.5%,62.2%)`
HSV (or HSB)	319.6°, 29.6, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	61.22, 27.008, -11.134
XYZ	35.433, 29.5, 40.871
xyY	0.335, 0.279, 29.5
CIE-LCH	61.22, 29.213, 337.597
CIE-LUV	61.22, 30.375, -20.883
Hunter-Lab	54.314, 21.4, -6.596
Binary	10111010, 10000011, 10101000

#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#83ba95
```
#83ba95 rgb(131,186,149)
```

Complementary Color

#b183ba
```
#b183ba rgb(177,131,186)
```
#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#ba838d
```
#ba838d rgb(186,131,141)
```

Analogous Color

#83bab1
```
#83bab1 rgb(131,186,177)
```
#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#8dba83
```
#8dba83 rgb(141,186,131)
```

Split Complementary Color

#83a8ba
```
#83a8ba rgb(131,168,186)
```
#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#a8ba83
```
#a8ba83 rgb(168,186,131)
```

Triadic Color

#9583ba
```
#9583ba rgb(149,131,186)
```
#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#a8ba83
```
#a8ba83 rgb(168,186,131)
```
#83ba95
```
#83ba95 rgb(131,186,149)
```

Tetradic Color

#9b5684
```
#9b5684 rgb(155,86,132)
```
#a86291
```
#a86291 rgb(168,98,145)
```
#b1739d
```
#b1739d rgb(177,115,157)
```
#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#c393b3
```
#c393b3 rgb(195,147,179)
```
#cca4bf
```
#cca4bf rgb(204,164,191)
```
#d5b4ca
```
#d5b4ca rgb(213,180,202)
```

Monochromatic Color

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

#ba83b6
```
#ba83b6 rgb(186,131,182)
```
#ba83b1
```
#ba83b1 rgb(186,131,177)
```
#ba83ad
```
#ba83ad rgb(186,131,173)
```
#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#ba83a3
```
#ba83a3 rgb(186,131,163)
```
#ba839f
```
#ba839f rgb(186,131,159)
```
#ba839a
```
#ba839a rgb(186,131,154)
```

Similar Colors

Text with hexadecimal color #ba83a8

This text has a font color of #ba83a8.

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

#ba83a8 background color

This paragraph has a background color of #ba83a8.

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

#ba83a8 border color

This element has a border color of #ba83a8.

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

CSS codes

.text {color:#ba83a8;}

.background {background-color:#ba83a8;}

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

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)
```
#0f080d
```
#0f080d rgb(15,8,13)
```
#1b0f17
```
#1b0f17 rgb(27,15,23)
```
#281622
```
#281622 rgb(40,22,34)
```
#341d2d
```
#341d2d rgb(52,29,45)
```
#412438
```
#412438 rgb(65,36,56)
```
#4e2b42
```
#4e2b42 rgb(78,43,66)
```
#5a324d
```
#5a324d rgb(90,50,77)
```
#673958
```
#673958 rgb(103,57,88)
```
#734063
```
#734063 rgb(115,64,99)
```
#80476d
```
#80476d rgb(128,71,109)
```
#8d4e78
```
#8d4e78 rgb(141,78,120)
```
#995583
```
#995583 rgb(153,85,131)
```

Shade Color Variation

#a55d8d
```
#a55d8d rgb(165,93,141)
```
#ac6a96
```
#ac6a96 rgb(172,106,150)
```
#b3769f
```
#b3769f rgb(179,118,159)
```
#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#c190b1
```
#c190b1 rgb(193,144,177)
```
#c89cba
```
#c89cba rgb(200,156,186)
```
#cfa9c3
```
#cfa9c3 rgb(207,169,195)
```
#d6b5cb
```
#d6b5cb rgb(214,181,203)
```
#ddc2d4
```
#ddc2d4 rgb(221,194,212)
```
#e4cfdd
```
#e4cfdd rgb(228,207,221)
```
#ebdbe6
```
#ebdbe6 rgb(235,219,230)
```
#f2e8ef
```
#f2e8ef rgb(242,232,239)
```
#f9f4f8
```
#f9f4f8 rgb(249,244,248)
```

Tint Color Variation

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

#a499a0
```
#a499a0 rgb(164,153,160)
```
#ab92a3
```
#ab92a3 rgb(171,146,163)
```
#b38aa5
```
#b38aa5 rgb(179,138,165)
```
#ba83a8
```
#ba83a8 rgb(186,131,168)
```
#c17cab
```
#c17cab rgb(193,124,171)
```
#c974ad
```
#c974ad rgb(201,116,173)
```
#d06db0
```
#d06db0 rgb(208,109,176)
```
#d865b2
```
#d865b2 rgb(216,101,178)
```
#df5eb5
```
#df5eb5 rgb(223,94,181)
```
#e756b7
```
#e756b7 rgb(231,86,183)
```
#ee4fba
```
#ee4fba rgb(238,79,186)
```
#f548bd
```
#f548bd rgb(245,72,189)
```
#fd40bf
```
#fd40bf rgb(253,64,191)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9f949b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9298b5 Protanopia 1% of men
#9f95a8 Deuteranopia 1% of men
#ba8d97 Tritanopia 0.001% of the population

Trichromacy

#a190b0 Protanomaly 1% of men, 0.01% of women
#a98ea8 Deuteranomaly 6% of men, 0.4% of women
#ba899d Tritanomaly 0.01% of the population

#ba83a8 hex color

#ba83a8 Color Information

#ba83a8 Color Conversion

Color Schemes with #ba83a8

Alternatives to #ba83a8

#ba83a8 Preview

Shades and Tints of #ba83a8

Tones of #ba83a8

Color Blindness Simulator