#f86f54 Color Information
In a RGB color space, hex #f86f54 is composed of 97.3% red, 43.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.2% magenta, 66.1% yellow and 2.7% black. It has a hue angle of 9.9 degrees, a saturation of 92.1% and a lightness of 65.1%. #f86f54 color hex could be obtained by blending #ffdea8 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 44
- B 33
-
- C 0
- M 55
- Y 66
- K 3
● #f86f54 color description : Soft red.
#f86f54 Color Conversion
The hexadecimal color #f86f54 has RGB values of R:248, G:111, B:84 and CMYK values of C:0, M:0.55, Y:0.66, K:0.03. Its decimal value is 16281428.
Hex triplet | f86f54 | #f86f54 |
---|---|---|
RGB Decimal | 248, 111, 84 | rgb(248,111,84) |
RGB Percent | 97.3, 43.5, 32.9 | rgb(97.3%,43.5%,32.9%) |
CMYK | 0, 55, 66, 3 | |
HSL | 9.9°, 92.1, 65.1 | hsl(9.9,92.1%,65.1%) |
HSV (or HSB) | 9.9°, 66.1, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 63.318, 50.669, 40.506 |
---|---|
XYZ | 45.998, 31.97, 12.136 |
xyY | 0.51, 0.355, 31.97 |
CIE-LCH | 63.318, 64.87, 38.64 |
CIE-LUV | 63.318, 106.656, 35.954 |
Hunter-Lab | 56.542, 46.264, 26.854 |
Binary | 11111000, 01101111, 01010100 |
Color Schemes with #f86f54
Alternatives to #f86f54
Below, you can see some colors close to #f86f54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86f54 Preview
This text has a font color of #f86f54.
<span style="color:#f86f54;">Text here</span>
This paragraph has a background color of #f86f54.
<p style="background-color:#f86f54;">Content here</p>
This element has a border color of #f86f54.
<div style="border:1px solid #f86f54;">Content here</div>
.text {color:#f86f54;}
.background {background-color:#f86f54;}
.border {border:1px solid #f86f54;}
Shades and Tints of #f86f54
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, #110301 is the darkest color, while #fffefe is the lightest one.
-
#110301
#110301
rgb(17,3,1)
-
#240701
#240701
rgb(36,7,1)
-
#370b02
#370b02
rgb(55,11,2)
-
#4a0f03
#4a0f03
rgb(74,15,3)
-
#5d1204
#5d1204
rgb(93,18,4)
-
#701605
#701605
rgb(112,22,5)
-
#831a05
#831a05
rgb(131,26,5)
-
#951e06
#951e06
rgb(149,30,6)
-
#a82107
#a82107
rgb(168,33,7)
-
#bb2508
#bb2508
rgb(187,37,8)
-
#ce2908
#ce2908
rgb(206,41,8)
-
#e12d09
#e12d09
rgb(225,45,9)
-
#f4300a
#f4300a
rgb(244,48,10)
-
#f63f1b
#f63f1b
rgb(246,63,27)
-
#f64f2e
#f64f2e
rgb(246,79,46)
-
#f75f41
#f75f41
rgb(247,95,65)
-
#f86f54
#f86f54
rgb(248,111,84)
-
#f97f67
#f97f67
rgb(249,127,103)
-
#fa8f7a
#fa8f7a
rgb(250,143,122)
-
#fa9f8d
#fa9f8d
rgb(250,159,141)
-
#fbae9f
#fbae9f
rgb(251,174,159)
-
#fcbeb2
#fcbeb2
rgb(252,190,178)
-
#fdcec5
#fdcec5
rgb(253,206,197)
-
#fdded8
#fdded8
rgb(253,222,216)
-
#feeeeb
#feeeeb
rgb(254,238,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f86f54
A tone is produced by adding gray to any pure hue. In this case, #ada29f is the less saturated color, while #ff6a4d is the most saturated one.
-
#ada29f
#ada29f
rgb(173,162,159)
-
#b49d98
#b49d98
rgb(180,157,152)
-
#ba9892
#ba9892
rgb(186,152,146)
-
#c1948b
#c1948b
rgb(193,148,139)
-
#c88f84
#c88f84
rgb(200,143,132)
-
#cf8b7d
#cf8b7d
rgb(207,139,125)
-
#d68676
#d68676
rgb(214,134,118)
-
#dd816f
#dd816f
rgb(221,129,111)
-
#e37d69
#e37d69
rgb(227,125,105)
-
#ea7862
#ea7862
rgb(234,120,98)
-
#f1745b
#f1745b
rgb(241,116,91)
-
#f86f54
#f86f54
rgb(248,111,84)
-
#ff6a4d
#ff6a4d
rgb(255,106,77)
Color Blindness Simulator
Below, you can see how #f86f54 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.