#ba60b8 hex color

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

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

● #ba60b8 color description : Slightly desaturated magenta.

The hexadecimal color #ba60b8 has RGB values of R:186, G:96, B:184 and CMYK values of C:0, M:0.48, Y:0.01, K:0.27. Its decimal value is 12214456.

Hex triplet	ba60b8	`#ba60b8`
RGB Decimal	186, 96, 184	`rgb(186,96,184)`
RGB Percent	72.9, 37.6, 72.2	`rgb(72.9%,37.6%,72.2%)`
CMYK	0, 48, 1, 27
HSL	301.3°, 39.5, 55.3	`hsl(301.3,39.5%,55.3%)`
HSV (or HSB)	301.3°, 48.4, 72.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.309, 48.661, -30.886
XYZ	33.084, 22.267, 47.9
xyY	0.32, 0.216, 22.267
CIE-LCH	54.309, 57.635, 327.595
CIE-LUV	54.309, 43.235, -53.654
Hunter-Lab	47.188, 42.567, -27.153
Binary	10111010, 01100000, 10111000

#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#60ba62
```
#60ba62 rgb(96,186,98)
```

Complementary Color

#8f60ba
```
#8f60ba rgb(143,96,186)
```
#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#ba608b
```
#ba608b rgb(186,96,139)
```

Analogous Color

#60ba8f
```
#60ba8f rgb(96,186,143)
```
#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#8bba60
```
#8bba60 rgb(139,186,96)
```

Split Complementary Color

#60b8ba
```
#60b8ba rgb(96,184,186)
```
#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#b8ba60
```
#b8ba60 rgb(184,186,96)
```

Triadic Color

#6260ba
```
#6260ba rgb(98,96,186)
```
#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#b8ba60
```
#b8ba60 rgb(184,186,96)
```
#60ba62
```
#60ba62 rgb(96,186,98)
```

Tetradic Color

#8f3e8e
```
#8f3e8e rgb(143,62,142)
```
#a1469f
```
#a1469f rgb(161,70,159)
```
#b24eb0
```
#b24eb0 rgb(178,78,176)
```
#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#c272c0
```
#c272c0 rgb(194,114,192)
```
#c984c8
```
#c984c8 rgb(201,132,200)
```
#d195d0
```
#d195d0 rgb(209,149,208)
```

Monochromatic Color

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

#a660ba
```
#a660ba rgb(166,96,186)
```
#ad60ba
```
#ad60ba rgb(173,96,186)
```
#b560ba
```
#b560ba rgb(181,96,186)
```
#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#ba60b1
```
#ba60b1 rgb(186,96,177)
```
#ba60a9
```
#ba60a9 rgb(186,96,169)
```
#ba60a2
```
#ba60a2 rgb(186,96,162)
```

Similar Colors

Text with hexadecimal color #ba60b8

This text has a font color of #ba60b8.

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

#ba60b8 background color

This paragraph has a background color of #ba60b8.

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

#ba60b8 border color

This element has a border color of #ba60b8.

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

CSS codes

.text {color:#ba60b8;}

.background {background-color:#ba60b8;}

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

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)
```
#130813
```
#130813 rgb(19,8,19)
```
#210e20
```
#210e20 rgb(33,14,32)
```
#2e142e
```
#2e142e rgb(46,20,46)
```
#3c1a3b
```
#3c1a3b rgb(60,26,59)
```
#4a2049
```
#4a2049 rgb(74,32,73)
```
#572656
```
#572656 rgb(87,38,86)
```
#652c64
```
#652c64 rgb(101,44,100)
```
#733271
```
#733271 rgb(115,50,113)
```
#80387f
```
#80387f rgb(128,56,127)
```
#8e3e8c
```
#8e3e8c rgb(142,62,140)
```
#9c449a
```
#9c449a rgb(156,68,154)
```
#a949a7
```
#a949a7 rgb(169,73,167)
```

Shade Color Variation

#b452b2
```
#b452b2 rgb(180,82,178)
```
#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#c06ebe
```
#c06ebe rgb(192,110,190)
```
#c67bc4
```
#c67bc4 rgb(198,123,196)
```
#cc89ca
```
#cc89ca rgb(204,137,202)
```
#d297d0
```
#d297d0 rgb(210,151,208)
```
#d8a4d7
```
#d8a4d7 rgb(216,164,215)
```
#deb2dd
```
#deb2dd rgb(222,178,221)
```
#e4c0e3
```
#e4c0e3 rgb(228,192,227)
```
#e9cde9
```
#e9cde9 rgb(233,205,233)
```
#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 #f723f3 is the most saturated one.

#8e8c8e
```
#8e8c8e rgb(142,140,142)
```
#978396
```
#978396 rgb(151,131,150)
```
#a07a9f
```
#a07a9f rgb(160,122,159)
```
#a872a7
```
#a872a7 rgb(168,114,167)
```
#b169b0
```
#b169b0 rgb(177,105,176)
```
#ba60b8
```
#ba60b8 rgb(186,96,184)
```
#c357c0
```
#c357c0 rgb(195,87,192)
```
#cc4ec9
```
#cc4ec9 rgb(204,78,201)
```
#d446d1
```
#d446d1 rgb(212,70,209)
```
#dd3dda
```
#dd3dda rgb(221,61,218)
```
#e634e2
```
#e634e2 rgb(230,52,226)
```
#ef2bea
```
#ef2bea rgb(239,43,234)
```
#f723f3
```
#f723f3 rgb(247,35,243)
```

Tone Color Variation

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

#6985d0 Protanopia 1% of men
#7b86b2 Deuteranopia 1% of men
#b5777f Tritanopia 0.001% of the population

Trichromacy

#8678c7 Protanomaly 1% of men, 0.01% of women
#9278b4 Deuteranomaly 6% of men, 0.4% of women
#b66e93 Tritanomaly 0.01% of the population

#ba60b8 hex color

#ba60b8 Color Information

#ba60b8 Color Conversion

Color Schemes with #ba60b8

Alternatives to #ba60b8

#ba60b8 Preview

Shades and Tints of #ba60b8

Tones of #ba60b8

Color Blindness Simulator