#661faf hex color

In a RGB color space, hex #661faf is composed of 40% red, 12.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 82.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 269.6 degrees, a saturation of 69.9% and a lightness of 40.4%. #661faf color hex could be obtained by blending #cc3eff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 40
- G 12
- B 69
RGB color chart
- C 42
- M 82
- Y 0
- K 31
CMYK color chart

● #661faf color description : Dark violet.

The hexadecimal color #661faf has RGB values of R:102, G:31, B:175 and CMYK values of C:0.42, M:0.82, Y:0, K:0.31. Its decimal value is 6692783.

Hex triplet	661faf	`#661faf`
RGB Decimal	102, 31, 175	`rgb(102,31,175)`
RGB Percent	40, 12.2, 68.6	`rgb(40%,12.2%,68.6%)`
CMYK	42, 82, 0, 31
HSL	269.6°, 69.9, 40.4	`hsl(269.6,69.9%,40.4%)`
HSV (or HSB)	269.6°, 82.3, 68.6
Web Safe	663399	`#663399`

CIE-LAB	31.578, 57.119, -62.586
XYZ	13.706, 6.9, 41.165
xyY	0.222, 0.112, 6.9
CIE-LCH	31.578, 84.732, 312.385
CIE-LUV	31.578, 12.287, -86.348
Hunter-Lab	26.268, 47.17, -74.527
Binary	01100110, 00011111, 10101111

#661faf
```
#661faf rgb(102,31,175)
```
#68af1f
```
#68af1f rgb(104,175,31)
```

Complementary Color

#1f20af
```
#1f20af rgb(31,32,175)
```
#661faf
```
#661faf rgb(102,31,175)
```
#ae1faf
```
#ae1faf rgb(174,31,175)
```

Analogous Color

#20af1f
```
#20af1f rgb(32,175,31)
```
#661faf
```
#661faf rgb(102,31,175)
```
#afae1f
```
#afae1f rgb(175,174,31)
```

Split Complementary Color

#1faf66
```
#1faf66 rgb(31,175,102)
```
#661faf
```
#661faf rgb(102,31,175)
```
#af661f
```
#af661f rgb(175,102,31)
```

Triadic Color

#1f68af
```
#1f68af rgb(31,104,175)
```
#661faf
```
#661faf rgb(102,31,175)
```
#af661f
```
#af661f rgb(175,102,31)
```
#68af1f
```
#68af1f rgb(104,175,31)
```

Tetradic Color

#40136e
```
#40136e rgb(64,19,110)
```
#4d1784
```
#4d1784 rgb(77,23,132)
```
#591b99
```
#591b99 rgb(89,27,153)
```
#661faf
```
#661faf rgb(102,31,175)
```
#7323c5
```
#7323c5 rgb(115,35,197)
```
#7f28d9
```
#7f28d9 rgb(127,40,217)
```
#8c3edd
```
#8c3edd rgb(140,62,221)
```

Monochromatic Color

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

#421faf
```
#421faf rgb(66,31,175)
```
#4e1faf
```
#4e1faf rgb(78,31,175)
```
#5a1faf
```
#5a1faf rgb(90,31,175)
```
#661faf
```
#661faf rgb(102,31,175)
```
#721faf
```
#721faf rgb(114,31,175)
```
#7e1faf
```
#7e1faf rgb(126,31,175)
```
#8a1faf
```
#8a1faf rgb(138,31,175)
```

Similar Colors

Text with hexadecimal color #661faf

This text has a font color of #661faf.

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

#661faf background color

This paragraph has a background color of #661faf.

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

#661faf border color

This element has a border color of #661faf.

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

CSS codes

.text {color:#661faf;}

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

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

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

#050108
```
#050108 rgb(5,1,8)
```
#0f0419
```
#0f0419 rgb(15,4,25)
```
#18072a
```
#18072a rgb(24,7,42)
```
#220a3a
```
#220a3a rgb(34,10,58)
```
#2c0d4b
```
#2c0d4b rgb(44,13,75)
```
#35105c
```
#35105c rgb(53,16,92)
```
#3f136c
```
#3f136c rgb(63,19,108)
```
#49167d
```
#49167d rgb(73,22,125)
```
#53198e
```
#53198e rgb(83,25,142)
```
#5c1c9e
```
#5c1c9e rgb(92,28,158)
```
#661faf
```
#661faf rgb(102,31,175)
```
#7022c0
```
#7022c0 rgb(112,34,192)
```
#7925d0
```
#7925d0 rgb(121,37,208)
```

Shade Color Variation

#832fda
```
#832fda rgb(131,47,218)
```
#8d3fdd
```
#8d3fdd rgb(141,63,221)
```
#9750e0
```
#9750e0 rgb(151,80,224)
```
#a161e3
```
#a161e3 rgb(161,97,227)
```
#ab71e6
```
#ab71e6 rgb(171,113,230)
```
#b582e9
```
#b582e9 rgb(181,130,233)
```
#bf93ec
```
#bf93ec rgb(191,147,236)
```
#c9a3ef
```
#c9a3ef rgb(201,163,239)
```
#d2b4f2
```
#d2b4f2 rgb(210,180,242)
```
#dcc5f5
```
#dcc5f5 rgb(220,197,245)
```
#e6d5f8
```
#e6d5f8 rgb(230,213,248)
```
#f0e6fb
```
#f0e6fb rgb(240,230,251)
```
#faf7fe
```
#faf7fe rgb(250,247,254)
```

Tint Color Variation

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

#676668
```
#676668 rgb(103,102,104)
```
#675e70
```
#675e70 rgb(103,94,112)
```
#675678
```
#675678 rgb(103,86,120)
```
#674f7f
```
#674f7f rgb(103,79,127)
```
#674787
```
#674787 rgb(103,71,135)
```
#663f8f
```
#663f8f rgb(102,63,143)
```
#663797
```
#663797 rgb(102,55,151)
```
#662f9f
```
#662f9f rgb(102,47,159)
```
#6627a7
```
#6627a7 rgb(102,39,167)
```
#661faf
```
#661faf rgb(102,31,175)
```
#6617b7
```
#6617b7 rgb(102,23,183)
```
#660fbf
```
#660fbf rgb(102,15,191)
```
#6607c7
```
#6607c7 rgb(102,7,199)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4c3d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#00558a Deuteranopia 1% of men
#545258 Tritanopia 0.001% of the population

Trichromacy

#253fa4 Protanomaly 1% of men, 0.01% of women
#254197 Deuteranomaly 6% of men, 0.4% of women
#5b3f78 Tritanomaly 0.01% of the population

#661faf hex color

#661faf Color Information

#661faf Color Conversion

Color Schemes with #661faf

Alternatives to #661faf

#661faf Preview

Shades and Tints of #661faf

Tones of #661faf

Color Blindness Simulator