#f220ff hex color

In a RGB color space, hex #f220ff is composed of 94.9% red, 12.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 87.5% magenta, 0% yellow and 0% black. It has a hue angle of 296.5 degrees, a saturation of 100% and a lightness of 56.3%. #f220ff color hex could be obtained by blending #ff40ff with #e500ff. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 95
- G 13
- B 100
RGB color chart
- C 5
- M 87
- Y 0
- K 0
CMYK color chart

● #f220ff color description : Vivid magenta.

The hexadecimal color #f220ff has RGB values of R:242, G:32, B:255 and CMYK values of C:0.05, M:0.87, Y:0, K:0. Its decimal value is 15868159.

Hex triplet	f220ff	`#f220ff`
RGB Decimal	242, 32, 255	`rgb(242,32,255)`
RGB Percent	94.9, 12.5, 100	`rgb(94.9%,12.5%,100%)`
CMYK	5, 87, 0, 0
HSL	296.5°, 100, 56.3	`hsl(296.5,100%,56.3%)`
HSV (or HSB)	296.5°, 87.5, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.098, 93.42, -62.919
XYZ	55.183, 27.134, 96.933
xyY	0.308, 0.151, 27.134
CIE-LCH	59.098, 112.633, 326.04
CIE-LUV	59.098, 73.217, -110.649
Hunter-Lab	52.09, 97.941, -73.868
Binary	11110010, 00100000, 11111111

#f220ff
```
#f220ff rgb(242,32,255)
```
#2dff20
```
#2dff20 rgb(45,255,32)
```

Complementary Color

#8320ff
```
#8320ff rgb(131,32,255)
```
#f220ff
```
#f220ff rgb(242,32,255)
```
#ff209d
```
#ff209d rgb(255,32,157)
```

Analogous Color

#20ff83
```
#20ff83 rgb(32,255,131)
```
#f220ff
```
#f220ff rgb(242,32,255)
```
#9dff20
```
#9dff20 rgb(157,255,32)
```

Split Complementary Color

#20fff2
```
#20fff2 rgb(32,255,242)
```
#f220ff
```
#f220ff rgb(242,32,255)
```
#fff220
```
#fff220 rgb(255,242,32)
```

Triadic Color

#202dff
```
#202dff rgb(32,45,255)
```
#f220ff
```
#f220ff rgb(242,32,255)
```
#fff220
```
#fff220 rgb(255,242,32)
```
#2dff20
```
#2dff20 rgb(45,255,32)
```

Tetradic Color

#c600d3
```
#c600d3 rgb(198,0,211)
```
#de00ec
```
#de00ec rgb(222,0,236)
```
#f106ff
```
#f106ff rgb(241,6,255)
```
#f220ff
```
#f220ff rgb(242,32,255)
```
#f33aff
```
#f33aff rgb(243,58,255)
```
#f553ff
```
#f553ff rgb(245,83,255)
```
#f66dff
```
#f66dff rgb(246,109,255)
```

Monochromatic Color

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

#ba20ff
```
#ba20ff rgb(186,32,255)
```
#cd20ff
```
#cd20ff rgb(205,32,255)
```
#df20ff
```
#df20ff rgb(223,32,255)
```
#f220ff
```
#f220ff rgb(242,32,255)
```
#ff20f9
```
#ff20f9 rgb(255,32,249)
```
#ff20e7
```
#ff20e7 rgb(255,32,231)
```
#ff20d4
```
#ff20d4 rgb(255,32,212)
```

Similar Colors

Text with hexadecimal color #f220ff

This text has a font color of #f220ff.

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

#f220ff background color

This paragraph has a background color of #f220ff.

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

#f220ff border color

This element has a border color of #f220ff.

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

CSS codes

.text {color:#f220ff;}

.background {background-color:#f220ff;}

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

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, #0c000c is the darkest color, while #fff8ff is the lightest one.

#0c000c
```
#0c000c rgb(12,0,12)
```
#1e0020
```
#1e0020 rgb(30,0,32)
```
#310034
```
#310034 rgb(49,0,52)
```
#430047
```
#430047 rgb(67,0,71)
```
#56005b
```
#56005b rgb(86,0,91)
```
#68006e
```
#68006e rgb(104,0,110)
```
#7a0082
```
#7a0082 rgb(122,0,130)
```
#8d0096
```
#8d0096 rgb(141,0,150)
```
#9f00a9
```
#9f00a9 rgb(159,0,169)
```
#b200bd
```
#b200bd rgb(178,0,189)
```
#c400d1
```
#c400d1 rgb(196,0,209)
```
#d700e4
```
#d700e4 rgb(215,0,228)
```
#e900f8
```
#e900f8 rgb(233,0,248)
```

Shade Color Variation

#f10cff
```
#f10cff rgb(241,12,255)
```
#f220ff
```
#f220ff rgb(242,32,255)
```
#f334ff
```
#f334ff rgb(243,52,255)
```
#f447ff
```
#f447ff rgb(244,71,255)
```
#f55bff
```
#f55bff rgb(245,91,255)
```
#f76eff
```
#f76eff rgb(247,110,255)
```
#f882ff
```
#f882ff rgb(248,130,255)
```
#f996ff
```
#f996ff rgb(249,150,255)
```
#faa9ff
```
#faa9ff rgb(250,169,255)
```
#fbbdff
```
#fbbdff rgb(251,189,255)
```
#fcd1ff
```
#fcd1ff rgb(252,209,255)
```
#fde4ff
```
#fde4ff rgb(253,228,255)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#978798
```
#978798 rgb(151,135,152)
```
#9f7ea1
```
#9f7ea1 rgb(159,126,161)
```
#a676a9
```
#a676a9 rgb(166,118,169)
```
#ae6db2
```
#ae6db2 rgb(174,109,178)
```
#b565ba
```
#b565ba rgb(181,101,186)
```
#bd5cc3
```
#bd5cc3 rgb(189,92,195)
```
#c553cc
```
#c553cc rgb(197,83,204)
```
#cc4bd4
```
#cc4bd4 rgb(204,75,212)
```
#d442dd
```
#d442dd rgb(212,66,221)
```
#db3ae5
```
#db3ae5 rgb(219,58,229)
```
#e331ee
```
#e331ee rgb(227,49,238)
```
#ea29f6
```
#ea29f6 rgb(234,41,246)
```
#f220ff
```
#f220ff rgb(242,32,255)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#906693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5490ff Protanopia 1% of men
#5994e7 Deuteranopia 1% of men
#e17178 Tritanopia 0.001% of the population

Trichromacy

#8d67ff Protanomaly 1% of men, 0.01% of women
#916af0 Deuteranomaly 6% of men, 0.4% of women
#e753a9 Tritanomaly 0.01% of the population

#f220ff hex color

#f220ff Color Information

#f220ff Color Conversion

Color Schemes with #f220ff

Alternatives to #f220ff

#f220ff Preview

Shades and Tints of #f220ff

Tones of #f220ff

Color Blindness Simulator