#660fa7 hex color

In a RGB color space, hex #660fa7 is composed of 40% red, 5.9% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 91% magenta, 0% yellow and 34.5% black. It has a hue angle of 274.3 degrees, a saturation of 83.5% and a lightness of 35.7%. #660fa7 color hex could be obtained by blending #cc1eff with #00004f. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 40
- G 6
- B 65
RGB color chart
- C 39
- M 91
- Y 0
- K 35
CMYK color chart

● #660fa7 color description : Dark violet.

The hexadecimal color #660fa7 has RGB values of R:102, G:15, B:167 and CMYK values of C:0.39, M:0.91, Y:0, K:0.35. Its decimal value is 6688679.

Hex triplet	660fa7	`#660fa7`
RGB Decimal	102, 15, 167	`rgb(102,15,167)`
RGB Percent	40, 5.9, 65.5	`rgb(40%,5.9%,65.5%)`
CMYK	39, 91, 0, 35
HSL	274.3°, 83.5, 35.7	`hsl(274.3,83.5%,35.7%)`
HSV (or HSB)	274.3°, 91, 65.5
Web Safe	660099	`#660099`

CIE-LAB	29.303, 59.839, -61.51
XYZ	12.624, 5.957, 37.042
xyY	0.227, 0.107, 5.957
CIE-LCH	29.303, 85.814, 314.211
CIE-LUV	29.303, 14.904, -82.574
Hunter-Lab	24.406, 49.62, -72.901
Binary	01100110, 00001111, 10100111

#660fa7
```
#660fa7 rgb(102,15,167)
```
#50a70f
```
#50a70f rgb(80,167,15)
```

Complementary Color

#1a0fa7
```
#1a0fa7 rgb(26,15,167)
```
#660fa7
```
#660fa7 rgb(102,15,167)
```
#a70f9c
```
#a70f9c rgb(167,15,156)
```

Analogous Color

#0fa71a
```
#0fa71a rgb(15,167,26)
```
#660fa7
```
#660fa7 rgb(102,15,167)
```
#9ca70f
```
#9ca70f rgb(156,167,15)
```

Split Complementary Color

#0fa766
```
#0fa766 rgb(15,167,102)
```
#660fa7
```
#660fa7 rgb(102,15,167)
```
#a7660f
```
#a7660f rgb(167,102,15)
```

Triadic Color

#0f50a7
```
#0f50a7 rgb(15,80,167)
```
#660fa7
```
#660fa7 rgb(102,15,167)
```
#a7660f
```
#a7660f rgb(167,102,15)
```
#50a70f
```
#50a70f rgb(80,167,15)
```

Tetradic Color

#3b0961
```
#3b0961 rgb(59,9,97)
```
#490b78
```
#490b78 rgb(73,11,120)
```
#580d90
```
#580d90 rgb(88,13,144)
```
#660fa7
```
#660fa7 rgb(102,15,167)
```
#7411be
```
#7411be rgb(116,17,190)
```
#8313d6
```
#8313d6 rgb(131,19,214)
```
#9018ea
```
#9018ea rgb(144,24,234)
```

Monochromatic Color

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

#400fa7
```
#400fa7 rgb(64,15,167)
```
#4d0fa7
```
#4d0fa7 rgb(77,15,167)
```
#590fa7
```
#590fa7 rgb(89,15,167)
```
#660fa7
```
#660fa7 rgb(102,15,167)
```
#730fa7
```
#730fa7 rgb(115,15,167)
```
#7f0fa7
```
#7f0fa7 rgb(127,15,167)
```
#8c0fa7
```
#8c0fa7 rgb(140,15,167)
```

Similar Colors

Text with hexadecimal color #660fa7

This text has a font color of #660fa7.

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

#660fa7 background color

This paragraph has a background color of #660fa7.

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

#660fa7 border color

This element has a border color of #660fa7.

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

CSS codes

.text {color:#660fa7;}

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

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0e0217
```
#0e0217 rgb(14,2,23)
```
#190429
```
#190429 rgb(25,4,41)
```
#24053b
```
#24053b rgb(36,5,59)
```
#2f074d
```
#2f074d rgb(47,7,77)
```
#3a095f
```
#3a095f rgb(58,9,95)
```
#450a71
```
#450a71 rgb(69,10,113)
```
#500c83
```
#500c83 rgb(80,12,131)
```
#5b0d95
```
#5b0d95 rgb(91,13,149)
```
#660fa7
```
#660fa7 rgb(102,15,167)
```
#7111b9
```
#7111b9 rgb(113,17,185)
```
#7c12cb
```
#7c12cb rgb(124,18,203)
```
#8714dd
```
#8714dd rgb(135,20,221)
```

Shade Color Variation

#911aea
```
#911aea rgb(145,26,234)
```
#9a2cec
```
#9a2cec rgb(154,44,236)
```
#a33eee
```
#a33eee rgb(163,62,238)
```
#ab50ef
```
#ab50ef rgb(171,80,239)
```
#b462f1
```
#b462f1 rgb(180,98,241)
```
#bc74f3
```
#bc74f3 rgb(188,116,243)
```
#c586f4
```
#c586f4 rgb(197,134,244)
```
#ce98f6
```
#ce98f6 rgb(206,152,246)
```
#d6aaf7
```
#d6aaf7 rgb(214,170,247)
```
#dfbcf9
```
#dfbcf9 rgb(223,188,249)
```
#e8cefb
```
#e8cefb rgb(232,206,251)
```
#f0e0fc
```
#f0e0fc rgb(240,224,252)
```
#f9f2fe
```
#f9f2fe rgb(249,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5561 is the less saturated color, while #6801b5 is the most saturated one.

#5c5561
```
#5c5561 rgb(92,85,97)
```
#5d4e68
```
#5d4e68 rgb(93,78,104)
```
#5e476f
```
#5e476f rgb(94,71,111)
```
#5f4076
```
#5f4076 rgb(95,64,118)
```
#60397d
```
#60397d rgb(96,57,125)
```
#613284
```
#613284 rgb(97,50,132)
```
#622b8b
```
#622b8b rgb(98,43,139)
```
#632492
```
#632492 rgb(99,36,146)
```
#641d99
```
#641d99 rgb(100,29,153)
```
#6516a0
```
#6516a0 rgb(101,22,160)
```
#660fa7
```
#660fa7 rgb(102,15,167)
```
#6708ae
```
#6708ae rgb(103,8,174)
```
#6801b5
```
#6801b5 rgb(104,1,181)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#433150 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005082 Deuteranopia 1% of men
#574b51 Tritanopia 0.001% of the population

Trichromacy

#25369b Protanomaly 1% of men, 0.01% of women
#25388f Deuteranomaly 6% of men, 0.4% of women
#5c3570 Tritanomaly 0.01% of the population

#660fa7 hex color

#660fa7 Color Information

#660fa7 Color Conversion

Color Schemes with #660fa7

Alternatives to #660fa7

#660fa7 Preview

Shades and Tints of #660fa7

Tones of #660fa7

Color Blindness Simulator