#f86c5f Color Information
In a RGB color space, hex #f86c5f is composed of 97.3% red, 42.4% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 61.7% yellow and 2.7% black. It has a hue angle of 5.1 degrees, a saturation of 91.6% and a lightness of 67.3%. #f86c5f color hex could be obtained by blending #ffd8be with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 42
- B 37
-
- C 0
- M 56
- Y 62
- K 3
● #f86c5f color description : Soft red.
#f86c5f Color Conversion
The hexadecimal color #f86c5f has RGB values of R:248, G:108, B:95 and CMYK values of C:0, M:0.56, Y:0.62, K:0.03. Its decimal value is 16280671.
Hex triplet | f86c5f | #f86c5f |
---|---|---|
RGB Decimal | 248, 108, 95 | rgb(248,108,95) |
RGB Percent | 97.3, 42.4, 37.3 | rgb(97.3%,42.4%,37.3%) |
CMYK | 0, 56, 62, 3 | |
HSL | 5.1°, 91.6, 67.3 | hsl(5.1,91.6%,67.3%) |
HSV (or HSB) | 5.1°, 61.7, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.938, 52.715, 34.017 |
---|---|
XYZ | 46.141, 31.512, 14.479 |
xyY | 0.501, 0.342, 31.512 |
CIE-LCH | 62.938, 62.738, 32.834 |
CIE-LUV | 62.938, 106.703, 29.516 |
Hunter-Lab | 56.136, 48.481, 24.003 |
Binary | 11111000, 01101100, 01011111 |
Color Schemes with #f86c5f
Alternatives to #f86c5f
Below, you can see some colors close to #f86c5f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86c5f Preview
This text has a font color of #f86c5f.
<span style="color:#f86c5f;">Text here</span>
This paragraph has a background color of #f86c5f.
<p style="background-color:#f86c5f;">Content here</p>
This element has a border color of #f86c5f.
<div style="border:1px solid #f86c5f;">Content here</div>
.text {color:#f86c5f;}
.background {background-color:#f86c5f;}
.border {border:1px solid #f86c5f;}
Shades and Tints of #f86c5f
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, #090100 is the darkest color, while #fff6f5 is the lightest one.
-
#090100
#090100
rgb(9,1,0)
-
#1c0301
#1c0301
rgb(28,3,1)
-
#2f0602
#2f0602
rgb(47,6,2)
-
#420803
#420803
rgb(66,8,3)
-
#540b04
#540b04
rgb(84,11,4)
-
#670d05
#670d05
rgb(103,13,5)
-
#7a0f05
#7a0f05
rgb(122,15,5)
-
#8d1206
#8d1206
rgb(141,18,6)
-
#9f1407
#9f1407
rgb(159,20,7)
-
#b21608
#b21608
rgb(178,22,8)
-
#c51909
#c51909
rgb(197,25,9)
-
#d81b09
#d81b09
rgb(216,27,9)
-
#eb1d0a
#eb1d0a
rgb(235,29,10)
-
#f52714
#f52714
rgb(245,39,20)
-
#f63827
#f63827
rgb(246,56,39)
-
#f64939
#f64939
rgb(246,73,57)
-
#f75b4c
#f75b4c
rgb(247,91,76)
-
#f86c5f
#f86c5f
rgb(248,108,95)
-
#f97d72
#f97d72
rgb(249,125,114)
-
#fa8f85
#fa8f85
rgb(250,143,133)
-
#faa097
#faa097
rgb(250,160,151)
-
#fbb1aa
#fbb1aa
rgb(251,177,170)
-
#fcc2bd
#fcc2bd
rgb(252,194,189)
-
#fdd4d0
#fdd4d0
rgb(253,212,208)
-
#fee5e3
#fee5e3
rgb(254,229,227)
-
#fff6f5
#fff6f5
rgb(255,246,245)
Tones of #f86c5f
A tone is produced by adding gray to any pure hue. In this case, #b1a7a6 is the less saturated color, while #fe6759 is the most saturated one.
-
#b1a7a6
#b1a7a6
rgb(177,167,166)
-
#b8a19f
#b8a19f
rgb(184,161,159)
-
#be9c99
#be9c99
rgb(190,156,153)
-
#c59792
#c59792
rgb(197,151,146)
-
#cb918c
#cb918c
rgb(203,145,140)
-
#d18c86
#d18c86
rgb(209,140,134)
-
#d8877f
#d8877f
rgb(216,135,127)
-
#de8179
#de8179
rgb(222,129,121)
-
#e57c72
#e57c72
rgb(229,124,114)
-
#eb776c
#eb776c
rgb(235,119,108)
-
#f27165
#f27165
rgb(242,113,101)
-
#f86c5f
#f86c5f
rgb(248,108,95)
-
#fe6759
#fe6759
rgb(254,103,89)
Color Blindness Simulator
Below, you can see how #f86c5f 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.