#661cd2 hex color

In a RGB color space, hex #661cd2 is composed of 40% red, 11% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 86.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 264.4 degrees, a saturation of 76.5% and a lightness of 46.7%. #661cd2 color hex could be obtained by blending #cc38ff with #0000a5. Closest websafe color is: #6633cc.

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

● #661cd2 color description : Strong violet.

The hexadecimal color #661cd2 has RGB values of R:102, G:28, B:210 and CMYK values of C:0.51, M:0.87, Y:0, K:0.18. Its decimal value is 6692050.

Hex triplet	661cd2	`#661cd2`
RGB Decimal	102, 28, 210	`rgb(102,28,210)`
RGB Percent	40, 11, 82.4	`rgb(40%,11%,82.4%)`
CMYK	51, 87, 0, 18
HSL	264.4°, 76.5, 46.7	`hsl(264.4,76.5%,46.7%)`
HSV (or HSB)	264.4°, 86.7, 82.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.617, 66.411, -78.187
XYZ	17.526, 8.308, 61.649
xyY	0.2, 0.095, 8.308
CIE-LCH	34.617, 102.585, 310.344
CIE-LUV	34.617, 7.415, -107.886
Hunter-Lab	28.824, 58.09, -106.634
Binary	01100110, 00011100, 11010010

#661cd2
```
#661cd2 rgb(102,28,210)
```
#88d21c
```
#88d21c rgb(136,210,28)
```

Complementary Color

#1c2dd2
```
#1c2dd2 rgb(28,45,210)
```
#661cd2
```
#661cd2 rgb(102,28,210)
```
#c11cd2
```
#c11cd2 rgb(193,28,210)
```

Analogous Color

#2dd21c
```
#2dd21c rgb(45,210,28)
```
#661cd2
```
#661cd2 rgb(102,28,210)
```
#d2c11c
```
#d2c11c rgb(210,193,28)
```

Split Complementary Color

#1cd266
```
#1cd266 rgb(28,210,102)
```
#661cd2
```
#661cd2 rgb(102,28,210)
```
#d2661c
```
#d2661c rgb(210,102,28)
```

Triadic Color

#1c88d2
```
#1c88d2 rgb(28,136,210)
```
#661cd2
```
#661cd2 rgb(102,28,210)
```
#d2661c
```
#d2661c rgb(210,102,28)
```
#88d21c
```
#88d21c rgb(136,210,28)
```

Tetradic Color

#45138f
```
#45138f rgb(69,19,143)
```
#5016a5
```
#5016a5 rgb(80,22,165)
```
#5b19bc
```
#5b19bc rgb(91,25,188)
```
#661cd2
```
#661cd2 rgb(102,28,210)
```
#7226e2
```
#7226e2 rgb(114,38,226)
```
#813ce5
```
#813ce5 rgb(129,60,229)
```
#8f53e8
```
#8f53e8 rgb(143,83,232)
```

Monochromatic Color

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

#391cd2
```
#391cd2 rgb(57,28,210)
```
#481cd2
```
#481cd2 rgb(72,28,210)
```
#571cd2
```
#571cd2 rgb(87,28,210)
```
#661cd2
```
#661cd2 rgb(102,28,210)
```
#751cd2
```
#751cd2 rgb(117,28,210)
```
#841cd2
```
#841cd2 rgb(132,28,210)
```
#941cd2
```
#941cd2 rgb(148,28,210)
```

Similar Colors

Text with hexadecimal color #661cd2

This text has a font color of #661cd2.

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

#661cd2 background color

This paragraph has a background color of #661cd2.

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

#661cd2 border color

This element has a border color of #661cd2.

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

CSS codes

.text {color:#661cd2;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0a0314
```
#0a0314 rgb(10,3,20)
```
#120525
```
#120525 rgb(18,5,37)
```
#1a0736
```
#1a0736 rgb(26,7,54)
```
#230a48
```
#230a48 rgb(35,10,72)
```
#2b0c59
```
#2b0c59 rgb(43,12,89)
```
#340e6a
```
#340e6a rgb(52,14,106)
```
#3c107b
```
#3c107b rgb(60,16,123)
```
#44138d
```
#44138d rgb(68,19,141)
```
#4d159e
```
#4d159e rgb(77,21,158)
```
#5517af
```
#5517af rgb(85,23,175)
```
#5e1ac1
```
#5e1ac1 rgb(94,26,193)
```
#661cd2
```
#661cd2 rgb(102,28,210)
```

Shade Color Variation

#6f20e1
```
#6f20e1 rgb(111,32,225)
```
#7a32e4
```
#7a32e4 rgb(122,50,228)
```
#8543e6
```
#8543e6 rgb(133,67,230)
```
#9054e8
```
#9054e8 rgb(144,84,232)
```
#9c66eb
```
#9c66eb rgb(156,102,235)
```
#a777ed
```
#a777ed rgb(167,119,237)
```
#b288ef
```
#b288ef rgb(178,136,239)
```
#bd99f1
```
#bd99f1 rgb(189,153,241)
```
#c8abf4
```
#c8abf4 rgb(200,171,244)
```
#d4bcf6
```
#d4bcf6 rgb(212,188,246)
```
#dfcdf8
```
#dfcdf8 rgb(223,205,248)
```
#eadffb
```
#eadffb rgb(234,223,251)
```
#f5f0fd
```
#f5f0fd rgb(245,240,253)
```

Tint Color Variation

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

#756e80
```
#756e80 rgb(117,110,128)
```
#746589
```
#746589 rgb(116,101,137)
```
#725c92
```
#725c92 rgb(114,92,146)
```
#70539b
```
#70539b rgb(112,83,155)
```
#6f4aa4
```
#6f4aa4 rgb(111,74,164)
```
#6d41ad
```
#6d41ad rgb(109,65,173)
```
#6b37b7
```
#6b37b7 rgb(107,55,183)
```
#692ec0
```
#692ec0 rgb(105,46,192)
```
#6825c9
```
#6825c9 rgb(104,37,201)
```
#661cd2
```
#661cd2 rgb(102,28,210)
```
#6413db
```
#6413db rgb(100,19,219)
```
#630ae4
```
#630ae4 rgb(99,10,228)
```
#6101ed
```
#6101ed rgb(97,1,237)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4d3e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#415e65 Tritanopia 0.001% of the population

Trichromacy

#2542b8 Protanomaly 1% of men, 0.01% of women
#2545aa Deuteranomaly 6% of men, 0.4% of women
#4f468d Tritanomaly 0.01% of the population

#661cd2 hex color

#661cd2 Color Information

#661cd2 Color Conversion

Color Schemes with #661cd2

Alternatives to #661cd2

#661cd2 Preview

Shades and Tints of #661cd2

Tones of #661cd2

Color Blindness Simulator