#f86166 Color Information
In a RGB color space, hex #f86166 is composed of 97.3% red, 38% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.9% magenta, 58.9% yellow and 2.7% black. It has a hue angle of 358 degrees, a saturation of 91.5% and a lightness of 67.6%. #f86166 color hex could be obtained by blending #ffc2cc with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 38
- B 40
-
- C 0
- M 61
- Y 59
- K 3
● #f86166 color description : Soft red.
#f86166 Color Conversion
The hexadecimal color #f86166 has RGB values of R:248, G:97, B:102 and CMYK values of C:0, M:0.61, Y:0.59, K:0.03. Its decimal value is 16277862.
Hex triplet | f86166 | #f86166 |
---|---|---|
RGB Decimal | 248, 97, 102 | rgb(248,97,102) |
RGB Percent | 97.3, 38, 40 | rgb(97.3%,38%,40%) |
CMYK | 0, 61, 59, 3 | |
HSL | 358°, 91.5, 67.6 | hsl(358,91.5%,67.6%) |
HSV (or HSB) | 358°, 60.9, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 61.194, 58.076, 27.844 |
---|---|
XYZ | 45.386, 29.47, 15.868 |
xyY | 0.5, 0.325, 29.47 |
CIE-LCH | 61.194, 64.406, 25.615 |
CIE-LUV | 61.194, 112.544, 21.784 |
Hunter-Lab | 54.286, 54.235, 20.67 |
Binary | 11111000, 01100001, 01100110 |
Color Schemes with #f86166
Alternatives to #f86166
Below, you can see some colors close to #f86166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86166 Preview
This text has a font color of #f86166.
<span style="color:#f86166;">Text here</span>
This paragraph has a background color of #f86166.
<p style="background-color:#f86166;">Content here</p>
This element has a border color of #f86166.
<div style="border:1px solid #f86166;">Content here</div>
.text {color:#f86166;}
.background {background-color:#f86166;}
.border {border:1px solid #f86166;}
Shades and Tints of #f86166
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, #0b0001 is the darkest color, while #fff7f8 is the lightest one.
-
#0b0001
#0b0001
rgb(11,0,1)
-
#1e0102
#1e0102
rgb(30,1,2)
-
#310204
#310204
rgb(49,2,4)
-
#430305
#430305
rgb(67,3,5)
-
#560407
#560407
rgb(86,4,7)
-
#690508
#690508
rgb(105,5,8)
-
#7c0509
#7c0509
rgb(124,5,9)
-
#8f060b
#8f060b
rgb(143,6,11)
-
#a1070c
#a1070c
rgb(161,7,12)
-
#b4080e
#b4080e
rgb(180,8,14)
-
#c7090f
#c7090f
rgb(199,9,15)
-
#da0a11
#da0a11
rgb(218,10,17)
-
#ec0a12
#ec0a12
rgb(236,10,18)
-
#f5161d
#f5161d
rgb(245,22,29)
-
#f6292f
#f6292f
rgb(246,41,47)
-
#f63b42
#f63b42
rgb(246,59,66)
-
#f74e54
#f74e54
rgb(247,78,84)
-
#f86166
#f86166
rgb(248,97,102)
-
#f97478
#f97478
rgb(249,116,120)
-
#fa878a
#fa878a
rgb(250,135,138)
-
#fa999d
#fa999d
rgb(250,153,157)
-
#fbacaf
#fbacaf
rgb(251,172,175)
-
#fcbfc1
#fcbfc1
rgb(252,191,193)
-
#fdd2d3
#fdd2d3
rgb(253,210,211)
-
#fee4e5
#fee4e5
rgb(254,228,229)
-
#fff7f8
#fff7f8
rgb(255,247,248)
Tones of #f86166
A tone is produced by adding gray to any pure hue. In this case, #b2a7a7 is the less saturated color, while #fe5b60 is the most saturated one.
-
#b2a7a7
#b2a7a7
rgb(178,167,167)
-
#b9a0a1
#b9a0a1
rgb(185,160,161)
-
#bf9a9b
#bf9a9b
rgb(191,154,155)
-
#c59495
#c59495
rgb(197,148,149)
-
#cc8d8f
#cc8d8f
rgb(204,141,143)
-
#d2878a
#d2878a
rgb(210,135,138)
-
#d88184
#d88184
rgb(216,129,132)
-
#df7a7e
#df7a7e
rgb(223,122,126)
-
#e57478
#e57478
rgb(229,116,120)
-
#eb6e72
#eb6e72
rgb(235,110,114)
-
#f2676c
#f2676c
rgb(242,103,108)
-
#f86166
#f86166
rgb(248,97,102)
-
#fe5b60
#fe5b60
rgb(254,91,96)
Color Blindness Simulator
Below, you can see how #f86166 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.