#f016ff hex color

In a RGB color space, hex #f016ff is composed of 94.1% red, 8.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 91.4% magenta, 0% yellow and 0% black. It has a hue angle of 296.1 degrees, a saturation of 100% and a lightness of 54.3%. #f016ff color hex could be obtained by blending #ff2cff with #e100ff. Closest websafe color is: #ff00ff.

♥
- f
- t
- g
- R 94
- G 9
- B 100
RGB color chart
- C 6
- M 91
- Y 0
- K 0
CMYK color chart

● #f016ff color description : Vivid magenta.

The hexadecimal color #f016ff has RGB values of R:240, G:22, B:255 and CMYK values of C:0.06, M:0.91, Y:0, K:0. Its decimal value is 15734527.

Hex triplet	f016ff	`#f016ff`
RGB Decimal	240, 22, 255	`rgb(240,22,255)`
RGB Percent	94.1, 8.6, 100	`rgb(94.1%,8.6%,100%)`
CMYK	6, 91, 0, 0
HSL	296.1°, 100, 54.3	`hsl(296.1,100%,54.3%)`
HSV (or HSB)	296.1°, 91.4, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.342, 94.367, -64.151
XYZ	54.271, 26.322, 96.825
xyY	0.306, 0.148, 26.322
CIE-LCH	58.342, 114.107, 325.792
CIE-LUV	58.342, 72.568, -112.263
Hunter-Lab	51.305, 99.032, -75.979
Binary	11110000, 00010110, 11111111

#f016ff
```
#f016ff rgb(240,22,255)
```
#25ff16
```
#25ff16 rgb(37,255,22)
```

Complementary Color

#7c16ff
```
#7c16ff rgb(124,22,255)
```
#f016ff
```
#f016ff rgb(240,22,255)
```
#ff169a
```
#ff169a rgb(255,22,154)
```

Analogous Color

#16ff7c
```
#16ff7c rgb(22,255,124)
```
#f016ff
```
#f016ff rgb(240,22,255)
```
#9aff16
```
#9aff16 rgb(154,255,22)
```

Split Complementary Color

#16fff0
```
#16fff0 rgb(22,255,240)
```
#f016ff
```
#f016ff rgb(240,22,255)
```
#fff016
```
#fff016 rgb(255,240,22)
```

Triadic Color

#1625ff
```
#1625ff rgb(22,37,255)
```
#f016ff
```
#f016ff rgb(240,22,255)
```
#fff016
```
#fff016 rgb(255,240,22)
```
#25ff16
```
#25ff16 rgb(37,255,22)
```

Tetradic Color

#bc00c9
```
#bc00c9 rgb(188,0,201)
```
#d300e2
```
#d300e2 rgb(211,0,226)
```
#eb00fc
```
#eb00fc rgb(235,0,252)
```
#f016ff
```
#f016ff rgb(240,22,255)
```
#f230ff
```
#f230ff rgb(242,48,255)
```
#f349ff
```
#f349ff rgb(243,73,255)
```
#f563ff
```
#f563ff rgb(245,99,255)
```

Monochromatic Color

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

#b616ff
```
#b616ff rgb(182,22,255)
```
#c916ff
```
#c916ff rgb(201,22,255)
```
#dd16ff
```
#dd16ff rgb(221,22,255)
```
#f016ff
```
#f016ff rgb(240,22,255)
```
#ff16fb
```
#ff16fb rgb(255,22,251)
```
#ff16e7
```
#ff16e7 rgb(255,22,231)
```
#ff16d4
```
#ff16d4 rgb(255,22,212)
```

Similar Colors

Text with hexadecimal color #f016ff

This text has a font color of #f016ff.

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

#f016ff background color

This paragraph has a background color of #f016ff.

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

#f016ff border color

This element has a border color of #f016ff.

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

CSS codes

.text {color:#f016ff;}

.background {background-color:#f016ff;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#150016
```
#150016 rgb(21,0,22)
```
#27002a
```
#27002a rgb(39,0,42)
```
#39003d
```
#39003d rgb(57,0,61)
```
#4c0051
```
#4c0051 rgb(76,0,81)
```
#5e0064
```
#5e0064 rgb(94,0,100)
```
#700078
```
#700078 rgb(112,0,120)
```
#83008c
```
#83008c rgb(131,0,140)
```
#95009f
```
#95009f rgb(149,0,159)
```
#a700b3
```
#a700b3 rgb(167,0,179)
```
#ba00c7
```
#ba00c7 rgb(186,0,199)
```
#cc00da
```
#cc00da rgb(204,0,218)
```
#de00ee
```
#de00ee rgb(222,0,238)
```

Shade Color Variation

#ef02ff
```
#ef02ff rgb(239,2,255)
```
#f016ff
```
#f016ff rgb(240,22,255)
```
#f12aff
```
#f12aff rgb(241,42,255)
```
#f33dff
```
#f33dff rgb(243,61,255)
```
#f451ff
```
#f451ff rgb(244,81,255)
```
#f564ff
```
#f564ff rgb(245,100,255)
```
#f678ff
```
#f678ff rgb(246,120,255)
```
#f88cff
```
#f88cff rgb(248,140,255)
```
#f99fff
```
#f99fff rgb(249,159,255)
```
#fab3ff
```
#fab3ff rgb(250,179,255)
```
#fbc7ff
```
#fbc7ff rgb(251,199,255)
```
#fddaff
```
#fddaff rgb(253,218,255)
```
#feeeff
```
#feeeff rgb(254,238,255)
```

Tint Color Variation

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

#928293
```
#928293 rgb(146,130,147)
```
#9a799c
```
#9a799c rgb(154,121,156)
```
#a270a5
```
#a270a5 rgb(162,112,165)
```
#aa67ae
```
#aa67ae rgb(170,103,174)
```
#b25eb7
```
#b25eb7 rgb(178,94,183)
```
#b955c0
```
#b955c0 rgb(185,85,192)
```
#c14cc9
```
#c14cc9 rgb(193,76,201)
```
#c943d2
```
#c943d2 rgb(201,67,210)
```
#d13adb
```
#d13adb rgb(209,58,219)
```
#d931e4
```
#d931e4 rgb(217,49,228)
```
#e028ed
```
#e028ed rgb(224,40,237)
```
#e81ff6
```
#e81ff6 rgb(232,31,246)
```
#f016ff
```
#f016ff rgb(240,22,255)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8b608e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8eff Protanopia 1% of men
#5493e7 Deuteranopia 1% of men
#de6f76 Tritanopia 0.001% of the population

Trichromacy

#8962ff Protanomaly 1% of men, 0.01% of women
#8c65ef Deuteranomaly 6% of men, 0.4% of women
#e54ea8 Tritanomaly 0.01% of the population

#f016ff hex color

#f016ff Color Information

#f016ff Color Conversion

Color Schemes with #f016ff

Alternatives to #f016ff

#f016ff Preview

Shades and Tints of #f016ff

Tones of #f016ff

Color Blindness Simulator