#ba80cc hex color

In a RGB color space, hex #ba80cc is composed of 72.9% red, 50.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 37.3% magenta, 0% yellow and 20% black. It has a hue angle of 285.8 degrees, a saturation of 42.7% and a lightness of 65.1%. #ba80cc color hex could be obtained by blending #ffffff with #750199. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 50
- B 80
RGB color chart
- C 9
- M 37
- Y 0
- K 20
CMYK color chart

● #ba80cc color description : Slightly desaturated magenta.

The hexadecimal color #ba80cc has RGB values of R:186, G:128, B:204 and CMYK values of C:0.09, M:0.37, Y:0, K:0.2. Its decimal value is 12222668.

Hex triplet	ba80cc	`#ba80cc`
RGB Decimal	186, 128, 204	`rgb(186,128,204)`
RGB Percent	72.9, 50.2, 80	`rgb(72.9%,50.2%,80%)`
CMYK	9, 37, 0, 20
HSL	285.8°, 42.7, 65.1	`hsl(285.8,42.7%,65.1%)`
HSV (or HSB)	285.8°, 37.3, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	61.859, 35.522, -30.556
XYZ	38.867, 30.238, 60.913
xyY	0.299, 0.233, 30.238
CIE-LCH	61.859, 46.856, 319.298
CIE-LUV	61.859, 26.072, -52.485
Hunter-Lab	54.989, 29.933, -27.184
Binary	10111010, 10000000, 11001100

#ba80cc
```
#ba80cc rgb(186,128,204)
```
#92cc80
```
#92cc80 rgb(146,204,128)
```

Complementary Color

#9480cc
```
#9480cc rgb(148,128,204)
```
#ba80cc
```
#ba80cc rgb(186,128,204)
```
#cc80b8
```
#cc80b8 rgb(204,128,184)
```

Analogous Color

#80cc94
```
#80cc94 rgb(128,204,148)
```
#ba80cc
```
#ba80cc rgb(186,128,204)
```
#b8cc80
```
#b8cc80 rgb(184,204,128)
```

Split Complementary Color

#80ccba
```
#80ccba rgb(128,204,186)
```
#ba80cc
```
#ba80cc rgb(186,128,204)
```
#ccba80
```
#ccba80 rgb(204,186,128)
```

Triadic Color

#8092cc
```
#8092cc rgb(128,146,204)
```
#ba80cc
```
#ba80cc rgb(186,128,204)
```
#ccba80
```
#ccba80 rgb(204,186,128)
```
#92cc80
```
#92cc80 rgb(146,204,128)
```

Tetradic Color

#9c49b6
```
#9c49b6 rgb(156,73,182)
```
#a65cbd
```
#a65cbd rgb(166,92,189)
```
#b06ec5
```
#b06ec5 rgb(176,110,197)
```
#ba80cc
```
#ba80cc rgb(186,128,204)
```
#c492d3
```
#c492d3 rgb(196,146,211)
```
#cea4db
```
#cea4db rgb(206,164,219)
```
#d8b7e2
```
#d8b7e2 rgb(216,183,226)
```

Monochromatic Color

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

#a780cc
```
#a780cc rgb(167,128,204)
```
#ad80cc
```
#ad80cc rgb(173,128,204)
```
#b480cc
```
#b480cc rgb(180,128,204)
```
#ba80cc
```
#ba80cc rgb(186,128,204)
```
#c080cc
```
#c080cc rgb(192,128,204)
```
#c780cc
```
#c780cc rgb(199,128,204)
```
#cc80cb
```
#cc80cb rgb(204,128,203)
```

Similar Colors

Text with hexadecimal color #ba80cc

This text has a font color of #ba80cc.

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

#ba80cc background color

This paragraph has a background color of #ba80cc.

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

#ba80cc border color

This element has a border color of #ba80cc.

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

CSS codes

.text {color:#ba80cc;}

.background {background-color:#ba80cc;}

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

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, #0b050d is the darkest color, while #fefeff is the lightest one.

#0b050d
```
#0b050d rgb(11,5,13)
```
#170b1b
```
#170b1b rgb(23,11,27)
```
#231029
```
#231029 rgb(35,16,41)
```
#2f1637
```
#2f1637 rgb(47,22,55)
```
#3b1c45
```
#3b1c45 rgb(59,28,69)
```
#472153
```
#472153 rgb(71,33,83)
```
#532761
```
#532761 rgb(83,39,97)
```
#5f2d6f
```
#5f2d6f rgb(95,45,111)
```
#6b327d
```
#6b327d rgb(107,50,125)
```
#77388b
```
#77388b rgb(119,56,139)
```
#833d99
```
#833d99 rgb(131,61,153)
```
#8f43a7
```
#8f43a7 rgb(143,67,167)
```
#9b49b5
```
#9b49b5 rgb(155,73,181)
```

Shade Color Variation

#a356bb
```
#a356bb rgb(163,86,187)
```
#ab64c1
```
#ab64c1 rgb(171,100,193)
```
#b272c6
```
#b272c6 rgb(178,114,198)
```
#ba80cc
```
#ba80cc rgb(186,128,204)
```
#c28ed2
```
#c28ed2 rgb(194,142,210)
```
#c99cd7
```
#c99cd7 rgb(201,156,215)
```
#d1aadd
```
#d1aadd rgb(209,170,221)
```
#d8b8e2
```
#d8b8e2 rgb(216,184,226)
```
#e0c6e8
```
#e0c6e8 rgb(224,198,232)
```
#e8d4ee
```
#e8d4ee rgb(232,212,238)
```
#efe2f3
```
#efe2f3 rgb(239,226,243)
```
#f7f0f9
```
#f7f0f9 rgb(247,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a8a2aa
```
#a8a2aa rgb(168,162,170)
```
#ac9bb1
```
#ac9bb1 rgb(172,155,177)
```
#af95b7
```
#af95b7 rgb(175,149,183)
```
#b38ebe
```
#b38ebe rgb(179,142,190)
```
#b687c5
```
#b687c5 rgb(182,135,197)
```
#ba80cc
```
#ba80cc rgb(186,128,204)
```
#be79d3
```
#be79d3 rgb(190,121,211)
```
#c172da
```
#c172da rgb(193,114,218)
```
#c56be1
```
#c56be1 rgb(197,107,225)
```
#c865e7
```
#c865e7 rgb(200,101,231)
```
#cc5eee
```
#cc5eee rgb(204,94,238)
```
#d057f5
```
#d057f5 rgb(208,87,245)
```
#d350fc
```
#d350fc rgb(211,80,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a095a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8398db Protanopia 1% of men
#8e98c8 Deuteranopia 1% of men
#b4919b Tritanopia 0.001% of the population

Trichromacy

#978fd5 Protanomaly 1% of men, 0.01% of women
#9e8fc9 Deuteranomaly 6% of men, 0.4% of women
#b68bad Tritanomaly 0.01% of the population

#ba80cc hex color

#ba80cc Color Information

#ba80cc Color Conversion

Color Schemes with #ba80cc

Alternatives to #ba80cc

#ba80cc Preview

Shades and Tints of #ba80cc

Tones of #ba80cc

Color Blindness Simulator