#f220e4 hex color

In a RGB color space, hex #f220e4 is composed of 94.9% red, 12.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.8% magenta, 5.8% yellow and 5.1% black. It has a hue angle of 304 degrees, a saturation of 89% and a lightness of 53.7%. #f220e4 color hex could be obtained by blending #ff40ff with #e500c9. Closest websafe color is: #ff33cc.

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

● #f220e4 color description : Vivid magenta.

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

Hex triplet	f220e4	`#f220e4`
RGB Decimal	242, 32, 228	`rgb(242,32,228)`
RGB Percent	94.9, 12.5, 89.4	`rgb(94.9%,12.5%,89.4%)`
CMYK	0, 87, 6, 5
HSL	304°, 89, 53.7	`hsl(304,89%,53.7%)`
HSV (or HSB)	304°, 86.8, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.574, 89.534, -50.268
XYZ	51.137, 25.516, 75.626
xyY	0.336, 0.168, 25.516
CIE-LCH	57.574, 102.68, 330.689
CIE-LUV	57.574, 83.628, -90.409
Hunter-Lab	50.513, 92.309, -53.408
Binary	11110010, 00100000, 11100100

#f220e4
```
#f220e4 rgb(242,32,228)
```
#20f22e
```
#20f22e rgb(32,242,46)
```

Complementary Color

#9720f2
```
#9720f2 rgb(151,32,242)
```
#f220e4
```
#f220e4 rgb(242,32,228)
```
#f2207b
```
#f2207b rgb(242,32,123)
```

Analogous Color

#20f297
```
#20f297 rgb(32,242,151)
```
#f220e4
```
#f220e4 rgb(242,32,228)
```
#7bf220
```
#7bf220 rgb(123,242,32)
```

Split Complementary Color

#20e4f2
```
#20e4f2 rgb(32,228,242)
```
#f220e4
```
#f220e4 rgb(242,32,228)
```
#e4f220
```
#e4f220 rgb(228,242,32)
```

Triadic Color

#2e20f2
```
#2e20f2 rgb(46,32,242)
```
#f220e4
```
#f220e4 rgb(242,32,228)
```
#e4f220
```
#e4f220 rgb(228,242,32)
```
#20f22e
```
#20f22e rgb(32,242,46)
```

Tetradic Color

#bb0baf
```
#bb0baf rgb(187,11,175)
```
#d30cc5
```
#d30cc5 rgb(211,12,197)
```
#eb0edc
```
#eb0edc rgb(235,14,220)
```
#f220e4
```
#f220e4 rgb(242,32,228)
```
#f338e7
```
#f338e7 rgb(243,56,231)
```
#f550ea
```
#f550ea rgb(245,80,234)
```
#f668ed
```
#f668ed rgb(246,104,237)
```

Monochromatic Color

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

#cc20f2
```
#cc20f2 rgb(204,32,242)
```
#dd20f2
```
#dd20f2 rgb(221,32,242)
```
#ef20f2
```
#ef20f2 rgb(239,32,242)
```
#f220e4
```
#f220e4 rgb(242,32,228)
```
#f220d3
```
#f220d3 rgb(242,32,211)
```
#f220c1
```
#f220c1 rgb(242,32,193)
```
#f220b0
```
#f220b0 rgb(242,32,176)
```

Similar Colors

Text with hexadecimal color #f220e4

This text has a font color of #f220e4.

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

#f220e4 background color

This paragraph has a background color of #f220e4.

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

#f220e4 border color

This element has a border color of #f220e4.

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

CSS codes

.text {color:#f220e4;}

.background {background-color:#f220e4;}

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

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

#120111
```
#120111 rgb(18,1,17)
```
#240222
```
#240222 rgb(36,2,34)
```
#370334
```
#370334 rgb(55,3,52)
```
#4a0445
```
#4a0445 rgb(74,4,69)
```
#5c0556
```
#5c0556 rgb(92,5,86)
```
#6f0668
```
#6f0668 rgb(111,6,104)
```
#810879
```
#810879 rgb(129,8,121)
```
#94098a
```
#94098a rgb(148,9,138)
```
#a60a9c
```
#a60a9c rgb(166,10,156)
```
#b90bad
```
#b90bad rgb(185,11,173)
```
#cb0cbf
```
#cb0cbf rgb(203,12,191)
```
#de0dd0
```
#de0dd0 rgb(222,13,208)
```
#f00ee1
```
#f00ee1 rgb(240,14,225)
```

Shade Color Variation

#f220e4
```
#f220e4 rgb(242,32,228)
```
#f333e6
```
#f333e6 rgb(243,51,230)
```
#f445e8
```
#f445e8 rgb(244,69,232)
```
#f558eb
```
#f558eb rgb(245,88,235)
```
#f66aed
```
#f66aed rgb(246,106,237)
```
#f77def
```
#f77def rgb(247,125,239)
```
#f88ff1
```
#f88ff1 rgb(248,143,241)
```
#faa2f4
```
#faa2f4 rgb(250,162,244)
```
#fbb4f6
```
#fbb4f6 rgb(251,180,246)
```
#fcc7f8
```
#fcc7f8 rgb(252,199,248)
```
#fdd9fa
```
#fdd9fa rgb(253,217,250)
```
#feecfd
```
#feecfd rgb(254,236,253)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8e848d
```
#8e848d rgb(142,132,141)
```
#977b95
```
#977b95 rgb(151,123,149)
```
#a0729d
```
#a0729d rgb(160,114,157)
```
#a969a5
```
#a969a5 rgb(169,105,165)
```
#b260ad
```
#b260ad rgb(178,96,173)
```
#bc56b5
```
#bc56b5 rgb(188,86,181)
```
#c54dbd
```
#c54dbd rgb(197,77,189)
```
#ce44c5
```
#ce44c5 rgb(206,68,197)
```
#d73bcc
```
#d73bcc rgb(215,59,204)
```
#e032d4
```
#e032d4 rgb(224,50,212)
```
#e929dc
```
#e929dc rgb(233,41,220)
```
#f220e4
```
#f220e4 rgb(242,32,228)
```
#fb17ec
```
#fb17ec rgb(251,23,236)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8e648b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a8cff Protanopia 1% of men
#708fd0 Deuteranopia 1% of men
#e5666d Tritanopia 0.001% of the population

Trichromacy

#8765f5 Protanomaly 1% of men, 0.01% of women
#9f67d7 Deuteranomaly 6% of men, 0.4% of women
#e94d98 Tritanomaly 0.01% of the population

#f220e4 hex color

#f220e4 Color Information

#f220e4 Color Conversion

Color Schemes with #f220e4

Alternatives to #f220e4

#f220e4 Preview

Shades and Tints of #f220e4

Tones of #f220e4

Color Blindness Simulator