#f86d59 Color Information
In a RGB color space, hex #f86d59 is composed of 97.3% red, 42.7% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56% magenta, 64.1% yellow and 2.7% black. It has a hue angle of 7.5 degrees, a saturation of 91.9% and a lightness of 66.1%. #f86d59 color hex could be obtained by blending #ffdab2 with #f10000. Closest websafe color is: #ff6666.
-
- R 97
- G 43
- B 35
-
- C 0
- M 56
- Y 64
- K 3
● #f86d59 color description : Soft red.
#f86d59 Color Conversion
The hexadecimal color #f86d59 has RGB values of R:248, G:109, B:89 and CMYK values of C:0, M:0.56, Y:0.64, K:0.03. Its decimal value is 16280921.
Hex triplet | f86d59 | #f86d59 |
---|---|---|
RGB Decimal | 248, 109, 89 | rgb(248,109,89) |
RGB Percent | 97.3, 42.7, 34.9 | rgb(97.3%,42.7%,34.9%) |
CMYK | 0, 56, 64, 3 | |
HSL | 7.5°, 91.9, 66.1 | hsl(7.5,91.9%,66.1%) |
HSV (or HSB) | 7.5°, 64.1, 97.3 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 63.027, 51.886, 37.439 |
---|---|
XYZ | 45.985, 31.619, 13.132 |
xyY | 0.507, 0.348, 31.619 |
CIE-LCH | 63.027, 63.983, 35.813 |
CIE-LUV | 63.027, 107.183, 32.881 |
Hunter-Lab | 56.231, 47.569, 25.515 |
Binary | 11111000, 01101101, 01011001 |
Color Schemes with #f86d59
Alternatives to #f86d59
Below, you can see some colors close to #f86d59. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86d59 Preview
This text has a font color of #f86d59.
<span style="color:#f86d59;">Text here</span>
This paragraph has a background color of #f86d59.
<p style="background-color:#f86d59;">Content here</p>
This element has a border color of #f86d59.
<div style="border:1px solid #f86d59;">Content here</div>
.text {color:#f86d59;}
.background {background-color:#f86d59;}
.border {border:1px solid #f86d59;}
Shades and Tints of #f86d59
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, #030100 is the darkest color, while #fef1f0 is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#160401
#160401
rgb(22,4,1)
-
#290702
#290702
rgb(41,7,2)
-
#3c0a03
#3c0a03
rgb(60,10,3)
-
#4f0d03
#4f0d03
rgb(79,13,3)
-
#621004
#621004
rgb(98,16,4)
-
#741305
#741305
rgb(116,19,5)
-
#871606
#871606
rgb(135,22,6)
-
#9a1906
#9a1906
rgb(154,25,6)
-
#ad1c07
#ad1c07
rgb(173,28,7)
-
#c01f08
#c01f08
rgb(192,31,8)
-
#d22209
#d22209
rgb(210,34,9)
-
#e5250a
#e5250a
rgb(229,37,10)
-
#f52b0e
#f52b0e
rgb(245,43,14)
-
#f63b21
#f63b21
rgb(246,59,33)
-
#f64c33
#f64c33
rgb(246,76,51)
-
#f75c46
#f75c46
rgb(247,92,70)
-
#f86d59
#f86d59
rgb(248,109,89)
-
#f97e6c
#f97e6c
rgb(249,126,108)
-
#fa8e7f
#fa8e7f
rgb(250,142,127)
-
#fa9f91
#fa9f91
rgb(250,159,145)
-
#fbafa4
#fbafa4
rgb(251,175,164)
-
#fcc0b7
#fcc0b7
rgb(252,192,183)
-
#fdd0ca
#fdd0ca
rgb(253,208,202)
-
#fee1dd
#fee1dd
rgb(254,225,221)
-
#fef1f0
#fef1f0
rgb(254,241,240)
Tones of #f86d59
A tone is produced by adding gray to any pure hue. In this case, #afa4a2 is the less saturated color, while #ff6852 is the most saturated one.
-
#afa4a2
#afa4a2
rgb(175,164,162)
-
#b59f9c
#b59f9c
rgb(181,159,156)
-
#bc9a95
#bc9a95
rgb(188,154,149)
-
#c3958e
#c3958e
rgb(195,149,142)
-
#c99088
#c99088
rgb(201,144,136)
-
#d08b81
#d08b81
rgb(208,139,129)
-
#d7867a
#d7867a
rgb(215,134,122)
-
#dd8174
#dd8174
rgb(221,129,116)
-
#e47c6d
#e47c6d
rgb(228,124,109)
-
#eb7766
#eb7766
rgb(235,119,102)
-
#f17260
#f17260
rgb(241,114,96)
-
#f86d59
#f86d59
rgb(248,109,89)
-
#ff6852
#ff6852
rgb(255,104,82)
Color Blindness Simulator
Below, you can see how #f86d59 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.