#f686ff Color Information
In a RGB color space, hex #f686ff is composed of 96.5% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.5% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 295.5 degrees, a saturation of 100% and a lightness of 76.3%. #f686ff color hex could be obtained by blending #ffffff with #ed0dff. Closest websafe color is: #ff99ff.
-
- R 96
- G 53
- B 100
-
- C 4
- M 47
- Y 0
- K 0
● #f686ff color description : Very light magenta.
#f686ff Color Conversion
The hexadecimal color #f686ff has RGB values of R:246, G:134, B:255 and CMYK values of C:0.04, M:0.47, Y:0, K:0. Its decimal value is 16156415.
Hex triplet | f686ff | #f686ff |
---|---|---|
RGB Decimal | 246, 134, 255 | rgb(246,134,255) |
RGB Percent | 96.5, 52.5, 100 | rgb(96.5%,52.5%,100%) |
CMYK | 4, 47, 0, 0 | |
HSL | 295.5°, 100, 76.3 | hsl(295.5,100%,76.3%) |
HSV (or HSB) | 295.5°, 47.5, 100 | |
Web Safe | ff99ff | #ff99ff |
CIE-LAB | 72.139, 59.655, -42.227 |
---|---|
XYZ | 64.579, 43.866, 99.668 |
xyY | 0.31, 0.211, 43.866 |
CIE-LCH | 72.139, 73.088, 324.707 |
CIE-LUV | 72.139, 51.601, -76.787 |
Hunter-Lab | 66.231, 58.143, -42.86 |
Binary | 11110110, 10000110, 11111111 |
Color Schemes with #f686ff
Alternatives to #f686ff
Below, you can see some colors close to #f686ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f686ff Preview
This text has a font color of #f686ff.
<span style="color:#f686ff;">Text here</span>
This paragraph has a background color of #f686ff.
<p style="background-color:#f686ff;">Content here</p>
This element has a border color of #f686ff.
<div style="border:1px solid #f686ff;">Content here</div>
.text {color:#f686ff;}
.background {background-color:#f686ff;}
.border {border:1px solid #f686ff;}
Shades and Tints of #f686ff
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, #0f0010 is the darkest color, while #fffcff is the lightest one.
-
#0f0010
#0f0010
rgb(15,0,16)
-
#210024
#210024
rgb(33,0,36)
-
#330038
#330038
rgb(51,0,56)
-
#46004b
#46004b
rgb(70,0,75)
-
#58005f
#58005f
rgb(88,0,95)
-
#6a0072
#6a0072
rgb(106,0,114)
-
#7c0086
#7c0086
rgb(124,0,134)
-
#8e009a
#8e009a
rgb(142,0,154)
-
#a000ad
#a000ad
rgb(160,0,173)
-
#b300c1
#b300c1
rgb(179,0,193)
-
#c500d4
#c500d4
rgb(197,0,212)
-
#d700e8
#d700e8
rgb(215,0,232)
-
#e900fc
#e900fc
rgb(233,0,252)
-
#ed10ff
#ed10ff
rgb(237,16,255)
-
#ef24ff
#ef24ff
rgb(239,36,255)
-
#f038ff
#f038ff
rgb(240,56,255)
-
#f24bff
#f24bff
rgb(242,75,255)
-
#f35fff
#f35fff
rgb(243,95,255)
-
#f572ff
#f572ff
rgb(245,114,255)
-
#f686ff
#f686ff
rgb(246,134,255)
-
#f79aff
#f79aff
rgb(247,154,255)
-
#f9adff
#f9adff
rgb(249,173,255)
-
#fac1ff
#fac1ff
rgb(250,193,255)
-
#fcd4ff
#fcd4ff
rgb(252,212,255)
-
#fde8ff
#fde8ff
rgb(253,232,255)
-
#fffcff
#fffcff
rgb(255,252,255)
Tones of #f686ff
A tone is produced by adding gray to any pure hue. In this case, #c6bec7 is the less saturated color, while #f686ff is the most saturated one.
-
#c6bec7
#c6bec7
rgb(198,190,199)
-
#cab9cc
#cab9cc
rgb(202,185,204)
-
#ceb5d0
#ceb5d0
rgb(206,181,208)
-
#d2b0d5
#d2b0d5
rgb(210,176,213)
-
#d6abda
#d6abda
rgb(214,171,218)
-
#daa7de
#daa7de
rgb(218,167,222)
-
#dea2e3
#dea2e3
rgb(222,162,227)
-
#e29de8
#e29de8
rgb(226,157,232)
-
#e699ec
#e699ec
rgb(230,153,236)
-
#ea94f1
#ea94f1
rgb(234,148,241)
-
#ee8ff6
#ee8ff6
rgb(238,143,246)
-
#f28bfa
#f28bfa
rgb(242,139,250)
-
#f686ff
#f686ff
rgb(246,134,255)
Color Blindness Simulator
Below, you can see how #f686ff 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.