#661af0 hex color

In a RGB color space, hex #661af0 is composed of 40% red, 10.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 89.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 261.3 degrees, a saturation of 87.7% and a lightness of 52.2%. #661af0 color hex could be obtained by blending #cc34ff with #0000e1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 40
- G 10
- B 94
RGB color chart
- C 58
- M 89
- Y 0
- K 6
CMYK color chart

● #661af0 color description : Vivid violet.

The hexadecimal color #661af0 has RGB values of R:102, G:26, B:240 and CMYK values of C:0.58, M:0.89, Y:0, K:0.06. Its decimal value is 6691568.

Hex triplet	661af0	`#661af0`
RGB Decimal	102, 26, 240	`rgb(102,26,240)`
RGB Percent	40, 10.2, 94.1	`rgb(40%,10.2%,94.1%)`
CMYK	58, 89, 0, 6
HSL	261.3°, 87.7, 52.2	`hsl(261.3,87.7%,52.2%)`
HSV (or HSB)	261.3°, 89.2, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.58, 74.055, -90.466
XYZ	21.574, 9.854, 83.199
xyY	0.188, 0.086, 9.854
CIE-LCH	37.58, 116.911, 309.304
CIE-LUV	37.58, 3.97, -125.388
Hunter-Lab	31.392, 67.741, -135.165
Binary	01100110, 00011010, 11110000

#661af0
```
#661af0 rgb(102,26,240)
```
#a4f01a
```
#a4f01a rgb(164,240,26)
```

Complementary Color

#1a39f0
```
#1a39f0 rgb(26,57,240)
```
#661af0
```
#661af0 rgb(102,26,240)
```
#d11af0
```
#d11af0 rgb(209,26,240)
```

Analogous Color

#39f01a
```
#39f01a rgb(57,240,26)
```
#661af0
```
#661af0 rgb(102,26,240)
```
#f0d11a
```
#f0d11a rgb(240,209,26)
```

Split Complementary Color

#1af066
```
#1af066 rgb(26,240,102)
```
#661af0
```
#661af0 rgb(102,26,240)
```
#f0661a
```
#f0661a rgb(240,102,26)
```

Triadic Color

#1aa4f0
```
#1aa4f0 rgb(26,164,240)
```
#661af0
```
#661af0 rgb(102,26,240)
```
#f0661a
```
#f0661a rgb(240,102,26)
```
#a4f01a
```
#a4f01a rgb(164,240,26)
```

Tetradic Color

#470cb2
```
#470cb2 rgb(71,12,178)
```
#500dca
```
#500dca rgb(80,13,202)
```
#5a0fe2
```
#5a0fe2 rgb(90,15,226)
```
#661af0
```
#661af0 rgb(102,26,240)
```
#7632f2
```
#7632f2 rgb(118,50,242)
```
#864af3
```
#864af3 rgb(134,74,243)
```
#9662f5
```
#9662f5 rgb(150,98,245)
```

Monochromatic Color

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

#311af0
```
#311af0 rgb(49,26,240)
```
#421af0
```
#421af0 rgb(66,26,240)
```
#541af0
```
#541af0 rgb(84,26,240)
```
#661af0
```
#661af0 rgb(102,26,240)
```
#781af0
```
#781af0 rgb(120,26,240)
```
#8a1af0
```
#8a1af0 rgb(138,26,240)
```
#9c1af0
```
#9c1af0 rgb(156,26,240)
```

Similar Colors

Text with hexadecimal color #661af0

This text has a font color of #661af0.

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

#661af0 background color

This paragraph has a background color of #661af0.

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

#661af0 border color

This element has a border color of #661af0.

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

CSS codes

.text {color:#661af0;}

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

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

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, #04010a is the darkest color, while #faf7fe is the lightest one.

#04010a
```
#04010a rgb(4,1,10)
```
#0b021d
```
#0b021d rgb(11,2,29)
```
#13032f
```
#13032f rgb(19,3,47)
```
#1a0442
```
#1a0442 rgb(26,4,66)
```
#210554
```
#210554 rgb(33,5,84)
```
#290766
```
#290766 rgb(41,7,102)
```
#300879
```
#300879 rgb(48,8,121)
```
#37098b
```
#37098b rgb(55,9,139)
```
#3f0a9e
```
#3f0a9e rgb(63,10,158)
```
#460cb0
```
#460cb0 rgb(70,12,176)
```
#4d0dc2
```
#4d0dc2 rgb(77,13,194)
```
#550ed5
```
#550ed5 rgb(85,14,213)
```
#5c0fe7
```
#5c0fe7 rgb(92,15,231)
```

Shade Color Variation

#661af0
```
#661af0 rgb(102,26,240)
```
#722cf1
```
#722cf1 rgb(114,44,241)
```
#7f3ff2
```
#7f3ff2 rgb(127,63,242)
```
#8b51f4
```
#8b51f4 rgb(139,81,244)
```
#9764f5
```
#9764f5 rgb(151,100,245)
```
#a376f6
```
#a376f6 rgb(163,118,246)
```
#b088f7
```
#b088f7 rgb(176,136,247)
```
#bc9bf8
```
#bc9bf8 rgb(188,155,248)
```
#c8adfa
```
#c8adfa rgb(200,173,250)
```
#d5c0fb
```
#d5c0fb rgb(213,192,251)
```
#e1d2fc
```
#e1d2fc rgb(225,210,252)
```
#ede5fd
```
#ede5fd rgb(237,229,253)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

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

#848189
```
#848189 rgb(132,129,137)
```
#817892
```
#817892 rgb(129,120,146)
```
#7e6e9c
```
#7e6e9c rgb(126,110,156)
```
#7c65a5
```
#7c65a5 rgb(124,101,165)
```
#795cae
```
#795cae rgb(121,92,174)
```
#7652b8
```
#7652b8 rgb(118,82,184)
```
#7449c1
```
#7449c1 rgb(116,73,193)
```
#7140ca
```
#7140ca rgb(113,64,202)
```
#6e36d4
```
#6e36d4 rgb(110,54,212)
```
#6b2ddd
```
#6b2ddd rgb(107,45,221)
```
#6923e7
```
#6923e7 rgb(105,35,231)
```
#661af0
```
#661af0 rgb(102,26,240)
```
#6311f9
```
#6311f9 rgb(99,17,249)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#4f406a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#1c6a71 Tritanopia 0.001% of the population

Trichromacy

#2545cb Protanomaly 1% of men, 0.01% of women
#2548bc Deuteranomaly 6% of men, 0.4% of women
#374c9f Tritanomaly 0.01% of the population

#661af0 hex color

#661af0 Color Information

#661af0 Color Conversion

Color Schemes with #661af0

Alternatives to #661af0

#661af0 Preview

Shades and Tints of #661af0

Tones of #661af0

Color Blindness Simulator