#ba66d2 hex color

In a RGB color space, hex #ba66d2 is composed of 72.9% red, 40% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 51.4% magenta, 0% yellow and 17.6% black. It has a hue angle of 286.7 degrees, a saturation of 54.5% and a lightness of 61.2%. #ba66d2 color hex could be obtained by blending #ffccff with #7500a5. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 40
- B 82
RGB color chart
- C 11
- M 51
- Y 0
- K 18
CMYK color chart

● #ba66d2 color description : Moderate magenta.

The hexadecimal color #ba66d2 has RGB values of R:186, G:102, B:210 and CMYK values of C:0.11, M:0.51, Y:0, K:0.18. Its decimal value is 12216018.

Hex triplet	ba66d2	`#ba66d2`
RGB Decimal	186, 102, 210	`rgb(186,102,210)`
RGB Percent	72.9, 40, 82.4	`rgb(72.9%,40%,82.4%)`
CMYK	11, 51, 0, 18
HSL	286.7°, 54.5, 61.2	`hsl(286.7,54.5%,61.2%)`
HSV (or HSB)	286.7°, 51.4, 82.4
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.68, 50.594, -42.038
XYZ	36.633, 24.596, 63.787
xyY	0.293, 0.197, 24.596
CIE-LCH	56.68, 65.78, 320.277
CIE-LUV	56.68, 35.095, -71.842
Hunter-Lab	49.595, 45.056, -41.541
Binary	10111010, 01100110, 11010010

#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#7ed266
```
#7ed266 rgb(126,210,102)
```

Complementary Color

#8466d2
```
#8466d2 rgb(132,102,210)
```
#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#d266b4
```
#d266b4 rgb(210,102,180)
```

Analogous Color

#66d284
```
#66d284 rgb(102,210,132)
```
#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#b4d266
```
#b4d266 rgb(180,210,102)
```

Split Complementary Color

#66d2ba
```
#66d2ba rgb(102,210,186)
```
#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#d2ba66
```
#d2ba66 rgb(210,186,102)
```

Triadic Color

#667ed2
```
#667ed2 rgb(102,126,210)
```
#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#d2ba66
```
#d2ba66 rgb(210,186,102)
```
#7ed266
```
#7ed266 rgb(126,210,102)
```

Tetradic Color

#9936b6
```
#9936b6 rgb(153,54,182)
```
#a83fc6
```
#a83fc6 rgb(168,63,198)
```
#b152cc
```
#b152cc rgb(177,82,204)
```
#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#c37ad8
```
#c37ad8 rgb(195,122,216)
```
#cc8dde
```
#cc8dde rgb(204,141,222)
```
#d5a1e3
```
#d5a1e3 rgb(213,161,227)
```

Monochromatic Color

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

#9f66d2
```
#9f66d2 rgb(159,102,210)
```
#a866d2
```
#a866d2 rgb(168,102,210)
```
#b166d2
```
#b166d2 rgb(177,102,210)
```
#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#c366d2
```
#c366d2 rgb(195,102,210)
```
#cc66d2
```
#cc66d2 rgb(204,102,210)
```
#d266cf
```
#d266cf rgb(210,102,207)
```

Similar Colors

Text with hexadecimal color #ba66d2

This text has a font color of #ba66d2.

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

#ba66d2 background color

This paragraph has a background color of #ba66d2.

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

#ba66d2 border color

This element has a border color of #ba66d2.

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

CSS codes

.text {color:#ba66d2;}

.background {background-color:#ba66d2;}

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

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

#0c040e
```
#0c040e rgb(12,4,14)
```
#18081d
```
#18081d rgb(24,8,29)
```
#250d2c
```
#250d2c rgb(37,13,44)
```
#32113b
```
#32113b rgb(50,17,59)
```
#3f164a
```
#3f164a rgb(63,22,74)
```
#4b1a5a
```
#4b1a5a rgb(75,26,90)
```
#581f69
```
#581f69 rgb(88,31,105)
```
#652378
```
#652378 rgb(101,35,120)
```
#722887
```
#722887 rgb(114,40,135)
```
#7f2c96
```
#7f2c96 rgb(127,44,150)
```
#8b31a5
```
#8b31a5 rgb(139,49,165)
```
#9835b4
```
#9835b4 rgb(152,53,180)
```
#a53ac4
```
#a53ac4 rgb(165,58,196)
```

Shade Color Variation

#ac48c9
```
#ac48c9 rgb(172,72,201)
```
#b357ce
```
#b357ce rgb(179,87,206)
```
#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#c175d6
```
#c175d6 rgb(193,117,214)
```
#c884db
```
#c884db rgb(200,132,219)
```
#cf93df
```
#cf93df rgb(207,147,223)
```
#d5a3e4
```
#d5a3e4 rgb(213,163,228)
```
#dcb2e8
```
#dcb2e8 rgb(220,178,232)
```
#e3c1ed
```
#e3c1ed rgb(227,193,237)
```
#ead0f1
```
#ead0f1 rgb(234,208,241)
```
#f1dff6
```
#f1dff6 rgb(241,223,246)
```
#f8eefa
```
#f8eefa rgb(248,238,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9c9b9d
```
#9c9b9d rgb(156,155,157)
```
#a194a4
```
#a194a4 rgb(161,148,164)
```
#a58cac
```
#a58cac rgb(165,140,172)
```
#a984b4
```
#a984b4 rgb(169,132,180)
```
#ad7dbb
```
#ad7dbb rgb(173,125,187)
```
#b275c3
```
#b275c3 rgb(178,117,195)
```
#b66eca
```
#b66eca rgb(182,110,202)
```
#ba66d2
```
#ba66d2 rgb(186,102,210)
```
#be5eda
```
#be5eda rgb(190,94,218)
```
#c257e1
```
#c257e1 rgb(194,87,225)
```
#c74fe9
```
#c74fe9 rgb(199,79,233)
```
#cb48f0
```
#cb48f0 rgb(203,72,240)
```
#cf40f8
```
#cf40f8 rgb(207,64,248)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#948499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f8bea Protanopia 1% of men
#728dca Deuteranopia 1% of men
#b1818a Tritanopia 0.001% of the population

Trichromacy

#807de1 Protanomaly 1% of men, 0.01% of women
#8c7fcd Deuteranomaly 6% of men, 0.4% of women
#b477a4 Tritanomaly 0.01% of the population

#ba66d2 hex color

#ba66d2 Color Information

#ba66d2 Color Conversion

Color Schemes with #ba66d2

Alternatives to #ba66d2

#ba66d2 Preview

Shades and Tints of #ba66d2

Tones of #ba66d2

Color Blindness Simulator