#661caa hex color

In a RGB color space, hex #661caa is composed of 40% red, 11% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 83.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 271.3 degrees, a saturation of 71.7% and a lightness of 38.8%. #661caa color hex could be obtained by blending #cc38ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 11
- B 67
RGB color chart
- C 40
- M 84
- Y 0
- K 33
CMYK color chart

● #661caa color description : Dark violet.

The hexadecimal color #661caa has RGB values of R:102, G:28, B:170 and CMYK values of C:0.4, M:0.84, Y:0, K:0.33. Its decimal value is 6692010.

Hex triplet	661caa	`#661caa`
RGB Decimal	102, 28, 170	`rgb(102,28,170)`
RGB Percent	40, 11, 66.7	`rgb(40%,11%,66.7%)`
CMYK	40, 84, 0, 33
HSL	271.3°, 71.7, 38.8	`hsl(271.3,71.7%,38.8%)`
HSV (or HSB)	271.3°, 83.5, 66.7
Web Safe	663399	`#663399`

CIE-LAB	30.778, 56.968, -60.898
XYZ	13.149, 6.558, 38.601
xyY	0.226, 0.112, 6.558
CIE-LCH	30.778, 83.391, 313.09
CIE-LUV	30.778, 13.421, -83.505
Hunter-Lab	25.608, 46.843, -71.447
Binary	01100110, 00011100, 10101010

#661caa
```
#661caa rgb(102,28,170)
```
#60aa1c
```
#60aa1c rgb(96,170,28)
```

Complementary Color

#1f1caa
```
#1f1caa rgb(31,28,170)
```
#661caa
```
#661caa rgb(102,28,170)
```
#aa1ca7
```
#aa1ca7 rgb(170,28,167)
```

Analogous Color

#1caa1f
```
#1caa1f rgb(28,170,31)
```
#661caa
```
#661caa rgb(102,28,170)
```
#a7aa1c
```
#a7aa1c rgb(167,170,28)
```

Split Complementary Color

#1caa66
```
#1caa66 rgb(28,170,102)
```
#661caa
```
#661caa rgb(102,28,170)
```
#aa661c
```
#aa661c rgb(170,102,28)
```

Triadic Color

#1c60aa
```
#1c60aa rgb(28,96,170)
```
#661caa
```
#661caa rgb(102,28,170)
```
#aa661c
```
#aa661c rgb(170,102,28)
```
#60aa1c
```
#60aa1c rgb(96,170,28)
```

Tetradic Color

#3f1168
```
#3f1168 rgb(63,17,104)
```
#4c157e
```
#4c157e rgb(76,21,126)
```
#591894
```
#591894 rgb(89,24,148)
```
#661caa
```
#661caa rgb(102,28,170)
```
#7320c0
```
#7320c0 rgb(115,32,192)
```
#8023d6
```
#8023d6 rgb(128,35,214)
```
#8d35de
```
#8d35de rgb(141,53,222)
```

Monochromatic Color

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

#421caa
```
#421caa rgb(66,28,170)
```
#4e1caa
```
#4e1caa rgb(78,28,170)
```
#5a1caa
```
#5a1caa rgb(90,28,170)
```
#661caa
```
#661caa rgb(102,28,170)
```
#721caa
```
#721caa rgb(114,28,170)
```
#7e1caa
```
#7e1caa rgb(126,28,170)
```
#8a1caa
```
#8a1caa rgb(138,28,170)
```

Similar Colors

Text with hexadecimal color #661caa

This text has a font color of #661caa.

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

#661caa background color

This paragraph has a background color of #661caa.

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

#661caa border color

This element has a border color of #661caa.

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

CSS codes

.text {color:#661caa;}

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

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

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 #f6f0fc is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#0b0312
```
#0b0312 rgb(11,3,18)
```
#150623
```
#150623 rgb(21,6,35)
```
#1f0934
```
#1f0934 rgb(31,9,52)
```
#290b45
```
#290b45 rgb(41,11,69)
```
#330e56
```
#330e56 rgb(51,14,86)
```
#3e1167
```
#3e1167 rgb(62,17,103)
```
#481477
```
#481477 rgb(72,20,119)
```
#521688
```
#521688 rgb(82,22,136)
```
#5c1999
```
#5c1999 rgb(92,25,153)
```
#661caa
```
#661caa rgb(102,28,170)
```
#701fbb
```
#701fbb rgb(112,31,187)
```
#7a22cc
```
#7a22cc rgb(122,34,204)
```

Shade Color Variation

#8426db
```
#8426db rgb(132,38,219)
```
#8e36de
```
#8e36de rgb(142,54,222)
```
#9747e1
```
#9747e1 rgb(151,71,225)
```
#a158e4
```
#a158e4 rgb(161,88,228)
```
#aa69e6
```
#aa69e6 rgb(170,105,230)
```
#b47ae9
```
#b47ae9 rgb(180,122,233)
```
#bd8bec
```
#bd8bec rgb(189,139,236)
```
#c79cef
```
#c79cef rgb(199,156,239)
```
#d0acf1
```
#d0acf1 rgb(208,172,241)
```
#dabdf4
```
#dabdf4 rgb(218,189,244)
```
#e3cef7
```
#e3cef7 rgb(227,206,247)
```
#eddffa
```
#eddffa rgb(237,223,250)
```
#f6f0fc
```
#f6f0fc rgb(246,240,252)
```

Tint Color Variation

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

#636165
```
#636165 rgb(99,97,101)
```
#63596d
```
#63596d rgb(99,89,109)
```
#645175
```
#645175 rgb(100,81,117)
```
#644a7c
```
#644a7c rgb(100,74,124)
```
#644284
```
#644284 rgb(100,66,132)
```
#653a8c
```
#653a8c rgb(101,58,140)
```
#653393
```
#653393 rgb(101,51,147)
```
#652b9b
```
#652b9b rgb(101,43,155)
```
#6624a2
```
#6624a2 rgb(102,36,162)
```
#661caa
```
#661caa rgb(102,28,170)
```
#6614b2
```
#6614b2 rgb(102,20,178)
```
#670db9
```
#670db9 rgb(103,13,185)
```
#6705c1
```
#6705c1 rgb(103,5,193)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#493a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005387 Deuteranopia 1% of men
#565055 Tritanopia 0.001% of the population

Trichromacy

#253ca0 Protanomaly 1% of men, 0.01% of women
#253f94 Deuteranomaly 6% of men, 0.4% of women
#5c3d74 Tritanomaly 0.01% of the population

#661caa hex color

#661caa Color Information

#661caa Color Conversion

Color Schemes with #661caa

Alternatives to #661caa

#661caa Preview

Shades and Tints of #661caa

Tones of #661caa

Color Blindness Simulator