#f660ff hex color

In a RGB color space, hex #f660ff is composed of 96.5% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.5% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 296.6 degrees, a saturation of 100% and a lightness of 68.8%. #f660ff color hex could be obtained by blending #ffc0ff with #ed00ff. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 38
- B 100
RGB color chart
- C 4
- M 62
- Y 0
- K 0
CMYK color chart

● #f660ff color description : Light magenta.

The hexadecimal color #f660ff has RGB values of R:246, G:96, B:255 and CMYK values of C:0.04, M:0.62, Y:0, K:0. Its decimal value is 16146687.

Hex triplet	f660ff	`#f660ff`
RGB Decimal	246, 96, 255	`rgb(246,96,255)`
RGB Percent	96.5, 37.6, 100	`rgb(96.5%,37.6%,100%)`
CMYK	4, 62, 0, 0
HSL	296.6°, 100, 68.8	`hsl(296.6,100%,68.8%)`
HSV (or HSB)	296.6°, 62.4, 100
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.89, 76.509, -52.056
XYZ	60.237, 35.182, 98.22
xyY	0.311, 0.182, 35.182
CIE-LCH	65.89, 92.539, 325.769
CIE-LUV	65.89, 64.373, -93.874
Hunter-Lab	59.314, 77.478, -56.66
Binary	11110110, 01100000, 11111111

#f660ff
```
#f660ff rgb(246,96,255)
```
#69ff60
```
#69ff60 rgb(105,255,96)
```

Complementary Color

#a760ff
```
#a760ff rgb(167,96,255)
```
#f660ff
```
#f660ff rgb(246,96,255)
```
#ff60b9
```
#ff60b9 rgb(255,96,185)
```

Analogous Color

#60ffa7
```
#60ffa7 rgb(96,255,167)
```
#f660ff
```
#f660ff rgb(246,96,255)
```
#b9ff60
```
#b9ff60 rgb(185,255,96)
```

Split Complementary Color

#60fff6
```
#60fff6 rgb(96,255,246)
```
#f660ff
```
#f660ff rgb(246,96,255)
```
#fff660
```
#fff660 rgb(255,246,96)
```

Triadic Color

#6069ff
```
#6069ff rgb(96,105,255)
```
#f660ff
```
#f660ff rgb(246,96,255)
```
#fff660
```
#fff660 rgb(255,246,96)
```
#69ff60
```
#69ff60 rgb(105,255,96)
```

Tetradic Color

#f214ff
```
#f214ff rgb(242,20,255)
```
#f32dff
```
#f32dff rgb(243,45,255)
```
#f547ff
```
#f547ff rgb(245,71,255)
```
#f660ff
```
#f660ff rgb(246,96,255)
```
#f77aff
```
#f77aff rgb(247,122,255)
```
#f993ff
```
#f993ff rgb(249,147,255)
```
#faadff
```
#faadff rgb(250,173,255)
```

Monochromatic Color

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

#ce60ff
```
#ce60ff rgb(206,96,255)
```
#dc60ff
```
#dc60ff rgb(220,96,255)
```
#e960ff
```
#e960ff rgb(233,96,255)
```
#f660ff
```
#f660ff rgb(246,96,255)
```
#ff60fb
```
#ff60fb rgb(255,96,251)
```
#ff60ee
```
#ff60ee rgb(255,96,238)
```
#ff60e0
```
#ff60e0 rgb(255,96,224)
```

Similar Colors

Text with hexadecimal color #f660ff

This text has a font color of #f660ff.

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

#f660ff background color

This paragraph has a background color of #f660ff.

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

#f660ff border color

This element has a border color of #f660ff.

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

CSS codes

.text {color:#f660ff;}

.background {background-color:#f660ff;}

.border {border:1px solid #f660ff;}

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

#110012
```
#110012 rgb(17,0,18)
```
#230025
```
#230025 rgb(35,0,37)
```
#360039
```
#360039 rgb(54,0,57)
```
#48004c
```
#48004c rgb(72,0,76)
```
#5b0060
```
#5b0060 rgb(91,0,96)
```
#6d0074
```
#6d0074 rgb(109,0,116)
```
#800087
```
#800087 rgb(128,0,135)
```
#92009b
```
#92009b rgb(146,0,155)
```
#a500ae
```
#a500ae rgb(165,0,174)
```
#b700c2
```
#b700c2 rgb(183,0,194)
```
#ca00d6
```
#ca00d6 rgb(202,0,214)
```
#dc00e9
```
#dc00e9 rgb(220,0,233)
```
#ef00fd
```
#ef00fd rgb(239,0,253)
```

Shade Color Variation

#f212ff
```
#f212ff rgb(242,18,255)
```
#f325ff
```
#f325ff rgb(243,37,255)
```
#f439ff
```
#f439ff rgb(244,57,255)
```
#f54cff
```
#f54cff rgb(245,76,255)
```
#f660ff
```
#f660ff rgb(246,96,255)
```
#f774ff
```
#f774ff rgb(247,116,255)
```
#f887ff
```
#f887ff rgb(248,135,255)
```
#f99bff
```
#f99bff rgb(249,155,255)
```
#faaeff
```
#faaeff rgb(250,174,255)
```
#fcc2ff
```
#fcc2ff rgb(252,194,255)
```
#fdd6ff
```
#fdd6ff rgb(253,214,255)
```
#fee9ff
```
#fee9ff rgb(254,233,255)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#b5a9b6
```
#b5a9b6 rgb(181,169,182)
```
#baa3bc
```
#baa3bc rgb(186,163,188)
```
#c09dc2
```
#c09dc2 rgb(192,157,194)
```
#c597c8
```
#c597c8 rgb(197,151,200)
```
#cb91ce
```
#cb91ce rgb(203,145,206)
```
#d08bd4
```
#d08bd4 rgb(208,139,212)
```
#d585da
```
#d585da rgb(213,133,218)
```
#db7fe0
```
#db7fe0 rgb(219,127,224)
```
#e078e7
```
#e078e7 rgb(224,120,231)
```
#e672ed
```
#e672ed rgb(230,114,237)
```
#eb6cf3
```
#eb6cf3 rgb(235,108,243)
```
#f166f9
```
#f166f9 rgb(241,102,249)
```
#f660ff
```
#f660ff rgb(246,96,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#b092b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ba2ff Protanopia 1% of men
#80a4ee Deuteranopia 1% of men
#e78a93 Tritanopia 0.001% of the population

Trichromacy

#a88aff Protanomaly 1% of men, 0.01% of women
#ab8bf4 Deuteranomaly 6% of men, 0.4% of women
#ec7aba Tritanomaly 0.01% of the population

#f660ff hex color

#f660ff Color Information

#f660ff Color Conversion

Color Schemes with #f660ff

Alternatives to #f660ff

#f660ff Preview

Shades and Tints of #f660ff

Tones of #f660ff

Color Blindness Simulator