#f428fd hex color

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

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

● #f428fd color description : Bright magenta.

The hexadecimal color #f428fd has RGB values of R:244, G:40, B:253 and CMYK values of C:0.04, M:0.84, Y:0, K:0.01. Its decimal value is 16001277.

Hex triplet	f428fd	`#f428fd`
RGB Decimal	244, 40, 253	`rgb(244,40,253)`
RGB Percent	95.7, 15.7, 99.2	`rgb(95.7%,15.7%,99.2%)`
CMYK	4, 84, 0, 1
HSL	297.5°, 98.2, 57.5	`hsl(297.5,98.2%,57.5%)`
HSV (or HSB)	297.5°, 84.2, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.749, 92.149, -60.749
XYZ	55.795, 27.846, 95.359
xyY	0.312, 0.156, 27.846
CIE-LCH	59.749, 110.371, 326.605
CIE-LUV	59.749, 74.558, -107.494
Hunter-Lab	52.769, 96.389, -70.204
Binary	11110100, 00101000, 11111101

#f428fd
```
#f428fd rgb(244,40,253)
```
#31fd28
```
#31fd28 rgb(49,253,40)
```

Complementary Color

#8a28fd
```
#8a28fd rgb(138,40,253)
```
#f428fd
```
#f428fd rgb(244,40,253)
```
#fd289c
```
#fd289c rgb(253,40,156)
```

Analogous Color

#28fd8a
```
#28fd8a rgb(40,253,138)
```
#f428fd
```
#f428fd rgb(244,40,253)
```
#9cfd28
```
#9cfd28 rgb(156,253,40)
```

Split Complementary Color

#28fdf4
```
#28fdf4 rgb(40,253,244)
```
#f428fd
```
#f428fd rgb(244,40,253)
```
#fdf428
```
#fdf428 rgb(253,244,40)
```

Triadic Color

#2831fd
```
#2831fd rgb(40,49,253)
```
#f428fd
```
#f428fd rgb(244,40,253)
```
#fdf428
```
#fdf428 rgb(253,244,40)
```
#31fd28
```
#31fd28 rgb(49,253,40)
```

Tetradic Color

#ce02d7
```
#ce02d7 rgb(206,2,215)
```
#e602f0
```
#e602f0 rgb(230,2,240)
```
#f30ffd
```
#f30ffd rgb(243,15,253)
```
#f428fd
```
#f428fd rgb(244,40,253)
```
#f541fd
```
#f541fd rgb(245,65,253)
```
#f75bfd
```
#f75bfd rgb(247,91,253)
```
#f874fe
```
#f874fe rgb(248,116,254)
```

Monochromatic Color

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

#bf28fd
```
#bf28fd rgb(191,40,253)
```
#d128fd
```
#d128fd rgb(209,40,253)
```
#e228fd
```
#e228fd rgb(226,40,253)
```
#f428fd
```
#f428fd rgb(244,40,253)
```
#fd28f4
```
#fd28f4 rgb(253,40,244)
```
#fd28e3
```
#fd28e3 rgb(253,40,227)
```
#fd28d1
```
#fd28d1 rgb(253,40,209)
```

Similar Colors

Text with hexadecimal color #f428fd

This text has a font color of #f428fd.

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

#f428fd background color

This paragraph has a background color of #f428fd.

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

#f428fd border color

This element has a border color of #f428fd.

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

CSS codes

.text {color:#f428fd;}

.background {background-color:#f428fd;}

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

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

#110012
```
#110012 rgb(17,0,18)
```
#240026
```
#240026 rgb(36,0,38)
```
#370139
```
#370139 rgb(55,1,57)
```
#49014d
```
#49014d rgb(73,1,77)
```
#5c0160
```
#5c0160 rgb(92,1,96)
```
#6f0173
```
#6f0173 rgb(111,1,115)
```
#810187
```
#810187 rgb(129,1,135)
```
#94019a
```
#94019a rgb(148,1,154)
```
#a602ae
```
#a602ae rgb(166,2,174)
```
#b902c1
```
#b902c1 rgb(185,2,193)
```
#cc02d5
```
#cc02d5 rgb(204,2,213)
```
#de02e8
```
#de02e8 rgb(222,2,232)
```
#f102fb
```
#f102fb rgb(241,2,251)
```

Shade Color Variation

#f315fd
```
#f315fd rgb(243,21,253)
```
#f428fd
```
#f428fd rgb(244,40,253)
```
#f53bfd
```
#f53bfd rgb(245,59,253)
```
#f64ffd
```
#f64ffd rgb(246,79,253)
```
#f762fe
```
#f762fe rgb(247,98,254)
```
#f876fe
```
#f876fe rgb(248,118,254)
```
#f989fe
```
#f989fe rgb(249,137,254)
```
#fa9dfe
```
#fa9dfe rgb(250,157,254)
```
#fbb0fe
```
#fbb0fe rgb(251,176,254)
```
#fcc3fe
```
#fcc3fe rgb(252,195,254)
```
#fdd7ff
```
#fdd7ff rgb(253,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, #988c99 is the less saturated color, while #f428fd is the most saturated one.

#988c99
```
#988c99 rgb(152,140,153)
```
#a084a1
```
#a084a1 rgb(160,132,161)
```
#a87baa
```
#a87baa rgb(168,123,170)
```
#af73b2
```
#af73b2 rgb(175,115,178)
```
#b76bba
```
#b76bba rgb(183,107,186)
```
#bf62c3
```
#bf62c3 rgb(191,98,195)
```
#c65acb
```
#c65acb rgb(198,90,203)
```
#ce52d3
```
#ce52d3 rgb(206,82,211)
```
#d549dc
```
#d549dc rgb(213,73,220)
```
#dd41e4
```
#dd41e4 rgb(221,65,228)
```
#e539ec
```
#e539ec rgb(229,57,236)
```
#ec30f5
```
#ec30f5 rgb(236,48,245)
```
#f428fd
```
#f428fd rgb(244,40,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#956c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5992ff Protanopia 1% of men
#6196e6 Deuteranopia 1% of men
#e37279 Tritanopia 0.001% of the population

Trichromacy

#916bfe Protanomaly 1% of men, 0.01% of women
#966eee Deuteranomaly 6% of men, 0.4% of women
#e957a9 Tritanomaly 0.01% of the population

#f428fd hex color

#f428fd Color Information

#f428fd Color Conversion

Color Schemes with #f428fd

Alternatives to #f428fd

#f428fd Preview

Shades and Tints of #f428fd

Tones of #f428fd

Color Blindness Simulator