#ba6de2 hex color

In a RGB color space, hex #ba6de2 is composed of 72.9% red, 42.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 17.7% cyan, 51.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 279.5 degrees, a saturation of 66.9% and a lightness of 65.7%. #ba6de2 color hex could be obtained by blending #ffdaff with #7500c5. Closest websafe color is: #cc66cc.

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

● #ba6de2 color description : Soft violet.

The hexadecimal color #ba6de2 has RGB values of R:186, G:109, B:226 and CMYK values of C:0.18, M:0.52, Y:0, K:0.11. Its decimal value is 12217826.

Hex triplet	ba6de2	`#ba6de2`
RGB Decimal	186, 109, 226	`rgb(186,109,226)`
RGB Percent	72.9, 42.7, 88.6	`rgb(72.9%,42.7%,88.6%)`
CMYK	18, 52, 0, 11
HSL	279.5°, 66.9, 65.7	`hsl(279.5,66.9%,65.7%)`
HSV (or HSB)	279.5°, 51.8, 88.6
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	58.852, 50.311, -47.618
XYZ	39.444, 26.868, 75.056
xyY	0.279, 0.19, 26.868
CIE-LCH	58.852, 69.272, 316.575
CIE-LUV	58.852, 29.44, -81.206
Hunter-Lab	51.835, 45.12, -49.566
Binary	10111010, 01101101, 11100010

#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#95e26d
```
#95e26d rgb(149,226,109)
```

Complementary Color

#806de2
```
#806de2 rgb(128,109,226)
```
#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#e26dd0
```
#e26dd0 rgb(226,109,208)
```

Analogous Color

#6de280
```
#6de280 rgb(109,226,128)
```
#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#d0e26d
```
#d0e26d rgb(208,226,109)
```

Split Complementary Color

#6de2ba
```
#6de2ba rgb(109,226,186)
```
#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#e2ba6d
```
#e2ba6d rgb(226,186,109)
```

Triadic Color

#6d95e2
```
#6d95e2 rgb(109,149,226)
```
#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#e2ba6d
```
#e2ba6d rgb(226,186,109)
```
#95e26d
```
#95e26d rgb(149,226,109)
```

Tetradic Color

#9c2dd5
```
#9c2dd5 rgb(156,45,213)
```
#a642da
```
#a642da rgb(166,66,218)
```
#b058de
```
#b058de rgb(176,88,222)
```
#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#c482e6
```
#c482e6 rgb(196,130,230)
```
#ce98ea
```
#ce98ea rgb(206,152,234)
```
#d8adef
```
#d8adef rgb(216,173,239)
```

Monochromatic Color

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

#9d6de2
```
#9d6de2 rgb(157,109,226)
```
#a76de2
```
#a76de2 rgb(167,109,226)
```
#b06de2
```
#b06de2 rgb(176,109,226)
```
#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#c46de2
```
#c46de2 rgb(196,109,226)
```
#ce6de2
```
#ce6de2 rgb(206,109,226)
```
#d76de2
```
#d76de2 rgb(215,109,226)
```

Similar Colors

Text with hexadecimal color #ba6de2

This text has a font color of #ba6de2.

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

#ba6de2 background color

This paragraph has a background color of #ba6de2.

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

#ba6de2 border color

This element has a border color of #ba6de2.

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

CSS codes

.text {color:#ba6de2;}

.background {background-color:#ba6de2;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0d0412
```
#0d0412 rgb(13,4,18)
```
#190722
```
#190722 rgb(25,7,34)
```
#250a32
```
#250a32 rgb(37,10,50)
```
#300d43
```
#300d43 rgb(48,13,67)
```
#3c1153
```
#3c1153 rgb(60,17,83)
```
#481463
```
#481463 rgb(72,20,99)
```
#541774
```
#541774 rgb(84,23,116)
```
#601a84
```
#601a84 rgb(96,26,132)
```
#6c1e95
```
#6c1e95 rgb(108,30,149)
```
#7821a5
```
#7821a5 rgb(120,33,165)
```
#8424b5
```
#8424b5 rgb(132,36,181)
```
#9027c6
```
#9027c6 rgb(144,39,198)
```

Shade Color Variation

#9b2cd5
```
#9b2cd5 rgb(155,44,213)
```
#a33cd8
```
#a33cd8 rgb(163,60,216)
```
#ab4cdb
```
#ab4cdb rgb(171,76,219)
```
#b25ddf
```
#b25ddf rgb(178,93,223)
```
#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#c27de5
```
#c27de5 rgb(194,125,229)
```
#c98ee9
```
#c98ee9 rgb(201,142,233)
```
#d19eec
```
#d19eec rgb(209,158,236)
```
#d9aeef
```
#d9aeef rgb(217,174,239)
```
#e1bff2
```
#e1bff2 rgb(225,191,242)
```
#e8cff6
```
#e8cff6 rgb(232,207,246)
```
#f0e0f9
```
#f0e0f9 rgb(240,224,249)
```
#f8f0fc
```
#f8f0fc rgb(248,240,252)
```

Tint Color Variation

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

#a9a3ac
```
#a9a3ac rgb(169,163,172)
```
#ab9cb3
```
#ab9cb3 rgb(171,156,179)
```
#ad95ba
```
#ad95ba rgb(173,149,186)
```
#af8fc0
```
#af8fc0 rgb(175,143,192)
```
#b188c7
```
#b188c7 rgb(177,136,199)
```
#b481ce
```
#b481ce rgb(180,129,206)
```
#b67ad5
```
#b67ad5 rgb(182,122,213)
```
#b874db
```
#b874db rgb(184,116,219)
```
#ba6de2
```
#ba6de2 rgb(186,109,226)
```
#bc66e9
```
#bc66e9 rgb(188,102,233)
```
#be60ef
```
#be60ef rgb(190,96,239)
```
#c059f6
```
#c059f6 rgb(192,89,246)
```
#c352fd
```
#c352fd rgb(195,82,253)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#998aa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c90f9 Protanopia 1% of men
#6d93d9 Deuteranopia 1% of men
#ae8993 Tritanopia 0.001% of the population

Trichromacy

#7e83f0 Protanomaly 1% of men, 0.01% of women
#8985dc Deuteranomaly 6% of men, 0.4% of women
#b27fb0 Tritanomaly 0.01% of the population

#ba6de2 hex color

#ba6de2 Color Information

#ba6de2 Color Conversion

Color Schemes with #ba6de2

Alternatives to #ba6de2

#ba6de2 Preview

Shades and Tints of #ba6de2

Tones of #ba6de2

Color Blindness Simulator