#f86fda hex color

In a RGB color space, hex #f86fda is composed of 97.3% red, 43.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.2% magenta, 12.1% yellow and 2.7% black. It has a hue angle of 313.1 degrees, a saturation of 90.7% and a lightness of 70.4%. #f86fda color hex could be obtained by blending #ffdeff with #f100b5. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 97
- G 44
- B 85
RGB color chart
- C 0
- M 55
- Y 12
- K 3
CMYK color chart

● #f86fda color description : Soft magenta.

The hexadecimal color #f86fda has RGB values of R:248, G:111, B:218 and CMYK values of C:0, M:0.55, Y:0.12, K:0.03. Its decimal value is 16281562.

Hex triplet	f86fda	`#f86fda`
RGB Decimal	248, 111, 218	`rgb(248,111,218)`
RGB Percent	97.3, 43.5, 85.5	`rgb(97.3%,43.5%,85.5%)`
CMYK	0, 55, 12, 3
HSL	313.1°, 90.7, 70.4	`hsl(313.1,90.7%,70.4%)`
HSV (or HSB)	313.1°, 55.2, 97.3
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	66.818, 64.798, -30.108
XYZ	57.05, 36.391, 70.345
xyY	0.348, 0.222, 36.391
CIE-LCH	66.818, 71.452, 335.078
CIE-LUV	66.818, 71.681, -57.29
Hunter-Lab	60.325, 63.242, -26.911
Binary	11111000, 01101111, 11011010

#f86fda
```
#f86fda rgb(248,111,218)
```
#6ff88d
```
#6ff88d rgb(111,248,141)
```

Complementary Color

#d26ff8
```
#d26ff8 rgb(210,111,248)
```
#f86fda
```
#f86fda rgb(248,111,218)
```
#f86f96
```
#f86f96 rgb(248,111,150)
```

Analogous Color

#6ff8d2
```
#6ff8d2 rgb(111,248,210)
```
#f86fda
```
#f86fda rgb(248,111,218)
```
#96f86f
```
#96f86f rgb(150,248,111)
```

Split Complementary Color

#6fdaf8
```
#6fdaf8 rgb(111,218,248)
```
#f86fda
```
#f86fda rgb(248,111,218)
```
#daf86f
```
#daf86f rgb(218,248,111)
```

Triadic Color

#8d6ff8
```
#8d6ff8 rgb(141,111,248)
```
#f86fda
```
#f86fda rgb(248,111,218)
```
#daf86f
```
#daf86f rgb(218,248,111)
```
#6ff88d
```
#6ff88d rgb(111,248,141)
```

Tetradic Color

#f426c7
```
#f426c7 rgb(244,38,199)
```
#f63ece
```
#f63ece rgb(246,62,206)
```
#f757d4
```
#f757d4 rgb(247,87,212)
```
#f86fda
```
#f86fda rgb(248,111,218)
```
#f987e0
```
#f987e0 rgb(249,135,224)
```
#faa0e6
```
#faa0e6 rgb(250,160,230)
```
#fcb8ed
```
#fcb8ed rgb(252,184,237)
```

Monochromatic Color

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

#f46ff8
```
#f46ff8 rgb(244,111,248)
```
#f86ff1
```
#f86ff1 rgb(248,111,241)
```
#f86fe5
```
#f86fe5 rgb(248,111,229)
```
#f86fda
```
#f86fda rgb(248,111,218)
```
#f86fcf
```
#f86fcf rgb(248,111,207)
```
#f86fc3
```
#f86fc3 rgb(248,111,195)
```
#f86fb8
```
#f86fb8 rgb(248,111,184)
```

Similar Colors

Text with hexadecimal color #f86fda

This text has a font color of #f86fda.

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

#f86fda background color

This paragraph has a background color of #f86fda.

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

#f86fda border color

This element has a border color of #f86fda.

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

CSS codes

.text {color:#f86fda;}

.background {background-color:#f86fda;}

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

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

#060004
```
#060004 rgb(6,0,4)
```
#180113
```
#180113 rgb(24,1,19)
```
#2b0222
```
#2b0222 rgb(43,2,34)
```
#3e0331
```
#3e0331 rgb(62,3,49)
```
#500440
```
#500440 rgb(80,4,64)
```
#63054f
```
#63054f rgb(99,5,79)
```
#76065d
```
#76065d rgb(118,6,93)
```
#89076c
```
#89076c rgb(137,7,108)
```
#9b087b
```
#9b087b rgb(155,8,123)
```
#ae088a
```
#ae088a rgb(174,8,138)
```
#c10999
```
#c10999 rgb(193,9,153)
```
#d30aa7
```
#d30aa7 rgb(211,10,167)
```
#e60bb6
```
#e60bb6 rgb(230,11,182)
```

Shade Color Variation

#f311c2
```
#f311c2 rgb(243,17,194)
```
#f424c7
```
#f424c7 rgb(244,36,199)
```
#f537cc
```
#f537cc rgb(245,55,204)
```
#f64ad0
```
#f64ad0 rgb(246,74,208)
```
#f75cd5
```
#f75cd5 rgb(247,92,213)
```
#f86fda
```
#f86fda rgb(248,111,218)
```
#f982df
```
#f982df rgb(249,130,223)
```
#fa94e4
```
#fa94e4 rgb(250,148,228)
```
#fba7e8
```
#fba7e8 rgb(251,167,232)
```
#fcbaed
```
#fcbaed rgb(252,186,237)
```
#fdcdf2
```
#fdcdf2 rgb(253,205,242)
```
#fddff7
```
#fddff7 rgb(253,223,247)
```
#fef2fc
```
#fef2fc rgb(254,242,252)
```

Tint Color Variation

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

#b8afb6
```
#b8afb6 rgb(184,175,182)
```
#bea9b9
```
#bea9b9 rgb(190,169,185)
```
#c4a3bd
```
#c4a3bd rgb(196,163,189)
```
#ca9dc0
```
#ca9dc0 rgb(202,157,192)
```
#cf98c3
```
#cf98c3 rgb(207,152,195)
```
#d592c6
```
#d592c6 rgb(213,146,198)
```
#db8cca
```
#db8cca rgb(219,140,202)
```
#e186cd
```
#e186cd rgb(225,134,205)
```
#e780d0
```
#e780d0 rgb(231,128,208)
```
#ec7bd3
```
#ec7bd3 rgb(236,123,211)
```
#f275d7
```
#f275d7 rgb(242,117,215)
```
#f86fda
```
#f86fda rgb(248,111,218)
```
#fe69dd
```
#fe69dd rgb(254,105,221)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b599af Atypical Achromatopsia 0.001% of the population

Dichromacy

#84a4fb Protanopia 1% of men
#a0a4cf Deuteranopia 1% of men
#ef8992 Tritanopia 0.001% of the population

Trichromacy

#ae91ef Protanomaly 1% of men, 0.01% of women
#c091d3 Deuteranomaly 6% of men, 0.4% of women
#f27fac Tritanomaly 0.01% of the population

#f86fda hex color

#f86fda Color Information

#f86fda Color Conversion

Color Schemes with #f86fda

Alternatives to #f86fda

#f86fda Preview

Shades and Tints of #f86fda

Tones of #f86fda

Color Blindness Simulator