#661ecc hex color

In a RGB color space, hex #661ecc is composed of 40% red, 11.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 85.3% magenta, 0% yellow and 20% black. It has a hue angle of 264.8 degrees, a saturation of 74.4% and a lightness of 45.9%. #661ecc color hex could be obtained by blending #cc3cff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 40
- G 12
- B 80
RGB color chart
- C 50
- M 85
- Y 0
- K 20
CMYK color chart

● #661ecc color description : Strong violet.

The hexadecimal color #661ecc has RGB values of R:102, G:30, B:204 and CMYK values of C:0.5, M:0.85, Y:0, K:0.2. Its decimal value is 6692556.

Hex triplet	661ecc	`#661ecc`
RGB Decimal	102, 30, 204	`rgb(102,30,204)`
RGB Percent	40, 11.8, 80	`rgb(40%,11.8%,80%)`
CMYK	50, 85, 0, 20
HSL	264.8°, 74.4, 45.9	`hsl(264.8,74.4%,45.9%)`
HSV (or HSB)	264.8°, 85.3, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.217, 64.381, -75.361
XYZ	16.841, 8.113, 57.802
xyY	0.204, 0.098, 8.113
CIE-LCH	34.217, 99.117, 310.507
CIE-LUV	34.217, 8.057, -104.206
Hunter-Lab	28.483, 55.696, -100.382
Binary	01100110, 00011110, 11001100

#661ecc
```
#661ecc rgb(102,30,204)
```
#84cc1e
```
#84cc1e rgb(132,204,30)
```

Complementary Color

#1e2dcc
```
#1e2dcc rgb(30,45,204)
```
#661ecc
```
#661ecc rgb(102,30,204)
```
#bd1ecc
```
#bd1ecc rgb(189,30,204)
```

Analogous Color

#2dcc1e
```
#2dcc1e rgb(45,204,30)
```
#661ecc
```
#661ecc rgb(102,30,204)
```
#ccbd1e
```
#ccbd1e rgb(204,189,30)
```

Split Complementary Color

#1ecc66
```
#1ecc66 rgb(30,204,102)
```
#661ecc
```
#661ecc rgb(102,30,204)
```
#cc661e
```
#cc661e rgb(204,102,30)
```

Triadic Color

#1e84cc
```
#1e84cc rgb(30,132,204)
```
#661ecc
```
#661ecc rgb(102,30,204)
```
#cc661e
```
#cc661e rgb(204,102,30)
```
#84cc1e
```
#84cc1e rgb(132,204,30)
```

Tetradic Color

#451489
```
#451489 rgb(69,20,137)
```
#5017a0
```
#5017a0 rgb(80,23,160)
```
#5b1bb6
```
#5b1bb6 rgb(91,27,182)
```
#661ecc
```
#661ecc rgb(102,30,204)
```
#7225df
```
#7225df rgb(114,37,223)
```
#803be2
```
#803be2 rgb(128,59,226)
```
#8e51e5
```
#8e51e5 rgb(142,81,229)
```

Monochromatic Color

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

#3b1ecc
```
#3b1ecc rgb(59,30,204)
```
#491ecc
```
#491ecc rgb(73,30,204)
```
#581ecc
```
#581ecc rgb(88,30,204)
```
#661ecc
```
#661ecc rgb(102,30,204)
```
#751ecc
```
#751ecc rgb(117,30,204)
```
#831ecc
```
#831ecc rgb(131,30,204)
```
#921ecc
```
#921ecc rgb(146,30,204)
```

Similar Colors

Text with hexadecimal color #661ecc

This text has a font color of #661ecc.

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

#661ecc background color

This paragraph has a background color of #661ecc.

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

#661ecc border color

This element has a border color of #661ecc.

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

CSS codes

.text {color:#661ecc;}

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

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

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

#080210
```
#080210 rgb(8,2,16)
```
#100521
```
#100521 rgb(16,5,33)
```
#190732
```
#190732 rgb(25,7,50)
```
#220a43
```
#220a43 rgb(34,10,67)
```
#2a0c54
```
#2a0c54 rgb(42,12,84)
```
#330f65
```
#330f65 rgb(51,15,101)
```
#3b1176
```
#3b1176 rgb(59,17,118)
```
#441488
```
#441488 rgb(68,20,136)
```
#4c1699
```
#4c1699 rgb(76,22,153)
```
#5519aa
```
#5519aa rgb(85,25,170)
```
#5d1bbb
```
#5d1bbb rgb(93,27,187)
```
#661ecc
```
#661ecc rgb(102,30,204)
```
#6f21dd
```
#6f21dd rgb(111,33,221)
```

Shade Color Variation

#7931e1
```
#7931e1 rgb(121,49,225)
```
#8542e3
```
#8542e3 rgb(133,66,227)
```
#9053e6
```
#9053e6 rgb(144,83,230)
```
#9b64e8
```
#9b64e8 rgb(155,100,232)
```
#a675eb
```
#a675eb rgb(166,117,235)
```
#b186ed
```
#b186ed rgb(177,134,237)
```
#bc97f0
```
#bc97f0 rgb(188,151,240)
```
#c7a8f2
```
#c7a8f2 rgb(199,168,242)
```
#d2b9f5
```
#d2b9f5 rgb(210,185,245)
```
#ddcaf7
```
#ddcaf7 rgb(221,202,247)
```
#e8dcfa
```
#e8dcfa rgb(232,220,250)
```
#f3edfc
```
#f3edfc rgb(243,237,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#746f7b
```
#746f7b rgb(116,111,123)
```
#726684
```
#726684 rgb(114,102,132)
```
#715d8d
```
#715d8d rgb(113,93,141)
```
#6f5496
```
#6f5496 rgb(111,84,150)
```
#6e4b9f
```
#6e4b9f rgb(110,75,159)
```
#6c42a8
```
#6c42a8 rgb(108,66,168)
```
#6b39b1
```
#6b39b1 rgb(107,57,177)
```
#6930ba
```
#6930ba rgb(105,48,186)
```
#6827c3
```
#6827c3 rgb(104,39,195)
```
#661ecc
```
#661ecc rgb(102,30,204)
```
#6415d5
```
#6415d5 rgb(100,21,213)
```
#630cde
```
#630cde rgb(99,12,222)
```
#6103e7
```
#6103e7 rgb(97,3,231)
```

Tone Color Variation

Below, you can see how #661ecc 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
#4d3f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#465d63 Tritanopia 0.001% of the population

Trichromacy

#2542b5 Protanomaly 1% of men, 0.01% of women
#2545a7 Deuteranomaly 6% of men, 0.4% of women
#514689 Tritanomaly 0.01% of the population

#661ecc hex color

#661ecc Color Information

#661ecc Color Conversion

Color Schemes with #661ecc

Alternatives to #661ecc

#661ecc Preview

Shades and Tints of #661ecc

Tones of #661ecc

Color Blindness Simulator