#ba5ab5 hex color

In a RGB color space, hex #ba5ab5 is composed of 72.9% red, 35.3% green and 71% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 2.7% yellow and 27.1% black. It has a hue angle of 303.1 degrees, a saturation of 41% and a lightness of 54.1%. #ba5ab5 color hex could be obtained by blending #ffb4ff with #75006b. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 35
- B 71
RGB color chart
- C 0
- M 52
- Y 3
- K 27
CMYK color chart

● #ba5ab5 color description : Moderate magenta.

The hexadecimal color #ba5ab5 has RGB values of R:186, G:90, B:181 and CMYK values of C:0, M:0.52, Y:0.03, K:0.27. Its decimal value is 12212917.

Hex triplet	ba5ab5	`#ba5ab5`
RGB Decimal	186, 90, 181	`rgb(186,90,181)`
RGB Percent	72.9, 35.3, 71	`rgb(72.9%,35.3%,71%)`
CMYK	0, 52, 3, 27
HSL	303.1°, 41, 54.1	`hsl(303.1,41%,54.1%)`
HSV (or HSB)	303.1°, 51.6, 72.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	53.047, 51.107, -31.117
XYZ	32.246, 21.089, 46.086
xyY	0.324, 0.212, 21.089
CIE-LCH	53.047, 59.834, 328.664
CIE-LUV	53.047, 46.271, -54.114
Hunter-Lab	45.923, 44.971, -27.354
Binary	10111010, 01011010, 10110101

#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#5aba5f
```
#5aba5f rgb(90,186,95)
```

Complementary Color

#8f5aba
```
#8f5aba rgb(143,90,186)
```
#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#ba5a85
```
#ba5a85 rgb(186,90,133)
```

Analogous Color

#5aba8f
```
#5aba8f rgb(90,186,143)
```
#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#85ba5a
```
#85ba5a rgb(133,186,90)
```

Split Complementary Color

#5ab5ba
```
#5ab5ba rgb(90,181,186)
```
#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#b5ba5a
```
#b5ba5a rgb(181,186,90)
```

Triadic Color

#5f5aba
```
#5f5aba rgb(95,90,186)
```
#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#b5ba5a
```
#b5ba5a rgb(181,186,90)
```
#5aba5f
```
#5aba5f rgb(90,186,95)
```

Tetradic Color

#8d3b88
```
#8d3b88 rgb(141,59,136)
```
#9f429a
```
#9f429a rgb(159,66,154)
```
#b14aab
```
#b14aab rgb(177,74,171)
```
#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#c26cbd
```
#c26cbd rgb(194,108,189)
```
#c97ec5
```
#c97ec5 rgb(201,126,197)
```
#d190cd
```
#d190cd rgb(209,144,205)
```

Monochromatic Color

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

#a75aba
```
#a75aba rgb(167,90,186)
```
#af5aba
```
#af5aba rgb(175,90,186)
```
#b75aba
```
#b75aba rgb(183,90,186)
```
#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#ba5aad
```
#ba5aad rgb(186,90,173)
```
#ba5aa5
```
#ba5aa5 rgb(186,90,165)
```
#ba5a9d
```
#ba5a9d rgb(186,90,157)
```

Similar Colors

Text with hexadecimal color #ba5ab5

This text has a font color of #ba5ab5.

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

#ba5ab5 background color

This paragraph has a background color of #ba5ab5.

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

#ba5ab5 border color

This element has a border color of #ba5ab5.

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

CSS codes

.text {color:#ba5ab5;}

.background {background-color:#ba5ab5;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0f060e
```
#0f060e rgb(15,6,14)
```
#1d0c1c
```
#1d0c1c rgb(29,12,28)
```
#2a1229
```
#2a1229 rgb(42,18,41)
```
#381837
```
#381837 rgb(56,24,55)
```
#461d44
```
#461d44 rgb(70,29,68)
```
#542351
```
#542351 rgb(84,35,81)
```
#62295f
```
#62295f rgb(98,41,95)
```
#702f6c
```
#702f6c rgb(112,47,108)
```
#7d347a
```
#7d347a rgb(125,52,122)
```
#8b3a87
```
#8b3a87 rgb(139,58,135)
```
#994094
```
#994094 rgb(153,64,148)
```
#a746a2
```
#a746a2 rgb(167,70,162)
```

Shade Color Variation

#b44caf
```
#b44caf rgb(180,76,175)
```
#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#c068bb
```
#c068bb rgb(192,104,187)
```
#c676c1
```
#c676c1 rgb(198,118,193)
```
#cb83c8
```
#cb83c8 rgb(203,131,200)
```
#d191ce
```
#d191ce rgb(209,145,206)
```
#d79fd4
```
#d79fd4 rgb(215,159,212)
```
#ddadda
```
#ddadda rgb(221,173,218)
```
#e2bbe0
```
#e2bbe0 rgb(226,187,224)
```
#e8c9e7
```
#e8c9e7 rgb(232,201,231)
```
#eed6ed
```
#eed6ed rgb(238,214,237)
```
#f4e4f3
```
#f4e4f3 rgb(244,228,243)
```
#faf2f9
```
#faf2f9 rgb(250,242,249)
```

Tint Color Variation

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

#8d878d
```
#8d878d rgb(141,135,141)
```
#967e95
```
#967e95 rgb(150,126,149)
```
#9f759d
```
#9f759d rgb(159,117,157)
```
#a86ca5
```
#a86ca5 rgb(168,108,165)
```
#b163ad
```
#b163ad rgb(177,99,173)
```
#ba5ab5
```
#ba5ab5 rgb(186,90,181)
```
#c351bd
```
#c351bd rgb(195,81,189)
```
#cc48c5
```
#cc48c5 rgb(204,72,197)
```
#d53fcd
```
#d53fcd rgb(213,63,205)
```
#de36d5
```
#de36d5 rgb(222,54,213)
```
#e72ddd
```
#e72ddd rgb(231,45,221)
```
#f024e5
```
#f024e5 rgb(240,36,229)
```
#f91bed
```
#f91bed rgb(249,27,237)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8c798b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6382d0 Protanopia 1% of men
#7883af Deuteranopia 1% of men
#b5727a Tritanopia 0.001% of the population

Trichromacy

#8373c6 Protanomaly 1% of men, 0.01% of women
#9074b1 Deuteranomaly 6% of men, 0.4% of women
#b6698f Tritanomaly 0.01% of the population

#ba5ab5 hex color

#ba5ab5 Color Information

#ba5ab5 Color Conversion

Color Schemes with #ba5ab5

Alternatives to #ba5ab5

#ba5ab5 Preview

Shades and Tints of #ba5ab5

Tones of #ba5ab5

Color Blindness Simulator