#f821fc hex color

In a RGB color space, hex #f821fc is composed of 97.3% red, 12.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 86.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 298.9 degrees, a saturation of 97.3% and a lightness of 55.9%. #f821fc color hex could be obtained by blending #ff42ff with #f100f9. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 97
- G 13
- B 99
RGB color chart
- C 2
- M 87
- Y 0
- K 1
CMYK color chart

● #f821fc color description : Vivid magenta.

The hexadecimal color #f821fc has RGB values of R:248, G:33, B:252 and CMYK values of C:0.02, M:0.87, Y:0, K:0.01. Its decimal value is 16261628.

Hex triplet	f821fc	`#f821fc`
RGB Decimal	248, 33, 252	`rgb(248,33,252)`
RGB Percent	97.3, 12.9, 98.8	`rgb(97.3%,12.9%,98.8%)`
CMYK	2, 87, 0, 1
HSL	298.9°, 97.3, 55.9	`hsl(298.9,97.3%,55.9%)`
HSV (or HSB)	298.9°, 86.9, 98.8
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.958, 93.811, -59.824
XYZ	56.825, 28.076, 94.517
xyY	0.317, 0.156, 28.076
CIE-LCH	59.958, 111.263, 327.474
CIE-LUV	59.958, 78.445, -106.408
Hunter-Lab	52.987, 98.701, -68.669
Binary	11111000, 00100001, 11111100

#f821fc
```
#f821fc rgb(248,33,252)
```
#25fc21
```
#25fc21 rgb(37,252,33)
```

Complementary Color

#8b21fc
```
#8b21fc rgb(139,33,252)
```
#f821fc
```
#f821fc rgb(248,33,252)
```
#fc2193
```
#fc2193 rgb(252,33,147)
```

Analogous Color

#21fc8b
```
#21fc8b rgb(33,252,139)
```
#f821fc
```
#f821fc rgb(248,33,252)
```
#93fc21
```
#93fc21 rgb(147,252,33)
```

Split Complementary Color

#21fcf8
```
#21fcf8 rgb(33,252,248)
```
#f821fc
```
#f821fc rgb(248,33,252)
```
#fcf821
```
#fcf821 rgb(252,248,33)
```

Triadic Color

#2125fc
```
#2125fc rgb(33,37,252)
```
#f821fc
```
#f821fc rgb(248,33,252)
```
#fcf821
```
#fcf821 rgb(252,248,33)
```
#25fc21
```
#25fc21 rgb(37,252,33)
```

Tetradic Color

#ca03ce
```
#ca03ce rgb(202,3,206)
```
#e303e7
```
#e303e7 rgb(227,3,231)
```
#f708fc
```
#f708fc rgb(247,8,252)
```
#f821fc
```
#f821fc rgb(248,33,252)
```
#f93afc
```
#f93afc rgb(249,58,252)
```
#fa53fd
```
#fa53fd rgb(250,83,253)
```
#fa6cfd
```
#fa6cfd rgb(250,108,253)
```

Monochromatic Color

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

#c121fc
```
#c121fc rgb(193,33,252)
```
#d421fc
```
#d421fc rgb(212,33,252)
```
#e621fc
```
#e621fc rgb(230,33,252)
```
#f821fc
```
#f821fc rgb(248,33,252)
```
#fc21ee
```
#fc21ee rgb(252,33,238)
```
#fc21dc
```
#fc21dc rgb(252,33,220)
```
#fc21c9
```
#fc21c9 rgb(252,33,201)
```

Similar Colors

Text with hexadecimal color #f821fc

This text has a font color of #f821fc.

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

#f821fc background color

This paragraph has a background color of #f821fc.

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

#f821fc border color

This element has a border color of #f821fc.

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

CSS codes

.text {color:#f821fc;}

.background {background-color:#f821fc;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1d001e
```
#1d001e rgb(29,0,30)
```
#300131
```
#300131 rgb(48,1,49)
```
#430144
```
#430144 rgb(67,1,68)
```
#560158
```
#560158 rgb(86,1,88)
```
#69016b
```
#69016b rgb(105,1,107)
```
#7c027e
```
#7c027e rgb(124,2,126)
```
#8f0292
```
#8f0292 rgb(143,2,146)
```
#a202a5
```
#a202a5 rgb(162,2,165)
```
#b502b8
```
#b502b8 rgb(181,2,184)
```
#c803cc
```
#c803cc rgb(200,3,204)
```
#db03df
```
#db03df rgb(219,3,223)
```
#ee03f2
```
#ee03f2 rgb(238,3,242)
```

Shade Color Variation

#f70efc
```
#f70efc rgb(247,14,252)
```
#f821fc
```
#f821fc rgb(248,33,252)
```
#f934fc
```
#f934fc rgb(249,52,252)
```
#f948fd
```
#f948fd rgb(249,72,253)
```
#fa5bfd
```
#fa5bfd rgb(250,91,253)
```
#fa6efd
```
#fa6efd rgb(250,110,253)
```
#fb82fd
```
#fb82fd rgb(251,130,253)
```
#fc95fe
```
#fc95fe rgb(252,149,254)
```
#fca8fe
```
#fca8fe rgb(252,168,254)
```
#fdbcfe
```
#fdbcfe rgb(253,188,254)
```
#fdcffe
```
#fdcffe rgb(253,207,254)
```
#fee3ff
```
#fee3ff rgb(254,227,255)
```
#fff6ff
```
#fff6ff rgb(255,246,255)
```

Tint Color Variation

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

#948994
```
#948994 rgb(148,137,148)
```
#9c809d
```
#9c809d rgb(156,128,157)
```
#a578a5
```
#a578a5 rgb(165,120,165)
```
#ad6fae
```
#ad6fae rgb(173,111,174)
```
#b566b7
```
#b566b7 rgb(181,102,183)
```
#be5ebf
```
#be5ebf rgb(190,94,191)
```
#c655c8
```
#c655c8 rgb(198,85,200)
```
#ce4cd1
```
#ce4cd1 rgb(206,76,209)
```
#d744d9
```
#d744d9 rgb(215,68,217)
```
#df3be2
```
#df3be2 rgb(223,59,226)
```
#e732eb
```
#e732eb rgb(231,50,235)
```
#f02af3
```
#f02af3 rgb(240,42,243)
```
#f821fc
```
#f821fc rgb(248,33,252)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#936894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a93ff Protanopia 1% of men
#6496e5 Deuteranopia 1% of men
#e77077 Tritanopia 0.001% of the population

Trichromacy

#9369fd Protanomaly 1% of men, 0.01% of women
#9a6bed Deuteranomaly 6% of men, 0.4% of women
#ed53a7 Tritanomaly 0.01% of the population

#f821fc hex color

#f821fc Color Information

#f821fc Color Conversion

Color Schemes with #f821fc

Alternatives to #f821fc

#f821fc Preview

Shades and Tints of #f821fc

Tones of #f821fc

Color Blindness Simulator