#660afd hex color

In a RGB color space, hex #660afd is composed of 40% red, 3.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 96% magenta, 0% yellow and 0.8% black. It has a hue angle of 262.7 degrees, a saturation of 98.4% and a lightness of 51.6%. #660afd color hex could be obtained by blending #cc14ff with #0000fb. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 40
- G 4
- B 99
RGB color chart
- C 60
- M 96
- Y 0
- K 1
CMYK color chart

● #660afd color description : Vivid violet.

The hexadecimal color #660afd has RGB values of R:102, G:10, B:253 and CMYK values of C:0.6, M:0.96, Y:0, K:0.01. Its decimal value is 6687485.

Hex triplet	660afd	`#660afd`
RGB Decimal	102, 10, 253	`rgb(102,10,253)`
RGB Percent	40, 3.9, 99.2	`rgb(40%,3.9%,99.2%)`
CMYK	60, 96, 0, 1
HSL	262.7°, 98.4, 51.6	`hsl(262.7,98.4%,51.6%)`
HSV (or HSB)	262.7°, 96, 99.2
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.08, 79.887, -96.96
XYZ	23.314, 10.133, 93.65
xyY	0.183, 0.08, 10.133
CIE-LCH	38.08, 125.631, 309.486
CIE-LUV	38.08, 3.245, -132.897
Hunter-Lab	31.832, 75.029, -152.148
Binary	01100110, 00001010, 11111101

#660afd
```
#660afd rgb(102,10,253)
```
#a1fd0a
```
#a1fd0a rgb(161,253,10)
```

Complementary Color

#0a27fd
```
#0a27fd rgb(10,39,253)
```
#660afd
```
#660afd rgb(102,10,253)
```
#e00afd
```
#e00afd rgb(224,10,253)
```

Analogous Color

#28fd0a
```
#28fd0a rgb(40,253,10)
```
#660afd
```
#660afd rgb(102,10,253)
```
#fde00a
```
#fde00a rgb(253,224,10)
```

Split Complementary Color

#0afd66
```
#0afd66 rgb(10,253,102)
```
#660afd
```
#660afd rgb(102,10,253)
```
#fd660a
```
#fd660a rgb(253,102,10)
```

Triadic Color

#0aa1fd
```
#0aa1fd rgb(10,161,253)
```
#660afd
```
#660afd rgb(102,10,253)
```
#fd660a
```
#fd660a rgb(253,102,10)
```
#a1fd0a
```
#a1fd0a rgb(161,253,10)
```

Tetradic Color

#4702b9
```
#4702b9 rgb(71,2,185)
```
#5102d2
```
#5102d2 rgb(81,2,210)
```
#5a02ec
```
#5a02ec rgb(90,2,236)
```
#660afd
```
#660afd rgb(102,10,253)
```
#7623fd
```
#7623fd rgb(118,35,253)
```
#863dfd
```
#863dfd rgb(134,61,253)
```
#9556fe
```
#9556fe rgb(149,86,254)
```

Monochromatic Color

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

#290afd
```
#290afd rgb(41,10,253)
```
#3d0afd
```
#3d0afd rgb(61,10,253)
```
#520afd
```
#520afd rgb(82,10,253)
```
#660afd
```
#660afd rgb(102,10,253)
```
#7a0afd
```
#7a0afd rgb(122,10,253)
```
#8f0afd
```
#8f0afd rgb(143,10,253)
```
#a30afd
```
#a30afd rgb(163,10,253)
```

Similar Colors

Text with hexadecimal color #660afd

This text has a font color of #660afd.

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

#660afd background color

This paragraph has a background color of #660afd.

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

#660afd border color

This element has a border color of #660afd.

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

CSS codes

.text {color:#660afd;}

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

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

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

#030008
```
#030008 rgb(3,0,8)
```
#0b001b
```
#0b001b rgb(11,0,27)
```
#12002f
```
#12002f rgb(18,0,47)
```
#190142
```
#190142 rgb(25,1,66)
```
#210156
```
#210156 rgb(33,1,86)
```
#280169
```
#280169 rgb(40,1,105)
```
#30017d
```
#30017d rgb(48,1,125)
```
#370190
```
#370190 rgb(55,1,144)
```
#3f01a4
```
#3f01a4 rgb(63,1,164)
```
#4601b7
```
#4601b7 rgb(70,1,183)
```
#4e02cb
```
#4e02cb rgb(78,2,203)
```
#5502de
```
#5502de rgb(85,2,222)
```
#5d02f1
```
#5d02f1 rgb(93,2,241)
```

Shade Color Variation

#660afd
```
#660afd rgb(102,10,253)
```
#721dfd
```
#721dfd rgb(114,29,253)
```
#7e31fd
```
#7e31fd rgb(126,49,253)
```
#8a44fd
```
#8a44fd rgb(138,68,253)
```
#9758fe
```
#9758fe rgb(151,88,254)
```
#a36bfe
```
#a36bfe rgb(163,107,254)
```
#af7ffe
```
#af7ffe rgb(175,127,254)
```
#bb92fe
```
#bb92fe rgb(187,146,254)
```
#c7a6fe
```
#c7a6fe rgb(199,166,254)
```
#d3b9fe
```
#d3b9fe rgb(211,185,254)
```
#e0cdff
```
#e0cdff rgb(224,205,255)
```
#ece0ff
```
#ece0ff rgb(236,224,255)
```
#f8f3ff
```
#f8f3ff rgb(248,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827c8b is the less saturated color, while #660afd is the most saturated one.

#827c8b
```
#827c8b rgb(130,124,139)
```
#7f7395
```
#7f7395 rgb(127,115,149)
```
#7d699e
```
#7d699e rgb(125,105,158)
```
#7b60a8
```
#7b60a8 rgb(123,96,168)
```
#7856b1
```
#7856b1 rgb(120,86,177)
```
#764dbb
```
#764dbb rgb(118,77,187)
```
#7443c4
```
#7443c4 rgb(116,67,196)
```
#723ace
```
#723ace rgb(114,58,206)
```
#6f30d7
```
#6f30d7 rgb(111,48,215)
```
#6d27e1
```
#6d27e1 rgb(109,39,225)
```
#6b1dea
```
#6b1dea rgb(107,29,234)
```
#6814f4
```
#6814f4 rgb(104,20,244)
```
#660afd
```
#660afd rgb(102,10,253)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#483667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006b73 Tritanopia 0.001% of the population

Trichromacy

#2540d1 Protanomaly 1% of men, 0.01% of women
#2543c2 Deuteranomaly 6% of men, 0.4% of women
#2548a5 Tritanomaly 0.01% of the population

#660afd hex color

#660afd Color Information

#660afd Color Conversion

Color Schemes with #660afd

Alternatives to #660afd

#660afd Preview

Shades and Tints of #660afd

Tones of #660afd

Color Blindness Simulator