#f686fc Color Information
In a RGB color space, hex #f686fc is composed of 96.5% red, 52.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 46.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 296.9 degrees, a saturation of 95.2% and a lightness of 75.7%. #f686fc color hex could be obtained by blending #ffffff with #ed0df9. Closest websafe color is: #ff99ff.
-
- R 96
- G 53
- B 99
-
- C 2
- M 47
- Y 0
- K 1
● #f686fc color description : Soft magenta.
#f686fc Color Conversion
The hexadecimal color #f686fc has RGB values of R:246, G:134, B:252 and CMYK values of C:0.02, M:0.47, Y:0, K:0.01. Its decimal value is 16156412.
Hex triplet | f686fc | #f686fc |
---|---|---|
RGB Decimal | 246, 134, 252 | rgb(246,134,252) |
RGB Percent | 96.5, 52.5, 98.8 | rgb(96.5%,52.5%,98.8%) |
CMYK | 2, 47, 0, 1 | |
HSL | 296.9°, 95.2, 75.7 | hsl(296.9,95.2%,75.7%) |
HSV (or HSB) | 296.9°, 46.8, 98.8 | |
Web Safe | ff99ff | #ff99ff |
CIE-LAB | 72.01, 59.12, -40.796 |
---|---|
XYZ | 64.1, 43.674, 97.144 |
xyY | 0.313, 0.213, 43.674 |
CIE-LCH | 72.01, 71.829, 325.392 |
CIE-LUV | 72.01, 52.293, -74.337 |
Hunter-Lab | 66.086, 57.484, -40.893 |
Binary | 11110110, 10000110, 11111100 |
Color Schemes with #f686fc
Alternatives to #f686fc
Below, you can see some colors close to #f686fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f686fc Preview
This text has a font color of #f686fc.
<span style="color:#f686fc;">Text here</span>
This paragraph has a background color of #f686fc.
<p style="background-color:#f686fc;">Content here</p>
This element has a border color of #f686fc.
<div style="border:1px solid #f686fc;">Content here</div>
.text {color:#f686fc;}
.background {background-color:#f686fc;}
.border {border:1px solid #f686fc;}
Shades and Tints of #f686fc
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, #0c000d is the darkest color, while #fff9ff is the lightest one.
-
#0c000d
#0c000d
rgb(12,0,13)
-
#1f0120
#1f0120
rgb(31,1,32)
-
#310133
#310133
rgb(49,1,51)
-
#430246
#430246
rgb(67,2,70)
-
#55025a
#55025a
rgb(85,2,90)
-
#67036d
#67036d
rgb(103,3,109)
-
#790380
#790380
rgb(121,3,128)
-
#8c0493
#8c0493
rgb(140,4,147)
-
#9e04a6
#9e04a6
rgb(158,4,166)
-
#b005b9
#b005b9
rgb(176,5,185)
-
#c205cc
#c205cc
rgb(194,5,204)
-
#d406e0
#d406e0
rgb(212,6,224)
-
#e706f3
#e706f3
rgb(231,6,243)
-
#ed13f9
#ed13f9
rgb(237,19,249)
-
#ef26fa
#ef26fa
rgb(239,38,250)
-
#f039fa
#f039fa
rgb(240,57,250)
-
#f24dfb
#f24dfb
rgb(242,77,251)
-
#f360fb
#f360fb
rgb(243,96,251)
-
#f573fc
#f573fc
rgb(245,115,252)
-
#f686fc
#f686fc
rgb(246,134,252)
-
#f799fc
#f799fc
rgb(247,153,252)
-
#f9acfd
#f9acfd
rgb(249,172,253)
-
#fabffd
#fabffd
rgb(250,191,253)
-
#fcd3fe
#fcd3fe
rgb(252,211,254)
-
#fde6fe
#fde6fe
rgb(253,230,254)
-
#fff9ff
#fff9ff
rgb(255,249,255)
Tones of #f686fc
A tone is produced by adding gray to any pure hue. In this case, #c3bfc3 is the less saturated color, while #f686fc is the most saturated one.
-
#c3bfc3
#c3bfc3
rgb(195,191,195)
-
#c7bac8
#c7bac8
rgb(199,186,200)
-
#cbb6cc
#cbb6cc
rgb(203,182,204)
-
#cfb1d1
#cfb1d1
rgb(207,177,209)
-
#d4acd6
#d4acd6
rgb(212,172,214)
-
#d8a7db
#d8a7db
rgb(216,167,219)
-
#dca3df
#dca3df
rgb(220,163,223)
-
#e19ee4
#e19ee4
rgb(225,158,228)
-
#e599e9
#e599e9
rgb(229,153,233)
-
#e994ee
#e994ee
rgb(233,148,238)
-
#ed90f2
#ed90f2
rgb(237,144,242)
-
#f28bf7
#f28bf7
rgb(242,139,247)
-
#f686fc
#f686fc
rgb(246,134,252)
Color Blindness Simulator
Below, you can see how #f686fc 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.