#f86dfa hex color

In a RGB color space, hex #f86dfa is composed of 97.3% red, 42.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 56.4% magenta, 0% yellow and 2% black. It has a hue angle of 299.1 degrees, a saturation of 93.4% and a lightness of 70.4%. #f86dfa color hex could be obtained by blending #ffdaff with #f100f5. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 97
- G 43
- B 98
RGB color chart
- C 1
- M 56
- Y 0
- K 2
CMYK color chart

● #f86dfa color description : Soft magenta.

The hexadecimal color #f86dfa has RGB values of R:248, G:109, B:250 and CMYK values of C:0.01, M:0.56, Y:0, K:0.02. Its decimal value is 16281082.

Hex triplet	f86dfa	`#f86dfa`
RGB Decimal	248, 109, 250	`rgb(248,109,250)`
RGB Percent	97.3, 42.7, 98	`rgb(97.3%,42.7%,98%)`
CMYK	1, 56, 0, 2
HSL	299.1°, 93.4, 70.4	`hsl(299.1,93.4%,70.4%)`
HSV (or HSB)	299.1°, 56.4, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.872, 70.789, -46.165
XYZ	61.434, 37.799, 94.497
xyY	0.317, 0.195, 37.799
CIE-LCH	67.872, 84.513, 326.89
CIE-LUV	67.872, 63.204, -84.072
Hunter-Lab	61.481, 70.771, -48.093
Binary	11111000, 01101101, 11111010

#f86dfa
```
#f86dfa rgb(248,109,250)
```
#6ffa6d
```
#6ffa6d rgb(111,250,109)
```

Complementary Color

#b26dfa
```
#b26dfa rgb(178,109,250)
```
#f86dfa
```
#f86dfa rgb(248,109,250)
```
#fa6db6
```
#fa6db6 rgb(250,109,182)
```

Analogous Color

#6dfab2
```
#6dfab2 rgb(109,250,178)
```
#f86dfa
```
#f86dfa rgb(248,109,250)
```
#b6fa6d
```
#b6fa6d rgb(182,250,109)
```

Split Complementary Color

#6dfaf8
```
#6dfaf8 rgb(109,250,248)
```
#f86dfa
```
#f86dfa rgb(248,109,250)
```
#faf86d
```
#faf86d rgb(250,248,109)
```

Triadic Color

#6d6ffa
```
#6d6ffa rgb(109,111,250)
```
#f86dfa
```
#f86dfa rgb(248,109,250)
```
#faf86d
```
#faf86d rgb(250,248,109)
```
#6ffa6d
```
#6ffa6d rgb(111,250,109)
```

Tetradic Color

#f423f7
```
#f423f7 rgb(244,35,247)
```
#f63cf8
```
#f63cf8 rgb(246,60,248)
```
#f754f9
```
#f754f9 rgb(247,84,249)
```
#f86dfa
```
#f86dfa rgb(248,109,250)
```
#f986fb
```
#f986fb rgb(249,134,251)
```
#fa9efc
```
#fa9efc rgb(250,158,252)
```
#fcb7fd
```
#fcb7fd rgb(252,183,253)
```

Monochromatic Color

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

#d56dfa
```
#d56dfa rgb(213,109,250)
```
#e16dfa
```
#e16dfa rgb(225,109,250)
```
#ec6dfa
```
#ec6dfa rgb(236,109,250)
```
#f86dfa
```
#f86dfa rgb(248,109,250)
```
#fa6df0
```
#fa6df0 rgb(250,109,240)
```
#fa6de5
```
#fa6de5 rgb(250,109,229)
```
#fa6dd9
```
#fa6dd9 rgb(250,109,217)
```

Similar Colors

Text with hexadecimal color #f86dfa

This text has a font color of #f86dfa.

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

#f86dfa background color

This paragraph has a background color of #f86dfa.

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

#f86dfa border color

This element has a border color of #f86dfa.

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

CSS codes

.text {color:#f86dfa;}

.background {background-color:#f86dfa;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#180119
```
#180119 rgb(24,1,25)
```
#2b012c
```
#2b012c rgb(43,1,44)
```
#3e023f
```
#3e023f rgb(62,2,63)
```
#500352
```
#500352 rgb(80,3,82)
```
#630365
```
#630365 rgb(99,3,101)
```
#760478
```
#760478 rgb(118,4,120)
```
#89058a
```
#89058a rgb(137,5,138)
```
#9b059d
```
#9b059d rgb(155,5,157)
```
#ae06b0
```
#ae06b0 rgb(174,6,176)
```
#c107c3
```
#c107c3 rgb(193,7,195)
```
#d307d6
```
#d307d6 rgb(211,7,214)
```
#e608e9
```
#e608e9 rgb(230,8,233)
```

Shade Color Variation

#f30ef7
```
#f30ef7 rgb(243,14,247)
```
#f421f7
```
#f421f7 rgb(244,33,247)
```
#f534f8
```
#f534f8 rgb(245,52,248)
```
#f647f9
```
#f647f9 rgb(246,71,249)
```
#f75af9
```
#f75af9 rgb(247,90,249)
```
#f86dfa
```
#f86dfa rgb(248,109,250)
```
#f980fb
```
#f980fb rgb(249,128,251)
```
#fa93fb
```
#fa93fb rgb(250,147,251)
```
#fba6fc
```
#fba6fc rgb(251,166,252)
```
#fcb9fd
```
#fcb9fd rgb(252,185,253)
```
#fdccfd
```
#fdccfd rgb(253,204,253)
```
#fddffe
```
#fddffe rgb(253,223,254)
```
#fef2ff
```
#fef2ff rgb(254,242,255)
```

Tint Color Variation

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

#b4b3b4
```
#b4b3b4 rgb(180,179,180)
```
#baadba
```
#baadba rgb(186,173,186)
```
#c0a7c0
```
#c0a7c0 rgb(192,167,192)
```
#c5a1c6
```
#c5a1c6 rgb(197,161,198)
```
#cb9bcc
```
#cb9bcc rgb(203,155,204)
```
#d096d1
```
#d096d1 rgb(208,150,209)
```
#d690d7
```
#d690d7 rgb(214,144,215)
```
#dc8add
```
#dc8add rgb(220,138,221)
```
#e184e3
```
#e184e3 rgb(225,132,227)
```
#e77ee9
```
#e77ee9 rgb(231,126,233)
```
#ed79ee
```
#ed79ee rgb(237,121,238)
```
#f273f4
```
#f273f4 rgb(242,115,244)
```
#f86dfa
```
#f86dfa rgb(248,109,250)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b79bb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a7ff Protanopia 1% of men
#8fa8eb Deuteranopia 1% of men
#eb9099 Tritanopia 0.001% of the population

Trichromacy

#af92fd Protanomaly 1% of men, 0.01% of women
#b592f0 Deuteranomaly 6% of men, 0.4% of women
#ef83bc Tritanomaly 0.01% of the population

#f86dfa hex color

#f86dfa Color Information

#f86dfa Color Conversion

Color Schemes with #f86dfa

Alternatives to #f86dfa

#f86dfa Preview

Shades and Tints of #f86dfa

Tones of #f86dfa

Color Blindness Simulator