#661e86 hex color

In a RGB color space, hex #661e86 is composed of 40% red, 11.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 77.6% magenta, 0% yellow and 47.5% black. It has a hue angle of 281.5 degrees, a saturation of 63.4% and a lightness of 32.2%. #661e86 color hex could be obtained by blending #cc3cff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 12
- B 53
RGB color chart
- C 24
- M 78
- Y 0
- K 47
CMYK color chart

● #661e86 color description : Dark violet.

The hexadecimal color #661e86 has RGB values of R:102, G:30, B:134 and CMYK values of C:0.24, M:0.78, Y:0, K:0.47. Its decimal value is 6692486.

Hex triplet	661e86	`#661e86`
RGB Decimal	102, 30, 134	`rgb(102,30,134)`
RGB Percent	40, 11.8, 52.5	`rgb(40%,11.8%,52.5%)`
CMYK	24, 78, 0, 47
HSL	281.5°, 63.4, 32.2	`hsl(281.5,63.4%,32.2%)`
HSV (or HSB)	281.5°, 77.6, 52.5
Web Safe	663399	`#663399`

CIE-LAB	28.047, 48.107, -43.289
XYZ	10.246, 5.475, 23.07
xyY	0.264, 0.141, 5.475
CIE-LCH	28.047, 64.716, 318.018
CIE-LUV	28.047, 20.35, -59.572
Hunter-Lab	23.399, 37.218, -42.079
Binary	01100110, 00011110, 10000110

#661e86
```
#661e86 rgb(102,30,134)
```
#3e861e
```
#3e861e rgb(62,134,30)
```

Complementary Color

#321e86
```
#321e86 rgb(50,30,134)
```
#661e86
```
#661e86 rgb(102,30,134)
```
#861e72
```
#861e72 rgb(134,30,114)
```

Analogous Color

#1e8632
```
#1e8632 rgb(30,134,50)
```
#661e86
```
#661e86 rgb(102,30,134)
```
#72861e
```
#72861e rgb(114,134,30)
```

Split Complementary Color

#1e8666
```
#1e8666 rgb(30,134,102)
```
#661e86
```
#661e86 rgb(102,30,134)
```
#86661e
```
#86661e rgb(134,102,30)
```

Triadic Color

#1e3e86
```
#1e3e86 rgb(30,62,134)
```
#661e86
```
#661e86 rgb(102,30,134)
```
#86661e
```
#86661e rgb(134,102,30)
```
#3e861e
```
#3e861e rgb(62,134,30)
```

Tetradic Color

#361047
```
#361047 rgb(54,16,71)
```
#46155c
```
#46155c rgb(70,21,92)
```
#561971
```
#561971 rgb(86,25,113)
```
#661e86
```
#661e86 rgb(102,30,134)
```
#76239b
```
#76239b rgb(118,35,155)
```
#8627b0
```
#8627b0 rgb(134,39,176)
```
#962cc5
```
#962cc5 rgb(150,44,197)
```

Monochromatic Color

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

#4c1e86
```
#4c1e86 rgb(76,30,134)
```
#551e86
```
#551e86 rgb(85,30,134)
```
#5d1e86
```
#5d1e86 rgb(93,30,134)
```
#661e86
```
#661e86 rgb(102,30,134)
```
#6f1e86
```
#6f1e86 rgb(111,30,134)
```
#771e86
```
#771e86 rgb(119,30,134)
```
#801e86
```
#801e86 rgb(128,30,134)
```

Similar Colors

Text with hexadecimal color #661e86

This text has a font color of #661e86.

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

#661e86 background color

This paragraph has a background color of #661e86.

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

#661e86 border color

This element has a border color of #661e86.

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

CSS codes

.text {color:#661e86;}

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

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

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

#040106
```
#040106 rgb(4,1,6)
```
#110516
```
#110516 rgb(17,5,22)
```
#1d0826
```
#1d0826 rgb(29,8,38)
```
#290c36
```
#290c36 rgb(41,12,54)
```
#351046
```
#351046 rgb(53,16,70)
```
#411356
```
#411356 rgb(65,19,86)
```
#4e1766
```
#4e1766 rgb(78,23,102)
```
#5a1a76
```
#5a1a76 rgb(90,26,118)
```
#661e86
```
#661e86 rgb(102,30,134)
```
#722296
```
#722296 rgb(114,34,150)
```
#7e25a6
```
#7e25a6 rgb(126,37,166)
```
#8b29b6
```
#8b29b6 rgb(139,41,182)
```
#972cc6
```
#972cc6 rgb(151,44,198)
```

Shade Color Variation

#a134d2
```
#a134d2 rgb(161,52,210)
```
#a944d5
```
#a944d5 rgb(169,68,213)
```
#b054d9
```
#b054d9 rgb(176,84,217)
```
#b865dc
```
#b865dc rgb(184,101,220)
```
#bf75e0
```
#bf75e0 rgb(191,117,224)
```
#c685e4
```
#c685e4 rgb(198,133,228)
```
#ce95e7
```
#ce95e7 rgb(206,149,231)
```
#d5a5eb
```
#d5a5eb rgb(213,165,235)
```
#ddb5ee
```
#ddb5ee rgb(221,181,238)
```
#e4c5f2
```
#e4c5f2 rgb(228,197,242)
```
#ebd5f6
```
#ebd5f6 rgb(235,213,246)
```
#f3e5f9
```
#f3e5f9 rgb(243,229,249)
```
#faf5fd
```
#faf5fd rgb(250,245,253)
```

Tint Color Variation

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

#535054
```
#535054 rgb(83,80,84)
```
#554a5a
```
#554a5a rgb(85,74,90)
```
#574460
```
#574460 rgb(87,68,96)
```
#5a3e66
```
#5a3e66 rgb(90,62,102)
```
#5c376d
```
#5c376d rgb(92,55,109)
```
#5f3173
```
#5f3173 rgb(95,49,115)
```
#612b79
```
#612b79 rgb(97,43,121)
```
#642480
```
#642480 rgb(100,36,128)
```
#661e86
```
#661e86 rgb(102,30,134)
```
#68188c
```
#68188c rgb(104,24,140)
```
#6b1193
```
#6b1193 rgb(107,17,147)
```
#6d0b99
```
#6d0b99 rgb(109,11,153)
```
#70059f
```
#70059f rgb(112,5,159)
```

Tone Color Variation

Below, you can see how #661e86 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
#47384d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004990 Protanopia 1% of men
#004d80 Deuteranopia 1% of men
#614448 Tritanopia 0.001% of the population

Trichromacy

#25398c Protanomaly 1% of men, 0.01% of women
#253c82 Deuteranomaly 6% of men, 0.4% of women
#63365e Tritanomaly 0.01% of the population

#661e86 hex color

#661e86 Color Information

#661e86 Color Conversion

Color Schemes with #661e86

Alternatives to #661e86

#661e86 Preview

Shades and Tints of #661e86

Tones of #661e86

Color Blindness Simulator