#660fb4 hex color

In a RGB color space, hex #660fb4 is composed of 40% red, 5.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 91.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 271.6 degrees, a saturation of 84.6% and a lightness of 38.2%. #660fb4 color hex could be obtained by blending #cc1eff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 40
- G 6
- B 71
RGB color chart
- C 43
- M 92
- Y 0
- K 29
CMYK color chart

● #660fb4 color description : Strong violet.

The hexadecimal color #660fb4 has RGB values of R:102, G:15, B:180 and CMYK values of C:0.43, M:0.92, Y:0, K:0.29. Its decimal value is 6688692.

Hex triplet	660fb4	`#660fb4`
RGB Decimal	102, 15, 180	`rgb(102,15,180)`
RGB Percent	40, 5.9, 70.6	`rgb(40%,5.9%,70.6%)`
CMYK	43, 92, 0, 29
HSL	271.6°, 84.6, 38.2	`hsl(271.6,84.6%,38.2%)`
HSV (or HSB)	271.6°, 91.7, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.549, 62.706, -67.262
XYZ	13.887, 6.462, 43.693
xyY	0.217, 0.101, 6.462
CIE-LCH	30.549, 91.958, 312.992
CIE-LUV	30.549, 12.63, -90.513
Hunter-Lab	25.42, 53.031, -84.116
Binary	01100110, 00001111, 10110100

#660fb4
```
#660fb4 rgb(102,15,180)
```
#5db40f
```
#5db40f rgb(93,180,15)
```

Complementary Color

#140fb4
```
#140fb4 rgb(20,15,180)
```
#660fb4
```
#660fb4 rgb(102,15,180)
```
#b40fb0
```
#b40fb0 rgb(180,15,176)
```

Analogous Color

#0fb413
```
#0fb413 rgb(15,180,19)
```
#660fb4
```
#660fb4 rgb(102,15,180)
```
#b0b40f
```
#b0b40f rgb(176,180,15)
```

Split Complementary Color

#0fb466
```
#0fb466 rgb(15,180,102)
```
#660fb4
```
#660fb4 rgb(102,15,180)
```
#b4660f
```
#b4660f rgb(180,102,15)
```

Triadic Color

#0f5db4
```
#0f5db4 rgb(15,93,180)
```
#660fb4
```
#660fb4 rgb(102,15,180)
```
#b4660f
```
#b4660f rgb(180,102,15)
```
#5db40f
```
#5db40f rgb(93,180,15)
```

Tetradic Color

#3e096d
```
#3e096d rgb(62,9,109)
```
#4b0b85
```
#4b0b85 rgb(75,11,133)
```
#590d9c
```
#590d9c rgb(89,13,156)
```
#660fb4
```
#660fb4 rgb(102,15,180)
```
#7311cc
```
#7311cc rgb(115,17,204)
```
#8113e3
```
#8113e3 rgb(129,19,227)
```
#8d23ed
```
#8d23ed rgb(141,35,237)
```

Monochromatic Color

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

#3d0fb4
```
#3d0fb4 rgb(61,15,180)
```
#4b0fb4
```
#4b0fb4 rgb(75,15,180)
```
#580fb4
```
#580fb4 rgb(88,15,180)
```
#660fb4
```
#660fb4 rgb(102,15,180)
```
#740fb4
```
#740fb4 rgb(116,15,180)
```
#820fb4
```
#820fb4 rgb(130,15,180)
```
#8f0fb4
```
#8f0fb4 rgb(143,15,180)
```

Similar Colors

Text with hexadecimal color #660fb4

This text has a font color of #660fb4.

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

#660fb4 background color

This paragraph has a background color of #660fb4.

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

#660fb4 border color

This element has a border color of #660fb4.

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

CSS codes

.text {color:#660fb4;}

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

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

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

#0a0111
```
#0a0111 rgb(10,1,17)
```
#140323
```
#140323 rgb(20,3,35)
```
#1e0435
```
#1e0435 rgb(30,4,53)
```
#280647
```
#280647 rgb(40,6,71)
```
#330759
```
#330759 rgb(51,7,89)
```
#3d096c
```
#3d096c rgb(61,9,108)
```
#470a7e
```
#470a7e rgb(71,10,126)
```
#510c90
```
#510c90 rgb(81,12,144)
```
#5c0da2
```
#5c0da2 rgb(92,13,162)
```
#660fb4
```
#660fb4 rgb(102,15,180)
```
#7011c6
```
#7011c6 rgb(112,17,198)
```
#7b12d8
```
#7b12d8 rgb(123,18,216)
```
#8514ea
```
#8514ea rgb(133,20,234)
```

Shade Color Variation

#8e25ed
```
#8e25ed rgb(142,37,237)
```
#9837ee
```
#9837ee rgb(152,55,238)
```
#a149f0
```
#a149f0 rgb(161,73,240)
```
#aa5bf1
```
#aa5bf1 rgb(170,91,241)
```
#b46df3
```
#b46df3 rgb(180,109,243)
```
#bd7ff4
```
#bd7ff4 rgb(189,127,244)
```
#c691f6
```
#c691f6 rgb(198,145,246)
```
#d0a3f7
```
#d0a3f7 rgb(208,163,247)
```
#d9b6f9
```
#d9b6f9 rgb(217,182,249)
```
#e2c8fa
```
#e2c8fa rgb(226,200,250)
```
#ecdafc
```
#ecdafc rgb(236,218,252)
```
#f5ecfd
```
#f5ecfd rgb(245,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #625a69 is the less saturated color, while #6700c3 is the most saturated one.

#625a69
```
#625a69 rgb(98,90,105)
```
#625371
```
#625371 rgb(98,83,113)
```
#634b78
```
#634b78 rgb(99,75,120)
```
#634480
```
#634480 rgb(99,68,128)
```
#643c87
```
#643c87 rgb(100,60,135)
```
#64358f
```
#64358f rgb(100,53,143)
```
#642d96
```
#642d96 rgb(100,45,150)
```
#65269e
```
#65269e rgb(101,38,158)
```
#651ea5
```
#651ea5 rgb(101,30,165)
```
#6617ad
```
#6617ad rgb(102,23,173)
```
#660fb4
```
#660fb4 rgb(102,15,180)
```
#6608bc
```
#6608bc rgb(102,8,188)
```
#6700c3
```
#6700c3 rgb(103,0,195)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#443354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005386 Deuteranopia 1% of men
#525056 Tritanopia 0.001% of the population

Trichromacy

#2537a3 Protanomaly 1% of men, 0.01% of women
#253a96 Deuteranomaly 6% of men, 0.4% of women
#593878 Tritanomaly 0.01% of the population

#660fb4 hex color

#660fb4 Color Information

#660fb4 Color Conversion

Color Schemes with #660fb4

Alternatives to #660fb4

#660fb4 Preview

Shades and Tints of #660fb4

Tones of #660fb4

Color Blindness Simulator