#f884fd hex color

In a RGB color space, hex #f884fd is composed of 97.3% red, 51.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 47.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 297.5 degrees, a saturation of 96.8% and a lightness of 75.5%. #f884fd color hex could be obtained by blending #ffffff with #f109fb. Closest websafe color is: #ff99ff.

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

● #f884fd color description : Soft magenta.

The hexadecimal color #f884fd has RGB values of R:248, G:132, B:253 and CMYK values of C:0.02, M:0.48, Y:0, K:0.01. Its decimal value is 16286973.

Hex triplet	f884fd	`#f884fd`
RGB Decimal	248, 132, 253	`rgb(248,132,253)`
RGB Percent	97.3, 51.8, 99.2	`rgb(97.3%,51.8%,99.2%)`
CMYK	2, 48, 0, 1
HSL	297.5°, 96.8, 75.5	`hsl(297.5,96.8%,75.5%)`
HSV (or HSB)	297.5°, 47.8, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	71.929, 60.811, -41.448
XYZ	64.691, 43.554, 97.922
xyY	0.314, 0.211, 43.554
CIE-LCH	71.929, 73.593, 325.722
CIE-LUV	71.929, 54.154, -75.658
Hunter-Lab	65.995, 59.479, -41.777
Binary	11111000, 10000100, 11111101

#f884fd
```
#f884fd rgb(248,132,253)
```
#89fd84
```
#89fd84 rgb(137,253,132)
```

Complementary Color

#bc84fd
```
#bc84fd rgb(188,132,253)
```
#f884fd
```
#f884fd rgb(248,132,253)
```
#fd84c6
```
#fd84c6 rgb(253,132,198)
```

Analogous Color

#84fdbc
```
#84fdbc rgb(132,253,188)
```
#f884fd
```
#f884fd rgb(248,132,253)
```
#c6fd84
```
#c6fd84 rgb(198,253,132)
```

Split Complementary Color

#84fdf8
```
#84fdf8 rgb(132,253,248)
```
#f884fd
```
#f884fd rgb(248,132,253)
```
#fdf884
```
#fdf884 rgb(253,248,132)
```

Triadic Color

#8489fd
```
#8489fd rgb(132,137,253)
```
#f884fd
```
#f884fd rgb(248,132,253)
```
#fdf884
```
#fdf884 rgb(253,248,132)
```
#89fd84
```
#89fd84 rgb(137,253,132)
```

Tetradic Color

#f439fc
```
#f439fc rgb(244,57,252)
```
#f552fc
```
#f552fc rgb(245,82,252)
```
#f76bfd
```
#f76bfd rgb(247,107,253)
```
#f884fd
```
#f884fd rgb(248,132,253)
```
#f99dfd
```
#f99dfd rgb(249,157,253)
```
#fbb6fe
```
#fbb6fe rgb(251,182,254)
```
#fccffe
```
#fccffe rgb(252,207,254)
```

Monochromatic Color

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

#da84fd
```
#da84fd rgb(218,132,253)
```
#e484fd
```
#e484fd rgb(228,132,253)
```
#ee84fd
```
#ee84fd rgb(238,132,253)
```
#f884fd
```
#f884fd rgb(248,132,253)
```
#fd84f8
```
#fd84f8 rgb(253,132,248)
```
#fd84ee
```
#fd84ee rgb(253,132,238)
```
#fd84e4
```
#fd84e4 rgb(253,132,228)
```

Similar Colors

Text with hexadecimal color #f884fd

This text has a font color of #f884fd.

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

#f884fd background color

This paragraph has a background color of #f884fd.

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

#f884fd border color

This element has a border color of #f884fd.

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

CSS codes

.text {color:#f884fd;}

.background {background-color:#f884fd;}

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

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)
```
#1e011f
```
#1e011f rgb(30,1,31)
```
#310133
```
#310133 rgb(49,1,51)
```
#430146
```
#430146 rgb(67,1,70)
```
#560159
```
#560159 rgb(86,1,89)
```
#68026d
```
#68026d rgb(104,2,109)
```
#7b0280
```
#7b0280 rgb(123,2,128)
```
#8d0293
```
#8d0293 rgb(141,2,147)
```
#a003a7
```
#a003a7 rgb(160,3,167)
```
#b203ba
```
#b203ba rgb(178,3,186)
```
#c503cd
```
#c503cd rgb(197,3,205)
```
#d704e0
```
#d704e0 rgb(215,4,224)
```
#ea04f4
```
#ea04f4 rgb(234,4,244)
```

Shade Color Variation

#f110fb
```
#f110fb rgb(241,16,251)
```
#f323fb
```
#f323fb rgb(243,35,251)
```
#f437fc
```
#f437fc rgb(244,55,252)
```
#f54afc
```
#f54afc rgb(245,74,252)
```
#f65dfc
```
#f65dfc rgb(246,93,252)
```
#f771fd
```
#f771fd rgb(247,113,253)
```
#f884fd
```
#f884fd rgb(248,132,253)
```
#f997fd
```
#f997fd rgb(249,151,253)
```
#faabfe
```
#faabfe rgb(250,171,254)
```
#fbbefe
```
#fbbefe rgb(251,190,254)
```
#fcd1fe
```
#fcd1fe rgb(252,209,254)
```
#fde5ff
```
#fde5ff rgb(253,229,255)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#c3bec3
```
#c3bec3 rgb(195,190,195)
```
#c7b9c8
```
#c7b9c8 rgb(199,185,200)
```
#ccb4cd
```
#ccb4cd rgb(204,180,205)
```
#d0afd2
```
#d0afd2 rgb(208,175,210)
```
#d5aad7
```
#d5aad7 rgb(213,170,215)
```
#d9a6db
```
#d9a6db rgb(217,166,219)
```
#dea1e0
```
#dea1e0 rgb(222,161,224)
```
#e29ce5
```
#e29ce5 rgb(226,156,229)
```
#e697ea
```
#e697ea rgb(230,151,234)
```
#eb92ef
```
#eb92ef rgb(235,146,239)
```
#ef8ef3
```
#ef8ef3 rgb(239,142,243)
```
#f489f8
```
#f489f8 rgb(244,137,248)
```
#f884fd
```
#f884fd rgb(248,132,253)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c2aac3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97b2ff Protanopia 1% of men
#9fb2f1 Deuteranopia 1% of men
#ec9faa Tritanopia 0.001% of the population

Trichromacy

#baa1fe Protanomaly 1% of men, 0.01% of women
#bfa1f5 Deuteranomaly 6% of men, 0.4% of women
#f095c8 Tritanomaly 0.01% of the population

#f884fd hex color

#f884fd Color Information

#f884fd Color Conversion

Color Schemes with #f884fd

Alternatives to #f884fd

#f884fd Preview

Shades and Tints of #f884fd

Tones of #f884fd

Color Blindness Simulator