#f828fd hex color

In a RGB color space, hex #f828fd is composed of 97.3% red, 15.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 84.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 298.6 degrees, a saturation of 98.2% and a lightness of 57.5%. #f828fd color hex could be obtained by blending #ff50ff with #f100fb. Closest websafe color is: #ff33ff.

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

● #f828fd color description : Bright magenta.

The hexadecimal color #f828fd has RGB values of R:248, G:40, B:253 and CMYK values of C:0.02, M:0.84, Y:0, K:0.01. Its decimal value is 16263421.

Hex triplet	f828fd	`#f828fd`
RGB Decimal	248, 40, 253	`rgb(248,40,253)`
RGB Percent	97.3, 15.7, 99.2	`rgb(97.3%,15.7%,99.2%)`
CMYK	2, 84, 0, 1
HSL	298.6°, 98.2, 57.5	`hsl(298.6,98.2%,57.5%)`
HSV (or HSB)	298.6°, 84.2, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.4, 92.826, -59.671
XYZ	57.198, 28.57, 95.425
xyY	0.316, 0.158, 28.57
CIE-LCH	60.4, 110.351, 327.266
CIE-LUV	60.4, 77.357, -106.22
Hunter-Lab	53.451, 97.478, -68.435
Binary	11111000, 00101000, 11111101

#f828fd
```
#f828fd rgb(248,40,253)
```
#2dfd28
```
#2dfd28 rgb(45,253,40)
```

Complementary Color

#8e28fd
```
#8e28fd rgb(142,40,253)
```
#f828fd
```
#f828fd rgb(248,40,253)
```
#fd2898
```
#fd2898 rgb(253,40,152)
```

Analogous Color

#28fd8e
```
#28fd8e rgb(40,253,142)
```
#f828fd
```
#f828fd rgb(248,40,253)
```
#98fd28
```
#98fd28 rgb(152,253,40)
```

Split Complementary Color

#28fdf8
```
#28fdf8 rgb(40,253,248)
```
#f828fd
```
#f828fd rgb(248,40,253)
```
#fdf828
```
#fdf828 rgb(253,248,40)
```

Triadic Color

#282dfd
```
#282dfd rgb(40,45,253)
```
#f828fd
```
#f828fd rgb(248,40,253)
```
#fdf828
```
#fdf828 rgb(253,248,40)
```
#2dfd28
```
#2dfd28 rgb(45,253,40)
```

Tetradic Color

#d202d7
```
#d202d7 rgb(210,2,215)
```
#ea02f0
```
#ea02f0 rgb(234,2,240)
```
#f70ffd
```
#f70ffd rgb(247,15,253)
```
#f828fd
```
#f828fd rgb(248,40,253)
```
#f941fd
```
#f941fd rgb(249,65,253)
```
#fa5bfd
```
#fa5bfd rgb(250,91,253)
```
#fa74fe
```
#fa74fe rgb(250,116,254)
```

Monochromatic Color

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

#c328fd
```
#c328fd rgb(195,40,253)
```
#d528fd
```
#d528fd rgb(213,40,253)
```
#e628fd
```
#e628fd rgb(230,40,253)
```
#f828fd
```
#f828fd rgb(248,40,253)
```
#fd28f0
```
#fd28f0 rgb(253,40,240)
```
#fd28df
```
#fd28df rgb(253,40,223)
```
#fd28cd
```
#fd28cd rgb(253,40,205)
```

Similar Colors

Text with hexadecimal color #f828fd

This text has a font color of #f828fd.

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

#f828fd background color

This paragraph has a background color of #f828fd.

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

#f828fd border color

This element has a border color of #f828fd.

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

CSS codes

.text {color:#f828fd;}

.background {background-color:#f828fd;}

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

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

#120012
```
#120012 rgb(18,0,18)
```
#250026
```
#250026 rgb(37,0,38)
```
#380139
```
#380139 rgb(56,1,57)
```
#4b014d
```
#4b014d rgb(75,1,77)
```
#5e0160
```
#5e0160 rgb(94,1,96)
```
#710173
```
#710173 rgb(113,1,115)
```
#840187
```
#840187 rgb(132,1,135)
```
#97019a
```
#97019a rgb(151,1,154)
```
#aa02ae
```
#aa02ae rgb(170,2,174)
```
#bd02c1
```
#bd02c1 rgb(189,2,193)
```
#d002d5
```
#d002d5 rgb(208,2,213)
```
#e302e8
```
#e302e8 rgb(227,2,232)
```
#f602fb
```
#f602fb rgb(246,2,251)
```

Shade Color Variation

#f715fd
```
#f715fd rgb(247,21,253)
```
#f828fd
```
#f828fd rgb(248,40,253)
```
#f93bfd
```
#f93bfd rgb(249,59,253)
```
#f94ffd
```
#f94ffd rgb(249,79,253)
```
#fa62fe
```
#fa62fe rgb(250,98,254)
```
#fb76fe
```
#fb76fe rgb(251,118,254)
```
#fb89fe
```
#fb89fe rgb(251,137,254)
```
#fc9dfe
```
#fc9dfe rgb(252,157,254)
```
#fcb0fe
```
#fcb0fe rgb(252,176,254)
```
#fdc3fe
```
#fdc3fe rgb(253,195,254)
```
#fed7ff
```
#fed7ff rgb(254,215,255)
```
#feeaff
```
#feeaff rgb(254,234,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#998c99
```
#998c99 rgb(153,140,153)
```
#a184a1
```
#a184a1 rgb(161,132,161)
```
#a87baa
```
#a87baa rgb(168,123,170)
```
#b073b2
```
#b073b2 rgb(176,115,178)
```
#b86bba
```
#b86bba rgb(184,107,186)
```
#c062c3
```
#c062c3 rgb(192,98,195)
```
#c85acb
```
#c85acb rgb(200,90,203)
```
#d052d3
```
#d052d3 rgb(208,82,211)
```
#d849dc
```
#d849dc rgb(216,73,220)
```
#e041e4
```
#e041e4 rgb(224,65,228)
```
#e839ec
```
#e839ec rgb(232,57,236)
```
#f030f5
```
#f030f5 rgb(240,48,245)
```
#f828fd
```
#f828fd rgb(248,40,253)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#966d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d94ff Protanopia 1% of men
#6697e6 Deuteranopia 1% of men
#e77279 Tritanopia 0.001% of the population

Trichromacy

#956cfe Protanomaly 1% of men, 0.01% of women
#9b6fee Deuteranomaly 6% of men, 0.4% of women
#ed57a9 Tritanomaly 0.01% of the population

#f828fd hex color

#f828fd Color Information

#f828fd Color Conversion

Color Schemes with #f828fd

Alternatives to #f828fd

#f828fd Preview

Shades and Tints of #f828fd

Tones of #f828fd

Color Blindness Simulator