#f20fff hex color

In a RGB color space, hex #f20fff is composed of 94.9% red, 5.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 94.1% magenta, 0% yellow and 0% black. It has a hue angle of 296.8 degrees, a saturation of 100% and a lightness of 52.9%. #f20fff color hex could be obtained by blending #ff1eff with #e500ff. Closest websafe color is: #ff00ff.

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

● #f20fff color description : Vivid magenta.

The hexadecimal color #f20fff has RGB values of R:242, G:15, B:255 and CMYK values of C:0.05, M:0.94, Y:0, K:0. Its decimal value is 15863807.

Hex triplet	f20fff	`#f20fff`
RGB Decimal	242, 15, 255	`rgb(242,15,255)`
RGB Percent	94.9, 5.9, 100	`rgb(94.9%,5.9%,100%)`
CMYK	5, 94, 0, 0
HSL	296.8°, 100, 52.9	`hsl(296.8,100%,52.9%)`
HSV (or HSB)	296.8°, 94.1, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.455, 95.32, -63.952
XYZ	54.837, 26.442, 96.818
xyY	0.308, 0.148, 26.442
CIE-LCH	58.455, 114.786, 326.142
CIE-LUV	58.455, 74.325, -112.144
Hunter-Lab	51.422, 100.366, -75.636
Binary	11110010, 00001111, 11111111

#f20fff
```
#f20fff rgb(242,15,255)
```
#1cff0f
```
#1cff0f rgb(28,255,15)
```

Complementary Color

#7a0fff
```
#7a0fff rgb(122,15,255)
```
#f20fff
```
#f20fff rgb(242,15,255)
```
#ff0f94
```
#ff0f94 rgb(255,15,148)
```

Analogous Color

#0fff7a
```
#0fff7a rgb(15,255,122)
```
#f20fff
```
#f20fff rgb(242,15,255)
```
#94ff0f
```
#94ff0f rgb(148,255,15)
```

Split Complementary Color

#0ffff2
```
#0ffff2 rgb(15,255,242)
```
#f20fff
```
#f20fff rgb(242,15,255)
```
#fff20f
```
#fff20f rgb(255,242,15)
```

Triadic Color

#0f1cff
```
#0f1cff rgb(15,28,255)
```
#f20fff
```
#f20fff rgb(242,15,255)
```
#fff20f
```
#fff20f rgb(255,242,15)
```
#1cff0f
```
#1cff0f rgb(28,255,15)
```

Tetradic Color

#b700c2
```
#b700c2 rgb(183,0,194)
```
#cf00db
```
#cf00db rgb(207,0,219)
```
#e700f5
```
#e700f5 rgb(231,0,245)
```
#f20fff
```
#f20fff rgb(242,15,255)
```
#f329ff
```
#f329ff rgb(243,41,255)
```
#f542ff
```
#f542ff rgb(245,66,255)
```
#f65cff
```
#f65cff rgb(246,92,255)
```

Monochromatic Color

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

#b60fff
```
#b60fff rgb(182,15,255)
```
#ca0fff
```
#ca0fff rgb(202,15,255)
```
#de0fff
```
#de0fff rgb(222,15,255)
```
#f20fff
```
#f20fff rgb(242,15,255)
```
#ff0ff8
```
#ff0ff8 rgb(255,15,248)
```
#ff0fe4
```
#ff0fe4 rgb(255,15,228)
```
#ff0fd0
```
#ff0fd0 rgb(255,15,208)
```

Similar Colors

Text with hexadecimal color #f20fff

This text has a font color of #f20fff.

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

#f20fff background color

This paragraph has a background color of #f20fff.

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

#f20fff border color

This element has a border color of #f20fff.

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

CSS codes

.text {color:#f20fff;}

.background {background-color:#f20fff;}

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

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

#0e000f
```
#0e000f rgb(14,0,15)
```
#210023
```
#210023 rgb(33,0,35)
```
#330036
```
#330036 rgb(51,0,54)
```
#46004a
```
#46004a rgb(70,0,74)
```
#58005d
```
#58005d rgb(88,0,93)
```
#6b0071
```
#6b0071 rgb(107,0,113)
```
#7e0085
```
#7e0085 rgb(126,0,133)
```
#900098
```
#900098 rgb(144,0,152)
```
#a300ac
```
#a300ac rgb(163,0,172)
```
#b500c0
```
#b500c0 rgb(181,0,192)
```
#c800d3
```
#c800d3 rgb(200,0,211)
```
#da00e7
```
#da00e7 rgb(218,0,231)
```
#ed00fa
```
#ed00fa rgb(237,0,250)
```

Shade Color Variation

#f20fff
```
#f20fff rgb(242,15,255)
```
#f323ff
```
#f323ff rgb(243,35,255)
```
#f436ff
```
#f436ff rgb(244,54,255)
```
#f54aff
```
#f54aff rgb(245,74,255)
```
#f65dff
```
#f65dff rgb(246,93,255)
```
#f771ff
```
#f771ff rgb(247,113,255)
```
#f885ff
```
#f885ff rgb(248,133,255)
```
#f998ff
```
#f998ff rgb(249,152,255)
```
#fbacff
```
#fbacff rgb(251,172,255)
```
#fcc0ff
```
#fcc0ff rgb(252,192,255)
```
#fdd3ff
```
#fdd3ff rgb(253,211,255)
```
#fee7ff
```
#fee7ff rgb(254,231,255)
```
#fffaff
```
#fffaff rgb(255,250,255)
```

Tint Color Variation

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

#8f7e90
```
#8f7e90 rgb(143,126,144)
```
#977599
```
#977599 rgb(151,117,153)
```
#a06ba3
```
#a06ba3 rgb(160,107,163)
```
#a862ac
```
#a862ac rgb(168,98,172)
```
#b059b5
```
#b059b5 rgb(176,89,181)
```
#b850be
```
#b850be rgb(184,80,190)
```
#c146c8
```
#c146c8 rgb(193,70,200)
```
#c93dd1
```
#c93dd1 rgb(201,61,209)
```
#d134da
```
#d134da rgb(209,52,218)
```
#d92be3
```
#d92be3 rgb(217,43,227)
```
#e221ed
```
#e221ed rgb(226,33,237)
```
#ea18f6
```
#ea18f6 rgb(234,24,246)
```
#f20fff
```
#f20fff rgb(242,15,255)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#885b8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f8fff Protanopia 1% of men
#5593e7 Deuteranopia 1% of men
#e06e75 Tritanopia 0.001% of the population

Trichromacy

#8a60ff Protanomaly 1% of men, 0.01% of women
#8e63ef Deuteranomaly 6% of men, 0.4% of women
#e74ba7 Tritanomaly 0.01% of the population

#f20fff hex color

#f20fff Color Information

#f20fff Color Conversion

Color Schemes with #f20fff

Alternatives to #f20fff

#f20fff Preview

Shades and Tints of #f20fff

Tones of #f20fff

Color Blindness Simulator