#ba80e6 hex color

In a RGB color space, hex #ba80e6 is composed of 72.9% red, 50.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 19.1% cyan, 44.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 274.1 degrees, a saturation of 67.1% and a lightness of 70.2%. #ba80e6 color hex could be obtained by blending #ffffff with #7501cd. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 50
- B 90
RGB color chart
- C 19
- M 44
- Y 0
- K 10
CMYK color chart

● #ba80e6 color description : Very soft violet.

The hexadecimal color #ba80e6 has RGB values of R:186, G:128, B:230 and CMYK values of C:0.19, M:0.44, Y:0, K:0.1. Its decimal value is 12222694.

Hex triplet	ba80e6	`#ba80e6`
RGB Decimal	186, 128, 230	`rgb(186,128,230)`
RGB Percent	72.9, 50.2, 90.2	`rgb(72.9%,50.2%,90.2%)`
CMYK	19, 44, 0, 10
HSL	274.1°, 67.1, 70.2	`hsl(274.1,67.1%,70.2%)`
HSV (or HSB)	274.1°, 44.3, 90.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	63.004, 41.058, -43.298
XYZ	42.25, 31.591, 78.731
xyY	0.277, 0.207, 31.591
CIE-LCH	63.004, 59.67, 313.479
CIE-LUV	63.004, 21.95, -74.046
Hunter-Lab	56.206, 35.816, -43.706
Binary	10111010, 10000000, 11100110

#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#ace680
```
#ace680 rgb(172,230,128)
```

Complementary Color

#8780e6
```
#8780e6 rgb(135,128,230)
```
#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#e680df
```
#e680df rgb(230,128,223)
```

Analogous Color

#80e687
```
#80e687 rgb(128,230,135)
```
#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#dfe680
```
#dfe680 rgb(223,230,128)
```

Split Complementary Color

#80e6ba
```
#80e6ba rgb(128,230,186)
```
#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#e6ba80
```
#e6ba80 rgb(230,186,128)
```

Triadic Color

#80ace6
```
#80ace6 rgb(128,172,230)
```
#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#e6ba80
```
#e6ba80 rgb(230,186,128)
```
#ace680
```
#ace680 rgb(172,230,128)
```

Tetradic Color

#9740d9
```
#9740d9 rgb(151,64,217)
```
#a355de
```
#a355de rgb(163,85,222)
```
#ae6be2
```
#ae6be2 rgb(174,107,226)
```
#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#c695ea
```
#c695ea rgb(198,149,234)
```
#d1abee
```
#d1abee rgb(209,171,238)
```
#ddc0f3
```
#ddc0f3 rgb(221,192,243)
```

Monochromatic Color

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

#a180e6
```
#a180e6 rgb(161,128,230)
```
#a980e6
```
#a980e6 rgb(169,128,230)
```
#b280e6
```
#b280e6 rgb(178,128,230)
```
#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#c380e6
```
#c380e6 rgb(195,128,230)
```
#cb80e6
```
#cb80e6 rgb(203,128,230)
```
#d480e6
```
#d480e6 rgb(212,128,230)
```

Similar Colors

Text with hexadecimal color #ba80e6

This text has a font color of #ba80e6.

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

#ba80e6 background color

This paragraph has a background color of #ba80e6.

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

#ba80e6 border color

This element has a border color of #ba80e6.

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

CSS codes

.text {color:#ba80e6;}

.background {background-color:#ba80e6;}

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

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

#030104
```
#030104 rgb(3,1,4)
```
#0d0415
```
#0d0415 rgb(13,4,21)
```
#180725
```
#180725 rgb(24,7,37)
```
#230a35
```
#230a35 rgb(35,10,53)
```
#2e0e46
```
#2e0e46 rgb(46,14,70)
```
#381156
```
#381156 rgb(56,17,86)
```
#431466
```
#431466 rgb(67,20,102)
```
#4e1777
```
#4e1777 rgb(78,23,119)
```
#581b87
```
#581b87 rgb(88,27,135)
```
#631e98
```
#631e98 rgb(99,30,152)
```
#6e21a8
```
#6e21a8 rgb(110,33,168)
```
#7924b8
```
#7924b8 rgb(121,36,184)
```
#8328c9
```
#8328c9 rgb(131,40,201)
```

Shade Color Variation

#8d2ed6
```
#8d2ed6 rgb(141,46,214)
```
#963ed9
```
#963ed9 rgb(150,62,217)
```
#9f4fdc
```
#9f4fdc rgb(159,79,220)
```
#a85fe0
```
#a85fe0 rgb(168,95,224)
```
#b170e3
```
#b170e3 rgb(177,112,227)
```
#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#c390e9
```
#c390e9 rgb(195,144,233)
```
#cca1ec
```
#cca1ec rgb(204,161,236)
```
#d5b1f0
```
#d5b1f0 rgb(213,177,240)
```
#dec2f3
```
#dec2f3 rgb(222,194,243)
```
#e7d2f6
```
#e7d2f6 rgb(231,210,246)
```
#efe2f9
```
#efe2f9 rgb(239,226,249)
```
#f8f3fd
```
#f8f3fd rgb(248,243,253)
```

Tint Color Variation

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

#b4afb7
```
#b4afb7 rgb(180,175,183)
```
#b4a9bd
```
#b4a9bd rgb(180,169,189)
```
#b5a3c3
```
#b5a3c3 rgb(181,163,195)
```
#b69dc9
```
#b69dc9 rgb(182,157,201)
```
#b797cf
```
#b797cf rgb(183,151,207)
```
#b892d4
```
#b892d4 rgb(184,146,212)
```
#b88cda
```
#b88cda rgb(184,140,218)
```
#b986e0
```
#b986e0 rgb(185,134,224)
```
#ba80e6
```
#ba80e6 rgb(186,128,230)
```
#bb7aec
```
#bb7aec rgb(187,122,236)
```
#bc74f2
```
#bc74f2 rgb(188,116,242)
```
#bc6ef8
```
#bc6ef8 rgb(188,110,248)
```
#bd69fd
```
#bd69fd rgb(189,105,253)
```

Tone Color Variation

Below, you can see how #ba80e6 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
#a397ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#759af6 Protanopia 1% of men
#7f9cdf Deuteranopia 1% of men
#b097a1 Tritanopia 0.001% of the population

Trichromacy

#8e91f0 Protanomaly 1% of men, 0.01% of women
#9492e2 Deuteranomaly 6% of men, 0.4% of women
#b38eba Tritanomaly 0.01% of the population

#ba80e6 hex color

#ba80e6 Color Information

#ba80e6 Color Conversion

Color Schemes with #ba80e6

Alternatives to #ba80e6

#ba80e6 Preview

Shades and Tints of #ba80e6

Tones of #ba80e6

Color Blindness Simulator