#661bf5 hex color

In a RGB color space, hex #661bf5 is composed of 40% red, 10.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 89% magenta, 0% yellow and 3.9% black. It has a hue angle of 260.6 degrees, a saturation of 91.6% and a lightness of 53.3%. #661bf5 color hex could be obtained by blending #cc36ff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 40
- G 11
- B 96
RGB color chart
- C 58
- M 89
- Y 0
- K 4
CMYK color chart

● #661bf5 color description : Vivid violet.

The hexadecimal color #661bf5 has RGB values of R:102, G:27, B:245 and CMYK values of C:0.58, M:0.89, Y:0, K:0.04. Its decimal value is 6691829.

Hex triplet	661bf5	`#661bf5`
RGB Decimal	102, 27, 245	`rgb(102,27,245)`
RGB Percent	40, 10.6, 96.1	`rgb(40%,10.6%,96.1%)`
CMYK	58, 89, 0, 4
HSL	260.6°, 91.6, 53.3	`hsl(260.6,91.6%,53.3%)`
HSV (or HSB)	260.6°, 89, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.2, 74.993, -92.262
XYZ	22.35, 10.201, 87.172
xyY	0.187, 0.085, 10.201
CIE-LCH	38.2, 118.896, 309.105
CIE-LUV	38.2, 3.374, -128.22
Hunter-Lab	31.938, 69.019, -139.469
Binary	01100110, 00011011, 11110101

#661bf5
```
#661bf5 rgb(102,27,245)
```
#aaf51b
```
#aaf51b rgb(170,245,27)
```

Complementary Color

#1b3df5
```
#1b3df5 rgb(27,61,245)
```
#661bf5
```
#661bf5 rgb(102,27,245)
```
#d31bf5
```
#d31bf5 rgb(211,27,245)
```

Analogous Color

#3df51b
```
#3df51b rgb(61,245,27)
```
#661bf5
```
#661bf5 rgb(102,27,245)
```
#f5d31b
```
#f5d31b rgb(245,211,27)
```

Split Complementary Color

#1bf566
```
#1bf566 rgb(27,245,102)
```
#661bf5
```
#661bf5 rgb(102,27,245)
```
#f5661b
```
#f5661b rgb(245,102,27)
```

Triadic Color

#1baaf5
```
#1baaf5 rgb(27,170,245)
```
#661bf5
```
#661bf5 rgb(102,27,245)
```
#f5661b
```
#f5661b rgb(245,102,27)
```
#aaf51b
```
#aaf51b rgb(170,245,27)
```

Tetradic Color

#4608bb
```
#4608bb rgb(70,8,187)
```
#4f09d4
```
#4f09d4 rgb(79,9,212)
```
#580aec
```
#580aec rgb(88,10,236)
```
#661bf5
```
#661bf5 rgb(102,27,245)
```
#7633f6
```
#7633f6 rgb(118,51,246)
```
#874cf7
```
#874cf7 rgb(135,76,247)
```
#9764f8
```
#9764f8 rgb(151,100,248)
```

Monochromatic Color

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

#2f1bf5
```
#2f1bf5 rgb(47,27,245)
```
#421bf5
```
#421bf5 rgb(66,27,245)
```
#541bf5
```
#541bf5 rgb(84,27,245)
```
#661bf5
```
#661bf5 rgb(102,27,245)
```
#781bf5
```
#781bf5 rgb(120,27,245)
```
#8a1bf5
```
#8a1bf5 rgb(138,27,245)
```
#9d1bf5
```
#9d1bf5 rgb(157,27,245)
```

Similar Colors

Text with hexadecimal color #661bf5

This text has a font color of #661bf5.

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

#661bf5 background color

This paragraph has a background color of #661bf5.

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

#661bf5 border color

This element has a border color of #661bf5.

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

CSS codes

.text {color:#661bf5;}

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

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

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

#060110
```
#060110 rgb(6,1,16)
```
#0d0223
```
#0d0223 rgb(13,2,35)
```
#140236
```
#140236 rgb(20,2,54)
```
#1b0349
```
#1b0349 rgb(27,3,73)
```
#22045b
```
#22045b rgb(34,4,91)
```
#29056e
```
#29056e rgb(41,5,110)
```
#300681
```
#300681 rgb(48,6,129)
```
#370694
```
#370694 rgb(55,6,148)
```
#3e07a7
```
#3e07a7 rgb(62,7,167)
```
#4508b9
```
#4508b9 rgb(69,8,185)
```
#4c09cc
```
#4c09cc rgb(76,9,204)
```
#530adf
```
#530adf rgb(83,10,223)
```
#5a0bf2
```
#5a0bf2 rgb(90,11,242)
```

Shade Color Variation

#661bf5
```
#661bf5 rgb(102,27,245)
```
#732ef6
```
#732ef6 rgb(115,46,246)
```
#7f41f7
```
#7f41f7 rgb(127,65,247)
```
#8c53f7
```
#8c53f7 rgb(140,83,247)
```
#9866f8
```
#9866f8 rgb(152,102,248)
```
#a579f9
```
#a579f9 rgb(165,121,249)
```
#b28cfa
```
#b28cfa rgb(178,140,250)
```
#be9ffb
```
#be9ffb rgb(190,159,251)
```
#cbb1fc
```
#cbb1fc rgb(203,177,252)
```
#d7c4fc
```
#d7c4fc rgb(215,196,252)
```
#e4d7fd
```
#e4d7fd rgb(228,215,253)
```
#f1eafe
```
#f1eafe rgb(241,234,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#858090
```
#858090 rgb(133,128,144)
```
#837799
```
#837799 rgb(131,119,153)
```
#806da3
```
#806da3 rgb(128,109,163)
```
#7d64ac
```
#7d64ac rgb(125,100,172)
```
#7a5bb5
```
#7a5bb5 rgb(122,91,181)
```
#7752be
```
#7752be rgb(119,82,190)
```
#7449c7
```
#7449c7 rgb(116,73,199)
```
#7140d0
```
#7140d0 rgb(113,64,208)
```
#6f36da
```
#6f36da rgb(111,54,218)
```
#6c2de3
```
#6c2de3 rgb(108,45,227)
```
#6924ec
```
#6924ec rgb(105,36,236)
```
#661bf5
```
#661bf5 rgb(102,27,245)
```
#6312fe
```
#6312fe rgb(99,18,254)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#50416c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2546cf Protanomaly 1% of men, 0.01% of women
#254abf Deuteranomaly 6% of men, 0.4% of women
#254ea2 Tritanomaly 0.01% of the population

#661bf5 hex color

#661bf5 Color Information

#661bf5 Color Conversion

Color Schemes with #661bf5

Alternatives to #661bf5

#661bf5 Preview

Shades and Tints of #661bf5

Tones of #661bf5

Color Blindness Simulator