#661ed2 hex color

In a RGB color space, hex #661ed2 is composed of 40% red, 11.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 85.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 264 degrees, a saturation of 75% and a lightness of 47.1%. #661ed2 color hex could be obtained by blending #cc3cff with #0000a5. Closest websafe color is: #6633cc.

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

● #661ed2 color description : Strong violet.

The hexadecimal color #661ed2 has RGB values of R:102, G:30, B:210 and CMYK values of C:0.51, M:0.86, Y:0, K:0.18. Its decimal value is 6692562.

Hex triplet	661ed2	`#661ed2`
RGB Decimal	102, 30, 210	`rgb(102,30,210)`
RGB Percent	40, 11.8, 82.4	`rgb(40%,11.8%,82.4%)`
CMYK	51, 86, 0, 18
HSL	264°, 75, 47.1	`hsl(264,75%,47.1%)`
HSV (or HSB)	264°, 85.7, 82.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.815, 65.822, -77.86
XYZ	17.575, 8.406, 61.666
xyY	0.201, 0.096, 8.406
CIE-LCH	34.815, 101.954, 310.211
CIE-LUV	34.815, 7.264, -107.783
Hunter-Lab	28.994, 57.46, -105.807
Binary	01100110, 00011110, 11010010

#661ed2
```
#661ed2 rgb(102,30,210)
```
#8ad21e
```
#8ad21e rgb(138,210,30)
```

Complementary Color

#1e30d2
```
#1e30d2 rgb(30,48,210)
```
#661ed2
```
#661ed2 rgb(102,30,210)
```
#c01ed2
```
#c01ed2 rgb(192,30,210)
```

Analogous Color

#30d21e
```
#30d21e rgb(48,210,30)
```
#661ed2
```
#661ed2 rgb(102,30,210)
```
#d2c01e
```
#d2c01e rgb(210,192,30)
```

Split Complementary Color

#1ed266
```
#1ed266 rgb(30,210,102)
```
#661ed2
```
#661ed2 rgb(102,30,210)
```
#d2661e
```
#d2661e rgb(210,102,30)
```

Triadic Color

#1e8ad2
```
#1e8ad2 rgb(30,138,210)
```
#661ed2
```
#661ed2 rgb(102,30,210)
```
#d2661e
```
#d2661e rgb(210,102,30)
```
#8ad21e
```
#8ad21e rgb(138,210,30)
```

Tetradic Color

#45148f
```
#45148f rgb(69,20,143)
```
#5018a5
```
#5018a5 rgb(80,24,165)
```
#5b1bbc
```
#5b1bbc rgb(91,27,188)
```
#661ed2
```
#661ed2 rgb(102,30,210)
```
#7229e0
```
#7229e0 rgb(114,41,224)
```
#813fe4
```
#813fe4 rgb(129,63,228)
```
#9056e7
```
#9056e7 rgb(144,86,231)
```

Monochromatic Color

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

#391ed2
```
#391ed2 rgb(57,30,210)
```
#481ed2
```
#481ed2 rgb(72,30,210)
```
#571ed2
```
#571ed2 rgb(87,30,210)
```
#661ed2
```
#661ed2 rgb(102,30,210)
```
#751ed2
```
#751ed2 rgb(117,30,210)
```
#841ed2
```
#841ed2 rgb(132,30,210)
```
#931ed2
```
#931ed2 rgb(147,30,210)
```

Similar Colors

Text with hexadecimal color #661ed2

This text has a font color of #661ed2.

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

#661ed2 background color

This paragraph has a background color of #661ed2.

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

#661ed2 border color

This element has a border color of #661ed2.

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

CSS codes

.text {color:#661ed2;}

.background {background-color:#661ed2;}

.border {border:1px solid #661ed2;}

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

#020104
```
#020104 rgb(2,1,4)
```
#0a0315
```
#0a0315 rgb(10,3,21)
```
#130526
```
#130526 rgb(19,5,38)
```
#1b0838
```
#1b0838 rgb(27,8,56)
```
#230a49
```
#230a49 rgb(35,10,73)
```
#2c0d5a
```
#2c0d5a rgb(44,13,90)
```
#340f6b
```
#340f6b rgb(52,15,107)
```
#3c127c
```
#3c127c rgb(60,18,124)
```
#45148d
```
#45148d rgb(69,20,141)
```
#4d179f
```
#4d179f rgb(77,23,159)
```
#5519b0
```
#5519b0 rgb(85,25,176)
```
#5e1cc1
```
#5e1cc1 rgb(94,28,193)
```
#661ed2
```
#661ed2 rgb(102,30,210)
```

Shade Color Variation

#6f24e0
```
#6f24e0 rgb(111,36,224)
```
#7a35e2
```
#7a35e2 rgb(122,53,226)
```
#8646e5
```
#8646e5 rgb(134,70,229)
```
#9157e7
```
#9157e7 rgb(145,87,231)
```
#9c69ea
```
#9c69ea rgb(156,105,234)
```
#a77aec
```
#a77aec rgb(167,122,236)
```
#b38bee
```
#b38bee rgb(179,139,238)
```
#be9cf1
```
#be9cf1 rgb(190,156,241)
```
#c9adf3
```
#c9adf3 rgb(201,173,243)
```
#d5bef6
```
#d5bef6 rgb(213,190,246)
```
#e0d0f8
```
#e0d0f8 rgb(224,208,248)
```
#ebe1fb
```
#ebe1fb rgb(235,225,251)
```
#f6f2fd
```
#f6f2fd rgb(246,242,253)
```

Tint Color Variation

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

#77717f
```
#77717f rgb(119,113,127)
```
#756888
```
#756888 rgb(117,104,136)
```
#735f91
```
#735f91 rgb(115,95,145)
```
#71559b
```
#71559b rgb(113,85,155)
```
#6f4ca4
```
#6f4ca4 rgb(111,76,164)
```
#6d43ad
```
#6d43ad rgb(109,67,173)
```
#6c3ab6
```
#6c3ab6 rgb(108,58,182)
```
#6a30c0
```
#6a30c0 rgb(106,48,192)
```
#6827c9
```
#6827c9 rgb(104,39,201)
```
#661ed2
```
#661ed2 rgb(102,30,210)
```
#6415db
```
#6415db rgb(100,21,219)
```
#620ce4
```
#620ce4 rgb(98,12,228)
```
#6002ee
```
#6002ee rgb(96,2,238)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#4e4064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d95 Deuteranopia 1% of men
#425f66 Tritanopia 0.001% of the population

Trichromacy

#2543b9 Protanomaly 1% of men, 0.01% of women
#2546ab Deuteranomaly 6% of men, 0.4% of women
#4f478d Tritanomaly 0.01% of the population

#661ed2 hex color

#661ed2 Color Information

#661ed2 Color Conversion

Color Schemes with #661ed2

Alternatives to #661ed2

#661ed2 Preview

Shades and Tints of #661ed2

Tones of #661ed2

Color Blindness Simulator