#f86a5d Color Information
In a RGB color space, hex #f86a5d is composed of 97.3% red, 41.6% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.3% magenta, 62.5% yellow and 2.7% black. It has a hue angle of 5 degrees, a saturation of 91.7% and a lightness of 66.9%. #f86a5d color hex could be obtained by blending #ffd4ba with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 42
- B 36
-
- C 0
- M 57
- Y 63
- K 3
● #f86a5d color description : Soft red.
#f86a5d Color Conversion
The hexadecimal color #f86a5d has RGB values of R:248, G:106, B:93 and CMYK values of C:0, M:0.57, Y:0.63, K:0.03. Its decimal value is 16280157.
Hex triplet | f86a5d | #f86a5d |
---|---|---|
RGB Decimal | 248, 106, 93 | rgb(248,106,93) |
RGB Percent | 97.3, 41.6, 36.5 | rgb(97.3%,41.6%,36.5%) |
CMYK | 0, 57, 63, 3 | |
HSL | 5°, 91.7, 66.9 | hsl(5,91.7%,66.9%) |
HSV (or HSB) | 5°, 62.5, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.558, 53.505, 34.652 |
---|---|
XYZ | 45.843, 31.059, 13.936 |
xyY | 0.505, 0.342, 31.059 |
CIE-LCH | 62.558, 63.746, 32.929 |
CIE-LUV | 62.558, 108.511, 29.81 |
Hunter-Lab | 55.731, 49.3, 24.185 |
Binary | 11111000, 01101010, 01011101 |
Color Schemes with #f86a5d
Alternatives to #f86a5d
Below, you can see some colors close to #f86a5d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86a5d Preview
This text has a font color of #f86a5d.
<span style="color:#f86a5d;">Text here</span>
This paragraph has a background color of #f86a5d.
<p style="background-color:#f86a5d;">Content here</p>
This element has a border color of #f86a5d.
<div style="border:1px solid #f86a5d;">Content here</div>
.text {color:#f86a5d;}
.background {background-color:#f86a5d;}
.border {border:1px solid #f86a5d;}
Shades and Tints of #f86a5d
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, #070100 is the darkest color, while #fef4f3 is the lightest one.
-
#070100
#070100
rgb(7,1,0)
-
#1a0301
#1a0301
rgb(26,3,1)
-
#2d0602
#2d0602
rgb(45,6,2)
-
#400803
#400803
rgb(64,8,3)
-
#520a04
#520a04
rgb(82,10,4)
-
#650c04
#650c04
rgb(101,12,4)
-
#780f05
#780f05
rgb(120,15,5)
-
#8b1106
#8b1106
rgb(139,17,6)
-
#9e1307
#9e1307
rgb(158,19,7)
-
#b01608
#b01608
rgb(176,22,8)
-
#c31808
#c31808
rgb(195,24,8)
-
#d61a09
#d61a09
rgb(214,26,9)
-
#e91d0a
#e91d0a
rgb(233,29,10)
-
#f52512
#f52512
rgb(245,37,18)
-
#f63625
#f63625
rgb(246,54,37)
-
#f64737
#f64737
rgb(246,71,55)
-
#f7594a
#f7594a
rgb(247,89,74)
-
#f86a5d
#f86a5d
rgb(248,106,93)
-
#f97b70
#f97b70
rgb(249,123,112)
-
#fa8d83
#fa8d83
rgb(250,141,131)
-
#fa9e95
#fa9e95
rgb(250,158,149)
-
#fbafa8
#fbafa8
rgb(251,175,168)
-
#fcc0bb
#fcc0bb
rgb(252,192,187)
-
#fdd2ce
#fdd2ce
rgb(253,210,206)
-
#fee3e1
#fee3e1
rgb(254,227,225)
-
#fef4f3
#fef4f3
rgb(254,244,243)
Tones of #f86a5d
A tone is produced by adding gray to any pure hue. In this case, #b1a6a5 is the less saturated color, while #ff6556 is the most saturated one.
-
#b1a6a5
#b1a6a5
rgb(177,166,165)
-
#b7a09e
#b7a09e
rgb(183,160,158)
-
#be9b98
#be9b98
rgb(190,155,152)
-
#c49591
#c49591
rgb(196,149,145)
-
#cb908b
#cb908b
rgb(203,144,139)
-
#d18a84
#d18a84
rgb(209,138,132)
-
#d8857e
#d8857e
rgb(216,133,126)
-
#de8077
#de8077
rgb(222,128,119)
-
#e57a71
#e57a71
rgb(229,122,113)
-
#eb756a
#eb756a
rgb(235,117,106)
-
#f26f64
#f26f64
rgb(242,111,100)
-
#f86a5d
#f86a5d
rgb(248,106,93)
-
#ff6556
#ff6556
rgb(255,101,86)
Color Blindness Simulator
Below, you can see how #f86a5d 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.