#ba80e2 hex color

In a RGB color space, hex #ba80e2 is composed of 72.9% red, 50.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 43.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 275.5 degrees, a saturation of 62.8% and a lightness of 69.4%. #ba80e2 color hex could be obtained by blending #ffffff with #7501c5. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 50
- B 89
RGB color chart
- C 18
- M 43
- Y 0
- K 11
CMYK color chart

● #ba80e2 color description : Very soft violet.

The hexadecimal color #ba80e2 has RGB values of R:186, G:128, B:226 and CMYK values of C:0.18, M:0.43, Y:0, K:0.11. Its decimal value is 12222690.

Hex triplet	ba80e2	`#ba80e2`
RGB Decimal	186, 128, 226	`rgb(186,128,226)`
RGB Percent	72.9, 50.2, 88.6	`rgb(72.9%,50.2%,88.6%)`
CMYK	18, 43, 0, 11
HSL	275.5°, 62.8, 69.4	`hsl(275.5,62.8%,69.4%)`
HSV (or HSB)	275.5°, 43.4, 88.6
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	62.818, 40.179, -41.367
XYZ	41.694, 31.369, 75.806
xyY	0.28, 0.211, 31.369
CIE-LCH	62.818, 57.668, 314.165
CIE-LUV	62.818, 22.573, -70.752
Hunter-Lab	56.008, 34.867, -41.042
Binary	10111010, 10000000, 11100010

#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#a8e280
```
#a8e280 rgb(168,226,128)
```

Complementary Color

#8980e2
```
#8980e2 rgb(137,128,226)
```
#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#e280d9
```
#e280d9 rgb(226,128,217)
```

Analogous Color

#80e289
```
#80e289 rgb(128,226,137)
```
#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#d9e280
```
#d9e280 rgb(217,226,128)
```

Split Complementary Color

#80e2ba
```
#80e2ba rgb(128,226,186)
```
#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```

Triadic Color

#80a8e2
```
#80a8e2 rgb(128,168,226)
```
#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#a8e280
```
#a8e280 rgb(168,226,128)
```

Tetradic Color

#9842d4
```
#9842d4 rgb(152,66,212)
```
#a356d9
```
#a356d9 rgb(163,86,217)
```
#af6bdd
```
#af6bdd rgb(175,107,221)
```
#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#c595e7
```
#c595e7 rgb(197,149,231)
```
#d1aaeb
```
#d1aaeb rgb(209,170,235)
```
#dcbef0
```
#dcbef0 rgb(220,190,240)
```

Monochromatic Color

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

#a280e2
```
#a280e2 rgb(162,128,226)
```
#aa80e2
```
#aa80e2 rgb(170,128,226)
```
#b280e2
```
#b280e2 rgb(178,128,226)
```
#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#c280e2
```
#c280e2 rgb(194,128,226)
```
#ca80e2
```
#ca80e2 rgb(202,128,226)
```
#d380e2
```
#d380e2 rgb(211,128,226)
```

Similar Colors

Text with hexadecimal color #ba80e2

This text has a font color of #ba80e2.

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

#ba80e2 background color

This paragraph has a background color of #ba80e2.

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

#ba80e2 border color

This element has a border color of #ba80e2.

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

CSS codes

.text {color:#ba80e2;}

.background {background-color:#ba80e2;}

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

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 #f7f0fc is the lightest one.

#010001
```
#010001 rgb(1,0,1)
```
#0b0411
```
#0b0411 rgb(11,4,17)
```
#160721
```
#160721 rgb(22,7,33)
```
#210b31
```
#210b31 rgb(33,11,49)
```
#2c0f41
```
#2c0f41 rgb(44,15,65)
```
#371251
```
#371251 rgb(55,18,81)
```
#421661
```
#421661 rgb(66,22,97)
```
#4d1a71
```
#4d1a71 rgb(77,26,113)
```
#581d81
```
#581d81 rgb(88,29,129)
```
#632190
```
#632190 rgb(99,33,144)
```
#6e25a0
```
#6e25a0 rgb(110,37,160)
```
#7928b0
```
#7928b0 rgb(121,40,176)
```
#842cc0
```
#842cc0 rgb(132,44,192)
```

Shade Color Variation

#8f30d0
```
#8f30d0 rgb(143,48,208)
```
#9740d3
```
#9740d3 rgb(151,64,211)
```
#a050d7
```
#a050d7 rgb(160,80,215)
```
#a960db
```
#a960db rgb(169,96,219)
```
#b170de
```
#b170de rgb(177,112,222)
```
#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#c390e6
```
#c390e6 rgb(195,144,230)
```
#cba0e9
```
#cba0e9 rgb(203,160,233)
```
#d4b0ed
```
#d4b0ed rgb(212,176,237)
```
#ddc0f1
```
#ddc0f1 rgb(221,192,241)
```
#e5d0f4
```
#e5d0f4 rgb(229,208,244)
```
#eee0f8
```
#eee0f8 rgb(238,224,248)
```
#f7f0fc
```
#f7f0fc rgb(247,240,252)
```

Tint Color Variation

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

#b1b0b2
```
#b1b0b2 rgb(177,176,178)
```
#b2aab8
```
#b2aab8 rgb(178,170,184)
```
#b3a4be
```
#b3a4be rgb(179,164,190)
```
#b49ec4
```
#b49ec4 rgb(180,158,196)
```
#b698ca
```
#b698ca rgb(182,152,202)
```
#b792d0
```
#b792d0 rgb(183,146,208)
```
#b88cd6
```
#b88cd6 rgb(184,140,214)
```
#b986dc
```
#b986dc rgb(185,134,220)
```
#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#bb7ae8
```
#bb7ae8 rgb(187,122,232)
```
#bc74ee
```
#bc74ee rgb(188,116,238)
```
#bd6ef4
```
#bd6ef4 rgb(189,110,244)
```
#be68fa
```
#be68fa rgb(190,104,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a397ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#789af2 Protanopia 1% of men
#829cdc Deuteranopia 1% of men
#b096a0 Tritanopia 0.001% of the population

Trichromacy

#9090ec Protanomaly 1% of men, 0.01% of women
#9691de Deuteranomaly 6% of men, 0.4% of women
#b48eb8 Tritanomaly 0.01% of the population

#ba80e2 hex color

#ba80e2 Color Information

#ba80e2 Color Conversion

Color Schemes with #ba80e2

Alternatives to #ba80e2

#ba80e2 Preview

Shades and Tints of #ba80e2

Tones of #ba80e2

Color Blindness Simulator