#f220fa hex color

In a RGB color space, hex #f220fa is composed of 94.9% red, 12.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 87.2% magenta, 0% yellow and 2% black. It has a hue angle of 297.8 degrees, a saturation of 95.6% and a lightness of 55.3%. #f220fa color hex could be obtained by blending #ff40ff with #e500f5. Closest websafe color is: #ff33ff.

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

● #f220fa color description : Vivid magenta.

The hexadecimal color #f220fa has RGB values of R:242, G:32, B:250 and CMYK values of C:0.03, M:0.87, Y:0, K:0.02. Its decimal value is 15868154.

Hex triplet	f220fa	`#f220fa`
RGB Decimal	242, 32, 250	`rgb(242,32,250)`
RGB Percent	94.9, 12.5, 98	`rgb(94.9%,12.5%,98%)`
CMYK	3, 87, 0, 2
HSL	297.8°, 95.6, 55.3	`hsl(297.8,95.6%,55.3%)`
HSV (or HSB)	297.8°, 87.2, 98
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	58.804, 92.677, -60.617
XYZ	54.388, 26.816, 92.749
xyY	0.313, 0.154, 26.816
CIE-LCH	58.804, 110.741, 326.813
CIE-LUV	58.804, 75.071, -106.962
Hunter-Lab	51.784, 96.855, -69.943
Binary	11110010, 00100000, 11111010

#f220fa
```
#f220fa rgb(242,32,250)
```
#28fa20
```
#28fa20 rgb(40,250,32)
```

Complementary Color

#8520fa
```
#8520fa rgb(133,32,250)
```
#f220fa
```
#f220fa rgb(242,32,250)
```
#fa2095
```
#fa2095 rgb(250,32,149)
```

Analogous Color

#20fa85
```
#20fa85 rgb(32,250,133)
```
#f220fa
```
#f220fa rgb(242,32,250)
```
#95fa20
```
#95fa20 rgb(149,250,32)
```

Split Complementary Color

#20faf2
```
#20faf2 rgb(32,250,242)
```
#f220fa
```
#f220fa rgb(242,32,250)
```
#faf220
```
#faf220 rgb(250,242,32)
```

Triadic Color

#2028fa
```
#2028fa rgb(32,40,250)
```
#f220fa
```
#f220fa rgb(242,32,250)
```
#faf220
```
#faf220 rgb(250,242,32)
```
#28fa20
```
#28fa20 rgb(40,250,32)
```

Tetradic Color

#c205c9
```
#c205c9 rgb(194,5,201)
```
#da05e2
```
#da05e2 rgb(218,5,226)
```
#f107f9
```
#f107f9 rgb(241,7,249)
```
#f220fa
```
#f220fa rgb(242,32,250)
```
#f339fb
```
#f339fb rgb(243,57,251)
```
#f552fb
```
#f552fb rgb(245,82,251)
```
#f66bfc
```
#f66bfc rgb(246,107,252)
```

Monochromatic Color

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

#bc20fa
```
#bc20fa rgb(188,32,250)
```
#ce20fa
```
#ce20fa rgb(206,32,250)
```
#e020fa
```
#e020fa rgb(224,32,250)
```
#f220fa
```
#f220fa rgb(242,32,250)
```
#fa20f0
```
#fa20f0 rgb(250,32,240)
```
#fa20de
```
#fa20de rgb(250,32,222)
```
#fa20cc
```
#fa20cc rgb(250,32,204)
```

Similar Colors

Text with hexadecimal color #f220fa

This text has a font color of #f220fa.

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

#f220fa background color

This paragraph has a background color of #f220fa.

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

#f220fa border color

This element has a border color of #f220fa.

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

CSS codes

.text {color:#f220fa;}

.background {background-color:#f220fa;}

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

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

#070007
```
#070007 rgb(7,0,7)
```
#19011a
```
#19011a rgb(25,1,26)
```
#2c012e
```
#2c012e rgb(44,1,46)
```
#3e0141
```
#3e0141 rgb(62,1,65)
```
#510254
```
#510254 rgb(81,2,84)
```
#630267
```
#630267 rgb(99,2,103)
```
#76037a
```
#76037a rgb(118,3,122)
```
#88038e
```
#88038e rgb(136,3,142)
```
#9b04a1
```
#9b04a1 rgb(155,4,161)
```
#ad04b4
```
#ad04b4 rgb(173,4,180)
```
#c004c7
```
#c004c7 rgb(192,4,199)
```
#d205da
```
#d205da rgb(210,5,218)
```
#e505ed
```
#e505ed rgb(229,5,237)
```

Shade Color Variation

#f10dfa
```
#f10dfa rgb(241,13,250)
```
#f220fa
```
#f220fa rgb(242,32,250)
```
#f333fa
```
#f333fa rgb(243,51,250)
```
#f446fb
```
#f446fb rgb(244,70,251)
```
#f55afb
```
#f55afb rgb(245,90,251)
```
#f66dfc
```
#f66dfc rgb(246,109,252)
```
#f880fc
```
#f880fc rgb(248,128,252)
```
#f993fd
```
#f993fd rgb(249,147,253)
```
#faa6fd
```
#faa6fd rgb(250,166,253)
```
#fbb9fd
```
#fbb9fd rgb(251,185,253)
```
#fccdfe
```
#fccdfe rgb(252,205,254)
```
#fde0fe
```
#fde0fe rgb(253,224,254)
```
#fef3ff
```
#fef3ff rgb(254,243,255)
```

Tint Color Variation

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

#908991
```
#908991 rgb(144,137,145)
```
#99809a
```
#99809a rgb(153,128,154)
```
#a178a2
```
#a178a2 rgb(161,120,162)
```
#a96fab
```
#a96fab rgb(169,111,171)
```
#b166b4
```
#b166b4 rgb(177,102,180)
```
#b95dbd
```
#b95dbd rgb(185,93,189)
```
#c155c5
```
#c155c5 rgb(193,85,197)
```
#c94cce
```
#c94cce rgb(201,76,206)
```
#d143d7
```
#d143d7 rgb(209,67,215)
```
#da3ae0
```
#da3ae0 rgb(218,58,224)
```
#e232e8
```
#e232e8 rgb(226,50,232)
```
#ea29f1
```
#ea29f1 rgb(234,41,241)
```
#f220fa
```
#f220fa rgb(242,32,250)
```

Tone Color Variation

Below, you can see how #f220fa 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
#906692 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5290ff Protanopia 1% of men
#5e93e3 Deuteranopia 1% of men
#e16f76 Tritanopia 0.001% of the population

Trichromacy

#8c67fd Protanomaly 1% of men, 0.01% of women
#9469eb Deuteranomaly 6% of men, 0.4% of women
#e752a6 Tritanomaly 0.01% of the population

#f220fa hex color

#f220fa Color Information

#f220fa Color Conversion

Color Schemes with #f220fa

Alternatives to #f220fa

#f220fa Preview

Shades and Tints of #f220fa

Tones of #f220fa

Color Blindness Simulator