#ba60b6 hex color

In a RGB color space, hex #ba60b6 is composed of 72.9% red, 37.6% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.4% magenta, 2.2% yellow and 27.1% black. It has a hue angle of 302.7 degrees, a saturation of 39.5% and a lightness of 55.3%. #ba60b6 color hex could be obtained by blending #ffc0ff with #75006d. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 38
- B 71
RGB color chart
- C 0
- M 48
- Y 2
- K 27
CMYK color chart

● #ba60b6 color description : Slightly desaturated magenta.

The hexadecimal color #ba60b6 has RGB values of R:186, G:96, B:182 and CMYK values of C:0, M:0.48, Y:0.02, K:0.27. Its decimal value is 12214454.

Hex triplet	ba60b6	`#ba60b6`
RGB Decimal	186, 96, 182	`rgb(186,96,182)`
RGB Percent	72.9, 37.6, 71.4	`rgb(72.9%,37.6%,71.4%)`
CMYK	0, 48, 2, 27
HSL	302.7°, 39.5, 55.3	`hsl(302.7,39.5%,55.3%)`
HSV (or HSB)	302.7°, 48.4, 72.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.222, 48.3, -29.868
XYZ	32.875, 22.184, 46.804
xyY	0.323, 0.218, 22.184
CIE-LCH	54.222, 56.789, 328.268
CIE-LUV	54.222, 43.718, -52.018
Hunter-Lab	47.1, 42.167, -25.948
Binary	10111010, 01100000, 10110110

#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#60ba64
```
#60ba64 rgb(96,186,100)
```

Complementary Color

#9160ba
```
#9160ba rgb(145,96,186)
```
#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#ba6089
```
#ba6089 rgb(186,96,137)
```

Analogous Color

#60ba91
```
#60ba91 rgb(96,186,145)
```
#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#89ba60
```
#89ba60 rgb(137,186,96)
```

Split Complementary Color

#60b6ba
```
#60b6ba rgb(96,182,186)
```
#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#b6ba60
```
#b6ba60 rgb(182,186,96)
```

Triadic Color

#6460ba
```
#6460ba rgb(100,96,186)
```
#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#b6ba60
```
#b6ba60 rgb(182,186,96)
```
#60ba64
```
#60ba64 rgb(96,186,100)
```

Tetradic Color

#8f3e8c
```
#8f3e8c rgb(143,62,140)
```
#a1469d
```
#a1469d rgb(161,70,157)
```
#b24eae
```
#b24eae rgb(178,78,174)
```
#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#c272be
```
#c272be rgb(194,114,190)
```
#c984c6
```
#c984c6 rgb(201,132,198)
```
#d195ce
```
#d195ce rgb(209,149,206)
```

Monochromatic Color

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

#a860ba
```
#a860ba rgb(168,96,186)
```
#af60ba
```
#af60ba rgb(175,96,186)
```
#b760ba
```
#b760ba rgb(183,96,186)
```
#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#ba60af
```
#ba60af rgb(186,96,175)
```
#ba60a7
```
#ba60a7 rgb(186,96,167)
```
#ba60a0
```
#ba60a0 rgb(186,96,160)
```

Similar Colors

Text with hexadecimal color #ba60b6

This text has a font color of #ba60b6.

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

#ba60b6 background color

This paragraph has a background color of #ba60b6.

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

#ba60b6 border color

This element has a border color of #ba60b6.

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

CSS codes

.text {color:#ba60b6;}

.background {background-color:#ba60b6;}

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

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

#050205
```
#050205 rgb(5,2,5)
```
#130812
```
#130812 rgb(19,8,18)
```
#210e20
```
#210e20 rgb(33,14,32)
```
#2e142d
```
#2e142d rgb(46,20,45)
```
#3c1a3a
```
#3c1a3a rgb(60,26,58)
```
#4a2048
```
#4a2048 rgb(74,32,72)
```
#572655
```
#572655 rgb(87,38,85)
```
#652c62
```
#652c62 rgb(101,44,98)
```
#733270
```
#733270 rgb(115,50,112)
```
#80387d
```
#80387d rgb(128,56,125)
```
#8e3e8a
```
#8e3e8a rgb(142,62,138)
```
#9c4498
```
#9c4498 rgb(156,68,152)
```
#a949a5
```
#a949a5 rgb(169,73,165)
```

Shade Color Variation

#b452b0
```
#b452b0 rgb(180,82,176)
```
#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#c06ebc
```
#c06ebc rgb(192,110,188)
```
#c67bc3
```
#c67bc3 rgb(198,123,195)
```
#cc89c9
```
#cc89c9 rgb(204,137,201)
```
#d297cf
```
#d297cf rgb(210,151,207)
```
#d8a4d5
```
#d8a4d5 rgb(216,164,213)
```
#deb2dc
```
#deb2dc rgb(222,178,220)
```
#e4c0e2
```
#e4c0e2 rgb(228,192,226)
```
#e9cde8
```
#e9cde8 rgb(233,205,232)
```
#efdbef
```
#efdbef rgb(239,219,239)
```
#f5e9f5
```
#f5e9f5 rgb(245,233,245)
```
#fbf6fb
```
#fbf6fb rgb(251,246,251)
```

Tint Color Variation

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

#8e8c8e
```
#8e8c8e rgb(142,140,142)
```
#978396
```
#978396 rgb(151,131,150)
```
#a07a9e
```
#a07a9e rgb(160,122,158)
```
#a872a6
```
#a872a6 rgb(168,114,166)
```
#b169ae
```
#b169ae rgb(177,105,174)
```
#ba60b6
```
#ba60b6 rgb(186,96,182)
```
#c357be
```
#c357be rgb(195,87,190)
```
#cc4ec6
```
#cc4ec6 rgb(204,78,198)
```
#d446ce
```
#d446ce rgb(212,70,206)
```
#dd3dd6
```
#dd3dd6 rgb(221,61,214)
```
#e634de
```
#e634de rgb(230,52,222)
```
#ef2be6
```
#ef2be6 rgb(239,43,230)
```
#f723ee
```
#f723ee rgb(247,35,238)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#907e8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a85ce Protanopia 1% of men
#7c86b0 Deuteranopia 1% of men
#b5767e Tritanopia 0.001% of the population

Trichromacy

#8778c5 Protanomaly 1% of men, 0.01% of women
#9378b2 Deuteranomaly 6% of men, 0.4% of women
#b76e92 Tritanomaly 0.01% of the population

#ba60b6 hex color

#ba60b6 Color Information

#ba60b6 Color Conversion

Color Schemes with #ba60b6

Alternatives to #ba60b6

#ba60b6 Preview

Shades and Tints of #ba60b6

Tones of #ba60b6

Color Blindness Simulator