#f686fd hex color

In a RGB color space, hex #f686fd is composed of 96.5% red, 52.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 47% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.5 degrees, a saturation of 96.7% and a lightness of 75.9%. #f686fd color hex could be obtained by blending #ffffff with #ed0dfb. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 96
- G 53
- B 99
RGB color chart
- C 3
- M 47
- Y 0
- K 1
CMYK color chart

● #f686fd color description : Soft magenta.

The hexadecimal color #f686fd has RGB values of R:246, G:134, B:253 and CMYK values of C:0.03, M:0.47, Y:0, K:0.01. Its decimal value is 16156413.

Hex triplet	f686fd	`#f686fd`
RGB Decimal	246, 134, 253	`rgb(246,134,253)`
RGB Percent	96.5, 52.5, 99.2	`rgb(96.5%,52.5%,99.2%)`
CMYK	3, 47, 0, 1
HSL	296.5°, 96.7, 75.9	`hsl(296.5,96.7%,75.9%)`
HSV (or HSB)	296.5°, 47, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	72.053, 59.298, -41.273
XYZ	64.259, 43.738, 97.981
xyY	0.312, 0.212, 43.738
CIE-LCH	72.053, 72.248, 325.161
CIE-LUV	72.053, 52.062, -75.154
Hunter-Lab	66.134, 57.703, -41.546
Binary	11110110, 10000110, 11111101

#f686fd
```
#f686fd rgb(246,134,253)
```
#8dfd86
```
#8dfd86 rgb(141,253,134)
```

Complementary Color

#bb86fd
```
#bb86fd rgb(187,134,253)
```
#f686fd
```
#f686fd rgb(246,134,253)
```
#fd86c9
```
#fd86c9 rgb(253,134,201)
```

Analogous Color

#86fdbb
```
#86fdbb rgb(134,253,187)
```
#f686fd
```
#f686fd rgb(246,134,253)
```
#c9fd86
```
#c9fd86 rgb(201,253,134)
```

Split Complementary Color

#86fdf6
```
#86fdf6 rgb(134,253,246)
```
#f686fd
```
#f686fd rgb(246,134,253)
```
#fdf686
```
#fdf686 rgb(253,246,134)
```

Triadic Color

#868dfd
```
#868dfd rgb(134,141,253)
```
#f686fd
```
#f686fd rgb(246,134,253)
```
#fdf686
```
#fdf686 rgb(253,246,134)
```
#8dfd86
```
#8dfd86 rgb(141,253,134)
```

Tetradic Color

#f03bfc
```
#f03bfc rgb(240,59,252)
```
#f254fc
```
#f254fc rgb(242,84,252)
```
#f46dfd
```
#f46dfd rgb(244,109,253)
```
#f686fd
```
#f686fd rgb(246,134,253)
```
#f89ffd
```
#f89ffd rgb(248,159,253)
```
#fab8fe
```
#fab8fe rgb(250,184,254)
```
#fcd1fe
```
#fcd1fe rgb(252,209,254)
```

Monochromatic Color

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

#d886fd
```
#d886fd rgb(216,134,253)
```
#e286fd
```
#e286fd rgb(226,134,253)
```
#ec86fd
```
#ec86fd rgb(236,134,253)
```
#f686fd
```
#f686fd rgb(246,134,253)
```
#fd86fa
```
#fd86fa rgb(253,134,250)
```
#fd86f0
```
#fd86f0 rgb(253,134,240)
```
#fd86e6
```
#fd86e6 rgb(253,134,230)
```

Similar Colors

Text with hexadecimal color #f686fd

This text has a font color of #f686fd.

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

#f686fd background color

This paragraph has a background color of #f686fd.

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

#f686fd border color

This element has a border color of #f686fd.

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

CSS codes

.text {color:#f686fd;}

.background {background-color:#f686fd;}

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

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, #0d000e is the darkest color, while #fffaff is the lightest one.

#0d000e
```
#0d000e rgb(13,0,14)
```
#1f0121
```
#1f0121 rgb(31,1,33)
```
#320135
```
#320135 rgb(50,1,53)
```
#440148
```
#440148 rgb(68,1,72)
```
#56025b
```
#56025b rgb(86,2,91)
```
#68026f
```
#68026f rgb(104,2,111)
```
#7a0282
```
#7a0282 rgb(122,2,130)
```
#8d0295
```
#8d0295 rgb(141,2,149)
```
#9f03a8
```
#9f03a8 rgb(159,3,168)
```
#b103bc
```
#b103bc rgb(177,3,188)
```
#c303cf
```
#c303cf rgb(195,3,207)
```
#d504e2
```
#d504e2 rgb(213,4,226)
```
#e704f6
```
#e704f6 rgb(231,4,246)
```

Shade Color Variation

#ed12fb
```
#ed12fb rgb(237,18,251)
```
#ef26fb
```
#ef26fb rgb(239,38,251)
```
#f039fc
```
#f039fc rgb(240,57,252)
```
#f24cfc
```
#f24cfc rgb(242,76,252)
```
#f35ffc
```
#f35ffc rgb(243,95,252)
```
#f573fd
```
#f573fd rgb(245,115,253)
```
#f686fd
```
#f686fd rgb(246,134,253)
```
#f799fd
```
#f799fd rgb(247,153,253)
```
#f9adfe
```
#f9adfe rgb(249,173,254)
```
#fac0fe
```
#fac0fe rgb(250,192,254)
```
#fcd3fe
```
#fcd3fe rgb(252,211,254)
```
#fde6ff
```
#fde6ff rgb(253,230,255)
```
#fffaff
```
#fffaff rgb(255,250,255)
```

Tint Color Variation

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

#c4bfc4
```
#c4bfc4 rgb(196,191,196)
```
#c8bac9
```
#c8bac9 rgb(200,186,201)
```
#ccb5ce
```
#ccb5ce rgb(204,181,206)
```
#d0b1d2
```
#d0b1d2 rgb(208,177,210)
```
#d5acd7
```
#d5acd7 rgb(213,172,215)
```
#d9a7dc
```
#d9a7dc rgb(217,167,220)
```
#dda2e1
```
#dda2e1 rgb(221,162,225)
```
#e19ee5
```
#e19ee5 rgb(225,158,229)
```
#e599ea
```
#e599ea rgb(229,153,234)
```
#e994ef
```
#e994ef rgb(233,148,239)
```
#ee8ff4
```
#ee8ff4 rgb(238,143,244)
```
#f28bf8
```
#f28bf8 rgb(242,139,248)
```
#f686fd
```
#f686fd rgb(246,134,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#c2acc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98b2ff Protanopia 1% of men
#a0b2f1 Deuteranopia 1% of men
#eaa0ab Tritanopia 0.001% of the population

Trichromacy

#baa2fe Protanomaly 1% of men, 0.01% of women
#bfa2f5 Deuteranomaly 6% of men, 0.4% of women
#ee96c9 Tritanomaly 0.01% of the population

#f686fd hex color

#f686fd Color Information

#f686fd Color Conversion

Color Schemes with #f686fd

Alternatives to #f686fd

#f686fd Preview

Shades and Tints of #f686fd

Tones of #f686fd

Color Blindness Simulator