#f821fe hex color

In a RGB color space, hex #f821fe is composed of 97.3% red, 12.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 87% magenta, 0% yellow and 0.4% black. It has a hue angle of 298.4 degrees, a saturation of 99.1% and a lightness of 56.3%. #f821fe color hex could be obtained by blending #ff42ff with #f100fd. Closest websafe color is: #ff33ff.

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

● #f821fe color description : Vivid magenta.

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

Hex triplet	f821fe	`#f821fe`
RGB Decimal	248, 33, 254	`rgb(248,33,254)`
RGB Percent	97.3, 12.9, 99.6	`rgb(97.3%,12.9%,99.6%)`
CMYK	2, 87, 0, 0
HSL	298.4°, 99.1, 56.3	`hsl(298.4,99.1%,56.3%)`
HSV (or HSB)	298.4°, 87, 99.6
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.072, 94.102, -60.749
XYZ	57.143, 28.204, 96.195
xyY	0.315, 0.155, 28.204
CIE-LCH	60.072, 112.007, 327.155
CIE-LUV	60.072, 77.687, -107.895
Hunter-Lab	53.107, 99.129, -70.219
Binary	11111000, 00100001, 11111110

#f821fe
```
#f821fe rgb(248,33,254)
```
#27fe21
```
#27fe21 rgb(39,254,33)
```

Complementary Color

#8a21fe
```
#8a21fe rgb(138,33,254)
```
#f821fe
```
#f821fe rgb(248,33,254)
```
#fe2196
```
#fe2196 rgb(254,33,150)
```

Analogous Color

#21fe8a
```
#21fe8a rgb(33,254,138)
```
#f821fe
```
#f821fe rgb(248,33,254)
```
#96fe21
```
#96fe21 rgb(150,254,33)
```

Split Complementary Color

#21fef8
```
#21fef8 rgb(33,254,248)
```
#f821fe
```
#f821fe rgb(248,33,254)
```
#fef821
```
#fef821 rgb(254,248,33)
```

Triadic Color

#2127fe
```
#2127fe rgb(33,39,254)
```
#f821fe
```
#f821fe rgb(248,33,254)
```
#fef821
```
#fef821 rgb(254,248,33)
```
#27fe21
```
#27fe21 rgb(39,254,33)
```

Tetradic Color

#cc01d2
```
#cc01d2 rgb(204,1,210)
```
#e501eb
```
#e501eb rgb(229,1,235)
```
#f708fe
```
#f708fe rgb(247,8,254)
```
#f821fe
```
#f821fe rgb(248,33,254)
```
#f93afe
```
#f93afe rgb(249,58,254)
```
#fa54fe
```
#fa54fe rgb(250,84,254)
```
#fa6dfe
```
#fa6dfe rgb(250,109,254)
```

Monochromatic Color

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

#c121fe
```
#c121fe rgb(193,33,254)
```
#d321fe
```
#d321fe rgb(211,33,254)
```
#e621fe
```
#e621fe rgb(230,33,254)
```
#f821fe
```
#f821fe rgb(248,33,254)
```
#fe21f2
```
#fe21f2 rgb(254,33,242)
```
#fe21df
```
#fe21df rgb(254,33,223)
```
#fe21cd
```
#fe21cd rgb(254,33,205)
```

Similar Colors

Text with hexadecimal color #f821fe

This text has a font color of #f821fe.

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

#f821fe background color

This paragraph has a background color of #f821fe.

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

#f821fe border color

This element has a border color of #f821fe.

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

CSS codes

.text {color:#f821fe;}

.background {background-color:#f821fe;}

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

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)
```
#1f0020
```
#1f0020 rgb(31,0,32)
```
#320033
```
#320033 rgb(50,0,51)
```
#450047
```
#450047 rgb(69,0,71)
```
#58005a
```
#58005a rgb(88,0,90)
```
#6b006e
```
#6b006e rgb(107,0,110)
```
#7e0181
```
#7e0181 rgb(126,1,129)
```
#910195
```
#910195 rgb(145,1,149)
```
#a401a9
```
#a401a9 rgb(164,1,169)
```
#b701bc
```
#b701bc rgb(183,1,188)
```
#ca01d0
```
#ca01d0 rgb(202,1,208)
```
#dd01e3
```
#dd01e3 rgb(221,1,227)
```
#f001f7
```
#f001f7 rgb(240,1,247)
```

Shade Color Variation

#f70dfe
```
#f70dfe rgb(247,13,254)
```
#f821fe
```
#f821fe rgb(248,33,254)
```
#f935fe
```
#f935fe rgb(249,53,254)
```
#f948fe
```
#f948fe rgb(249,72,254)
```
#fa5cfe
```
#fa5cfe rgb(250,92,254)
```
#fa6ffe
```
#fa6ffe rgb(250,111,254)
```
#fb83fe
```
#fb83fe rgb(251,131,254)
```
#fc96ff
```
#fc96ff rgb(252,150,255)
```
#fcaaff
```
#fcaaff rgb(252,170,255)
```
#fdbdff
```
#fdbdff rgb(253,189,255)
```
#fed1ff
```
#fed1ff rgb(254,209,255)
```
#fee4ff
```
#fee4ff rgb(254,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, #978897 is the less saturated color, while #f821fe is the most saturated one.

#978897
```
#978897 rgb(151,136,151)
```
#9f7fa0
```
#9f7fa0 rgb(159,127,160)
```
#a777a8
```
#a777a8 rgb(167,119,168)
```
#af6eb1
```
#af6eb1 rgb(175,110,177)
```
#b766b9
```
#b766b9 rgb(183,102,185)
```
#bf5dc2
```
#bf5dc2 rgb(191,93,194)
```
#c754cb
```
#c754cb rgb(199,84,203)
```
#cf4cd3
```
#cf4cd3 rgb(207,76,211)
```
#d843dc
```
#d843dc rgb(216,67,220)
```
#e03be4
```
#e03be4 rgb(224,59,228)
```
#e832ed
```
#e832ed rgb(232,50,237)
```
#f02af5
```
#f02af5 rgb(240,42,245)
```
#f821fe
```
#f821fe rgb(248,33,254)
```

Tone Color Variation

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

#5b93ff Protanopia 1% of men
#6296e7 Deuteranopia 1% of men
#e77178 Tritanopia 0.001% of the population

Trichromacy

#9469fe Protanomaly 1% of men, 0.01% of women
#996cef Deuteranomaly 6% of men, 0.4% of women
#ed53a8 Tritanomaly 0.01% of the population

#f821fe hex color

#f821fe Color Information

#f821fe Color Conversion

Color Schemes with #f821fe

Alternatives to #f821fe

#f821fe Preview

Shades and Tints of #f821fe

Tones of #f821fe

Color Blindness Simulator