#f686b7 Color Information
In a RGB color space, hex #f686b7 is composed of 96.5% red, 52.5% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.5% magenta, 25.6% yellow and 3.5% black. It has a hue angle of 333.8 degrees, a saturation of 86.2% and a lightness of 74.5%. #f686b7 color hex could be obtained by blending #ffffff with #ed0d6f. Closest websafe color is: #ff99cc.
-
- R 96
- G 53
- B 72
-
- C 0
- M 46
- Y 26
- K 4
● #f686b7 color description : Soft pink.
#f686b7 Color Conversion
The hexadecimal color #f686b7 has RGB values of R:246, G:134, B:183 and CMYK values of C:0, M:0.46, Y:0.26, K:0.04. Its decimal value is 16156343.
Hex triplet | f686b7 | #f686b7 |
---|---|---|
RGB Decimal | 246, 134, 183 | rgb(246,134,183) |
RGB Percent | 96.5, 52.5, 71.8 | rgb(96.5%,52.5%,71.8%) |
CMYK | 0, 46, 26, 4 | |
HSL | 333.8°, 86.2, 74.5 | hsl(333.8,86.2%,74.5%) |
HSV (or HSB) | 333.8°, 45.5, 96.5 | |
Web Safe | ff99cc | #ff99cc |
CIE-LAB | 69.516, 48.25, -6.477 |
---|---|
XYZ | 55.078, 40.065, 49.63 |
xyY | 0.38, 0.277, 40.065 |
CIE-LCH | 69.516, 48.683, 352.355 |
CIE-LUV | 69.516, 68.555, -18.41 |
Hunter-Lab | 63.297, 44.552, -2.18 |
Binary | 11110110, 10000110, 10110111 |
Color Schemes with #f686b7
Alternatives to #f686b7
Below, you can see some colors close to #f686b7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f686b7 Preview
This text has a font color of #f686b7.
<span style="color:#f686b7;">Text here</span>
This paragraph has a background color of #f686b7.
<p style="background-color:#f686b7;">Content here</p>
This element has a border color of #f686b7.
<div style="border:1px solid #f686b7;">Content here</div>
.text {color:#f686b7;}
.background {background-color:#f686b7;}
.border {border:1px solid #f686b7;}
Shades and Tints of #f686b7
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, #070103 is the darkest color, while #fef4f8 is the lightest one.
-
#070103
#070103
rgb(7,1,3)
-
#19020c
#19020c
rgb(25,2,12)
-
#2b0315
#2b0315
rgb(43,3,21)
-
#3e051e
#3e051e
rgb(62,5,30)
-
#500626
#500626
rgb(80,6,38)
-
#62072f
#62072f
rgb(98,7,47)
-
#740938
#740938
rgb(116,9,56)
-
#870a41
#870a41
rgb(135,10,65)
-
#990b49
#990b49
rgb(153,11,73)
-
#ab0d52
#ab0d52
rgb(171,13,82)
-
#bd0e5b
#bd0e5b
rgb(189,14,91)
-
#d00f64
#d00f64
rgb(208,15,100)
-
#e2116c
#e2116c
rgb(226,17,108)
-
#ee1876
#ee1876
rgb(238,24,118)
-
#ef2b81
#ef2b81
rgb(239,43,129)
-
#f13d8c
#f13d8c
rgb(241,61,140)
-
#f24f96
#f24f96
rgb(242,79,150)
-
#f361a1
#f361a1
rgb(243,97,161)
-
#f574ac
#f574ac
rgb(245,116,172)
-
#f686b7
#f686b7
rgb(246,134,183)
-
#f798c2
#f798c2
rgb(247,152,194)
-
#f9abcd
#f9abcd
rgb(249,171,205)
-
#fabdd8
#fabdd8
rgb(250,189,216)
-
#fbcfe2
#fbcfe2
rgb(251,207,226)
-
#fde1ed
#fde1ed
rgb(253,225,237)
-
#fef4f8
#fef4f8
rgb(254,244,248)
Tones of #f686b7
A tone is produced by adding gray to any pure hue. In this case, #bfbdbe is the less saturated color, while #fb81b6 is the most saturated one.
-
#bfbdbe
#bfbdbe
rgb(191,189,190)
-
#c4b8bd
#c4b8bd
rgb(196,184,189)
-
#c9b3bd
#c9b3bd
rgb(201,179,189)
-
#ceaebc
#ceaebc
rgb(206,174,188)
-
#d3a9bb
#d3a9bb
rgb(211,169,187)
-
#d8a4bb
#d8a4bb
rgb(216,164,187)
-
#dd9fba
#dd9fba
rgb(221,159,186)
-
#e29aba
#e29aba
rgb(226,154,186)
-
#e795b9
#e795b9
rgb(231,149,185)
-
#ec90b8
#ec90b8
rgb(236,144,184)
-
#f18bb8
#f18bb8
rgb(241,139,184)
-
#f686b7
#f686b7
rgb(246,134,183)
-
#fb81b6
#fb81b6
rgb(251,129,182)
Color Blindness Simulator
Below, you can see how #f686b7 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.