#ba66de hex color

In a RGB color space, hex #ba66de is composed of 72.9% red, 40% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 54.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 282 degrees, a saturation of 64.5% and a lightness of 63.5%. #ba66de color hex could be obtained by blending #ffccff with #7500bd. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 40
- B 87
RGB color chart
- C 16
- M 54
- Y 0
- K 13
CMYK color chart

● #ba66de color description : Soft violet.

The hexadecimal color #ba66de has RGB values of R:186, G:102, B:222 and CMYK values of C:0.16, M:0.54, Y:0, K:0.13. Its decimal value is 12216030.

Hex triplet	ba66de	`#ba66de`
RGB Decimal	186, 102, 222	`rgb(186,102,222)`
RGB Percent	72.9, 40, 87.1	`rgb(72.9%,40%,87.1%)`
CMYK	16, 54, 0, 13
HSL	282°, 64.5, 63.5	`hsl(282,64.5%,63.5%)`
HSV (or HSB)	282°, 54.1, 87.1
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	57.286, 53.048, -47.854
XYZ	38.184, 25.217, 71.959
xyY	0.282, 0.186, 25.217
CIE-LCH	57.286, 71.443, 317.947
CIE-LUV	57.286, 32.553, -81.483
Hunter-Lab	50.216, 47.851, -49.81
Binary	10111010, 01100110, 11011110

#ba66de
```
#ba66de rgb(186,102,222)
```
#8ade66
```
#8ade66 rgb(138,222,102)
```

Complementary Color

#7e66de
```
#7e66de rgb(126,102,222)
```
#ba66de
```
#ba66de rgb(186,102,222)
```
#de66c6
```
#de66c6 rgb(222,102,198)
```

Analogous Color

#66de7e
```
#66de7e rgb(102,222,126)
```
#ba66de
```
#ba66de rgb(186,102,222)
```
#c6de66
```
#c6de66 rgb(198,222,102)
```

Split Complementary Color

#66deba
```
#66deba rgb(102,222,186)
```
#ba66de
```
#ba66de rgb(186,102,222)
```
#deba66
```
#deba66 rgb(222,186,102)
```

Triadic Color

#668ade
```
#668ade rgb(102,138,222)
```
#ba66de
```
#ba66de rgb(186,102,222)
```
#deba66
```
#deba66 rgb(222,186,102)
```
#8ade66
```
#8ade66 rgb(138,222,102)
```

Tetradic Color

#9c2ccc
```
#9c2ccc rgb(156,44,204)
```
#a73cd5
```
#a73cd5 rgb(167,60,213)
```
#b151d9
```
#b151d9 rgb(177,81,217)
```
#ba66de
```
#ba66de rgb(186,102,222)
```
#c37be3
```
#c37be3 rgb(195,123,227)
```
#cd90e7
```
#cd90e7 rgb(205,144,231)
```
#d6a5ec
```
#d6a5ec rgb(214,165,236)
```

Monochromatic Color

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

#9c66de
```
#9c66de rgb(156,102,222)
```
#a666de
```
#a666de rgb(166,102,222)
```
#b066de
```
#b066de rgb(176,102,222)
```
#ba66de
```
#ba66de rgb(186,102,222)
```
#c466de
```
#c466de rgb(196,102,222)
```
#ce66de
```
#ce66de rgb(206,102,222)
```
#d866de
```
#d866de rgb(216,102,222)
```

Similar Colors

Text with hexadecimal color #ba66de

This text has a font color of #ba66de.

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

#ba66de background color

This paragraph has a background color of #ba66de.

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

#ba66de border color

This element has a border color of #ba66de.

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

CSS codes

.text {color:#ba66de;}

.background {background-color:#ba66de;}

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

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

#060208
```
#060208 rgb(6,2,8)
```
#130518
```
#130518 rgb(19,5,24)
```
#1f0929
```
#1f0929 rgb(31,9,41)
```
#2b0c39
```
#2b0c39 rgb(43,12,57)
```
#381049
```
#381049 rgb(56,16,73)
```
#441359
```
#441359 rgb(68,19,89)
```
#501769
```
#501769 rgb(80,23,105)
```
#5d1a79
```
#5d1a79 rgb(93,26,121)
```
#691e89
```
#691e89 rgb(105,30,137)
```
#75219a
```
#75219a rgb(117,33,154)
```
#8225aa
```
#8225aa rgb(130,37,170)
```
#8e28ba
```
#8e28ba rgb(142,40,186)
```
#9a2cca
```
#9a2cca rgb(154,44,202)
```

Shade Color Variation

#a436d4
```
#a436d4 rgb(164,54,212)
```
#ab46d7
```
#ab46d7 rgb(171,70,215)
```
#b356db
```
#b356db rgb(179,86,219)
```
#ba66de
```
#ba66de rgb(186,102,222)
```
#c176e1
```
#c176e1 rgb(193,118,225)
```
#c986e5
```
#c986e5 rgb(201,134,229)
```
#d096e8
```
#d096e8 rgb(208,150,232)
```
#d7a7ec
```
#d7a7ec rgb(215,167,236)
```
#deb7ef
```
#deb7ef rgb(222,183,239)
```
#e6c7f3
```
#e6c7f3 rgb(230,199,243)
```
#edd7f6
```
#edd7f6 rgb(237,215,246)
```
#f4e7fa
```
#f4e7fa rgb(244,231,250)
```
#fbf7fd
```
#fbf7fd rgb(251,247,253)
```

Tint Color Variation

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

#a39fa5
```
#a39fa5 rgb(163,159,165)
```
#a698ac
```
#a698ac rgb(166,152,172)
```
#a991b3
```
#a991b3 rgb(169,145,179)
```
#ac8aba
```
#ac8aba rgb(172,138,186)
```
#af83c1
```
#af83c1 rgb(175,131,193)
```
#b17bc9
```
#b17bc9 rgb(177,123,201)
```
#b474d0
```
#b474d0 rgb(180,116,208)
```
#b76dd7
```
#b76dd7 rgb(183,109,215)
```
#ba66de
```
#ba66de rgb(186,102,222)
```
#bd5fe5
```
#bd5fe5 rgb(189,95,229)
```
#c058ec
```
#c058ec rgb(192,88,236)
```
#c351f3
```
#c351f3 rgb(195,81,243)
```
#c549fb
```
#c549fb rgb(197,73,251)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#96859d Atypical Achromatopsia 0.001% of the population

Dichromacy

#538cf7 Protanopia 1% of men
#698fd4 Deuteranopia 1% of men
#af848d Tritanopia 0.001% of the population

Trichromacy

#797eee Protanomaly 1% of men, 0.01% of women
#8680d8 Deuteranomaly 6% of men, 0.4% of women
#b379aa Tritanomaly 0.01% of the population

#ba66de hex color

#ba66de Color Information

#ba66de Color Conversion

Color Schemes with #ba66de

Alternatives to #ba66de

#ba66de Preview

Shades and Tints of #ba66de

Tones of #ba66de

Color Blindness Simulator