#f86696 Color Information
In a RGB color space, hex #f86696 is composed of 97.3% red, 40% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 39.5% yellow and 2.7% black. It has a hue angle of 340.3 degrees, a saturation of 91.3% and a lightness of 68.6%. #f86696 color hex could be obtained by blending #ffccff with #f1002d. Closest websafe color is: #ff6699.
-
- R 97
- G 40
- B 59
-
- C 0
- M 59
- Y 40
- K 3
● #f86696 color description : Soft pink.
#f86696 Color Conversion
The hexadecimal color #f86696 has RGB values of R:248, G:102, B:150 and CMYK values of C:0, M:0.59, Y:0.4, K:0.03. Its decimal value is 16279190.
Hex triplet | f86696 | #f86696 |
---|---|---|
RGB Decimal | 248, 102, 150 | rgb(248,102,150) |
RGB Percent | 97.3, 40, 58.8 | rgb(97.3%,40%,58.8%) |
CMYK | 0, 59, 40, 3 | |
HSL | 340.3°, 91.3, 68.6 | hsl(340.3,91.3%,68.6%) |
HSV (or HSB) | 340.3°, 58.9, 97.3 | |
Web Safe | ff6699 | #ff6699 |
CIE-LAB | 63.065, 60.034, 2.816 |
---|---|
XYZ | 48.969, 31.665, 32.386 |
xyY | 0.433, 0.28, 31.665 |
CIE-LCH | 63.065, 60.1, 2.685 |
CIE-LUV | 63.065, 96.352, -7.785 |
Hunter-Lab | 56.272, 56.857, 5.268 |
Binary | 11111000, 01100110, 10010110 |
Color Schemes with #f86696
Alternatives to #f86696
Below, you can see some colors close to #f86696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86696 Preview
This text has a font color of #f86696.
<span style="color:#f86696;">Text here</span>
This paragraph has a background color of #f86696.
<p style="background-color:#f86696;">Content here</p>
This element has a border color of #f86696.
<div style="border:1px solid #f86696;">Content here</div>
.text {color:#f86696;}
.background {background-color:#f86696;}
.border {border:1px solid #f86696;}
Shades and Tints of #f86696
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, #100106 is the darkest color, while #fffcfd is the lightest one.
-
#100106
#100106
rgb(16,1,6)
-
#23020c
#23020c
rgb(35,2,12)
-
#350213
#350213
rgb(53,2,19)
-
#48031a
#48031a
rgb(72,3,26)
-
#5b0421
#5b0421
rgb(91,4,33)
-
#6e0527
#6e0527
rgb(110,5,39)
-
#80062e
#80062e
rgb(128,6,46)
-
#930735
#930735
rgb(147,7,53)
-
#a6083c
#a6083c
rgb(166,8,60)
-
#b90842
#b90842
rgb(185,8,66)
-
#cb0949
#cb0949
rgb(203,9,73)
-
#de0a50
#de0a50
rgb(222,10,80)
-
#f10b57
#f10b57
rgb(241,11,87)
-
#f51b63
#f51b63
rgb(245,27,99)
-
#f52e6f
#f52e6f
rgb(245,46,111)
-
#f6407c
#f6407c
rgb(246,64,124)
-
#f75389
#f75389
rgb(247,83,137)
-
#f86696
#f86696
rgb(248,102,150)
-
#f979a3
#f979a3
rgb(249,121,163)
-
#fa8cb0
#fa8cb0
rgb(250,140,176)
-
#fb9ebd
#fb9ebd
rgb(251,158,189)
-
#fbb1c9
#fbb1c9
rgb(251,177,201)
-
#fcc4d6
#fcc4d6
rgb(252,196,214)
-
#fdd7e3
#fdd7e3
rgb(253,215,227)
-
#fee9f0
#fee9f0
rgb(254,233,240)
-
#fffcfd
#fffcfd
rgb(255,252,253)
Tones of #f86696
A tone is produced by adding gray to any pure hue. In this case, #b4aaad is the less saturated color, while #fe6094 is the most saturated one.
-
#b4aaad
#b4aaad
rgb(180,170,173)
-
#baa4ab
#baa4ab
rgb(186,164,171)
-
#c19da9
#c19da9
rgb(193,157,169)
-
#c797a7
#c797a7
rgb(199,151,167)
-
#cd91a5
#cd91a5
rgb(205,145,165)
-
#d38ba3
#d38ba3
rgb(211,139,163)
-
#d985a1
#d985a1
rgb(217,133,161)
-
#df7f9e
#df7f9e
rgb(223,127,158)
-
#e6789c
#e6789c
rgb(230,120,156)
-
#ec729a
#ec729a
rgb(236,114,154)
-
#f26c98
#f26c98
rgb(242,108,152)
-
#f86696
#f86696
rgb(248,102,150)
-
#fe6094
#fe6094
rgb(254,96,148)
Color Blindness Simulator
Below, you can see how #f86696 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.