#f86f64 Color Information
In a RGB color space, hex #f86f64 is composed of 97.3% red, 43.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.2% magenta, 59.7% yellow and 2.7% black. It has a hue angle of 4.5 degrees, a saturation of 91.4% and a lightness of 68.2%. #f86f64 color hex could be obtained by blending #ffdec8 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 44
- B 39
-
- C 0
- M 55
- Y 60
- K 3
● #f86f64 color description : Soft red.
#f86f64 Color Conversion
The hexadecimal color #f86f64 has RGB values of R:248, G:111, B:100 and CMYK values of C:0, M:0.55, Y:0.6, K:0.03. Its decimal value is 16281444.
Hex triplet | f86f64 | #f86f64 |
---|---|---|
RGB Decimal | 248, 111, 100 | rgb(248,111,100) |
RGB Percent | 97.3, 43.5, 39.2 | rgb(97.3%,43.5%,39.2%) |
CMYK | 0, 55, 60, 3 | |
HSL | 4.5°, 91.4, 68.2 | hsl(4.5,91.4%,68.2%) |
HSV (or HSB) | 4.5°, 59.7, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 63.549, 51.655, 32.007 |
---|---|
XYZ | 46.698, 32.25, 15.822 |
xyY | 0.493, 0.34, 32.25 |
CIE-LCH | 63.549, 60.767, 31.784 |
CIE-LUV | 63.549, 103.578, 28.008 |
Hunter-Lab | 56.789, 47.4, 23.234 |
Binary | 11111000, 01101111, 01100100 |
Color Schemes with #f86f64
Alternatives to #f86f64
Below, you can see some colors close to #f86f64. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86f64 Preview
This text has a font color of #f86f64.
<span style="color:#f86f64;">Text here</span>
This paragraph has a background color of #f86f64.
<p style="background-color:#f86f64;">Content here</p>
This element has a border color of #f86f64.
<div style="border:1px solid #f86f64;">Content here</div>
.text {color:#f86f64;}
.background {background-color:#f86f64;}
.border {border:1px solid #f86f64;}
Shades and Tints of #f86f64
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, #0e0201 is the darkest color, while #fffafa is the lightest one.
-
#0e0201
#0e0201
rgb(14,2,1)
-
#210401
#210401
rgb(33,4,1)
-
#330602
#330602
rgb(51,6,2)
-
#460803
#460803
rgb(70,8,3)
-
#590a04
#590a04
rgb(89,10,4)
-
#6c0d05
#6c0d05
rgb(108,13,5)
-
#7f0f06
#7f0f06
rgb(127,15,6)
-
#911107
#911107
rgb(145,17,7)
-
#a41307
#a41307
rgb(164,19,7)
-
#b71508
#b71508
rgb(183,21,8)
-
#ca1709
#ca1709
rgb(202,23,9)
-
#dc1a0a
#dc1a0a
rgb(220,26,10)
-
#ef1c0b
#ef1c0b
rgb(239,28,11)
-
#f52919
#f52919
rgb(245,41,25)
-
#f53b2c
#f53b2c
rgb(245,59,44)
-
#f64c3e
#f64c3e
rgb(246,76,62)
-
#f75e51
#f75e51
rgb(247,94,81)
-
#f86f64
#f86f64
rgb(248,111,100)
-
#f98077
#f98077
rgb(249,128,119)
-
#fa928a
#fa928a
rgb(250,146,138)
-
#fba39c
#fba39c
rgb(251,163,156)
-
#fbb5af
#fbb5af
rgb(251,181,175)
-
#fcc6c2
#fcc6c2
rgb(252,198,194)
-
#fdd8d5
#fdd8d5
rgb(253,216,213)
-
#fee9e7
#fee9e7
rgb(254,233,231)
-
#fffafa
#fffafa
rgb(255,250,250)
Tones of #f86f64
A tone is produced by adding gray to any pure hue. In this case, #b3a9a9 is the less saturated color, while #fe6a5e is the most saturated one.
-
#b3a9a9
#b3a9a9
rgb(179,169,169)
-
#baa4a2
#baa4a2
rgb(186,164,162)
-
#c09f9c
#c09f9c
rgb(192,159,156)
-
#c69996
#c69996
rgb(198,153,150)
-
#cc9490
#cc9490
rgb(204,148,144)
-
#d38f89
#d38f89
rgb(211,143,137)
-
#d98a83
#d98a83
rgb(217,138,131)
-
#df847d
#df847d
rgb(223,132,125)
-
#e57f77
#e57f77
rgb(229,127,119)
-
#ec7a70
#ec7a70
rgb(236,122,112)
-
#f2746a
#f2746a
rgb(242,116,106)
-
#f86f64
#f86f64
rgb(248,111,100)
-
#fe6a5e
#fe6a5e
rgb(254,106,94)
Color Blindness Simulator
Below, you can see how #f86f64 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.