#660ed7 hex color

In a RGB color space, hex #660ed7 is composed of 40% red, 5.5% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 93.5% magenta, 0% yellow and 15.7% black. It has a hue angle of 266.3 degrees, a saturation of 87.8% and a lightness of 44.9%. #660ed7 color hex could be obtained by blending #cc1cff with #0000af. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 40
- G 5
- B 84
RGB color chart
- C 53
- M 93
- Y 0
- K 16
CMYK color chart

● #660ed7 color description : Strong violet.

The hexadecimal color #660ed7 has RGB values of R:102, G:14, B:215 and CMYK values of C:0.53, M:0.93, Y:0, K:0.16. Its decimal value is 6688471.

Hex triplet	660ed7	`#660ed7`
RGB Decimal	102, 14, 215	`rgb(102,14,215)`
RGB Percent	40, 5.5, 84.3	`rgb(40%,5.5%,84.3%)`
CMYK	53, 93, 0, 16
HSL	266.3°, 87.8, 44.9	`hsl(266.3,87.8%,44.9%)`
HSV (or HSB)	266.3°, 93.5, 84.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.076, 70.754, -81.974
XYZ	17.9, 8.045, 64.896
xyY	0.197, 0.089, 8.045
CIE-LCH	34.076, 108.286, 310.798
CIE-LUV	34.076, 7.534, -111.225
Hunter-Lab	28.364, 63.015, -115.801
Binary	01100110, 00001110, 11010111

#660ed7
```
#660ed7 rgb(102,14,215)
```
#7fd70e
```
#7fd70e rgb(127,215,14)
```

Complementary Color

#0e1bd7
```
#0e1bd7 rgb(14,27,215)
```
#660ed7
```
#660ed7 rgb(102,14,215)
```
#cb0ed7
```
#cb0ed7 rgb(203,14,215)
```

Analogous Color

#1bd70e
```
#1bd70e rgb(27,215,14)
```
#660ed7
```
#660ed7 rgb(102,14,215)
```
#d7cb0e
```
#d7cb0e rgb(215,203,14)
```

Split Complementary Color

#0ed766
```
#0ed766 rgb(14,215,102)
```
#660ed7
```
#660ed7 rgb(102,14,215)
```
#d7660e
```
#d7660e rgb(215,102,14)
```

Triadic Color

#0e7fd7
```
#0e7fd7 rgb(14,127,215)
```
#660ed7
```
#660ed7 rgb(102,14,215)
```
#d7660e
```
#d7660e rgb(215,102,14)
```
#7fd70e
```
#7fd70e rgb(127,215,14)
```

Tetradic Color

#44098f
```
#44098f rgb(68,9,143)
```
#4f0ba7
```
#4f0ba7 rgb(79,11,167)
```
#5b0cbf
```
#5b0cbf rgb(91,12,191)
```
#660ed7
```
#660ed7 rgb(102,14,215)
```
#7110ef
```
#7110ef rgb(113,16,239)
```
#7f27f1
```
#7f27f1 rgb(127,39,241)
```
#8e3ff2
```
#8e3ff2 rgb(142,63,242)
```

Monochromatic Color

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

#340ed7
```
#340ed7 rgb(52,14,215)
```
#450ed7
```
#450ed7 rgb(69,14,215)
```
#550ed7
```
#550ed7 rgb(85,14,215)
```
#660ed7
```
#660ed7 rgb(102,14,215)
```
#770ed7
```
#770ed7 rgb(119,14,215)
```
#880ed7
```
#880ed7 rgb(136,14,215)
```
#980ed7
```
#980ed7 rgb(152,14,215)
```

Similar Colors

Text with hexadecimal color #660ed7

This text has a font color of #660ed7.

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

#660ed7 background color

This paragraph has a background color of #660ed7.

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

#660ed7 border color

This element has a border color of #660ed7.

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

CSS codes

.text {color:#660ed7;}

.background {background-color:#660ed7;}

.border {border:1px solid #660ed7;}

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, #06010c is the darkest color, while #fbf9ff is the lightest one.

#06010c
```
#06010c rgb(6,1,12)
```
#0f021f
```
#0f021f rgb(15,2,31)
```
#170331
```
#170331 rgb(23,3,49)
```
#200444
```
#200444 rgb(32,4,68)
```
#290656
```
#290656 rgb(41,6,86)
```
#320769
```
#320769 rgb(50,7,105)
```
#3a087b
```
#3a087b rgb(58,8,123)
```
#43098d
```
#43098d rgb(67,9,141)
```
#4c0aa0
```
#4c0aa0 rgb(76,10,160)
```
#550cb2
```
#550cb2 rgb(85,12,178)
```
#5d0dc5
```
#5d0dc5 rgb(93,13,197)
```
#660ed7
```
#660ed7 rgb(102,14,215)
```
#6f0fe9
```
#6f0fe9 rgb(111,15,233)
```

Shade Color Variation

#791cf0
```
#791cf0 rgb(121,28,240)
```
#842ef1
```
#842ef1 rgb(132,46,241)
```
#8f41f3
```
#8f41f3 rgb(143,65,243)
```
#9a53f4
```
#9a53f4 rgb(154,83,244)
```
#a466f5
```
#a466f5 rgb(164,102,245)
```
#af78f6
```
#af78f6 rgb(175,120,246)
```
#ba8bf7
```
#ba8bf7 rgb(186,139,247)
```
#c59df9
```
#c59df9 rgb(197,157,249)
```
#d0affa
```
#d0affa rgb(208,175,250)
```
#dbc2fb
```
#dbc2fb rgb(219,194,251)
```
#e6d4fc
```
#e6d4fc rgb(230,212,252)
```
#f1e7fd
```
#f1e7fd rgb(241,231,253)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#726f76
```
#726f76 rgb(114,111,118)
```
#71667f
```
#71667f rgb(113,102,127)
```
#705d88
```
#705d88 rgb(112,93,136)
```
#6f5491
```
#6f5491 rgb(111,84,145)
```
#6e4c99
```
#6e4c99 rgb(110,76,153)
```
#6d43a2
```
#6d43a2 rgb(109,67,162)
```
#6b3aab
```
#6b3aab rgb(107,58,171)
```
#6a31b4
```
#6a31b4 rgb(106,49,180)
```
#6928bd
```
#6928bd rgb(105,40,189)
```
#6820c5
```
#6820c5 rgb(104,32,197)
```
#6717ce
```
#6717ce rgb(103,23,206)
```
#660ed7
```
#660ed7 rgb(102,14,215)
```
#6505e0
```
#6505e0 rgb(101,5,224)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#47355d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b92 Deuteranopia 1% of men
#3d5e65 Tritanopia 0.001% of the population

Trichromacy

#253cb9 Protanomaly 1% of men, 0.01% of women
#253fab Deuteranomaly 6% of men, 0.4% of women
#4c418e Tritanomaly 0.01% of the population

#660ed7 hex color

#660ed7 Color Information

#660ed7 Color Conversion

Color Schemes with #660ed7

Alternatives to #660ed7

#660ed7 Preview

Shades and Tints of #660ed7

Tones of #660ed7

Color Blindness Simulator