#f86420 Color Information
In a RGB color space, hex #f86420 is composed of 97.3% red, 39.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.7% magenta, 87.1% yellow and 2.7% black. It has a hue angle of 18.9 degrees, a saturation of 93.9% and a lightness of 54.9%. #f86420 color hex could be obtained by blending #ffc840 with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 39
- B 13
-
- C 0
- M 60
- Y 87
- K 3
● #f86420 color description : Vivid orange.
#f86420 Color Conversion
The hexadecimal color #f86420 has RGB values of R:248, G:100, B:32 and CMYK values of C:0, M:0.6, Y:0.87, K:0.03. Its decimal value is 16278560.
Hex triplet | f86420 | #f86420 |
---|---|---|
RGB Decimal | 248, 100, 32 | rgb(248,100,32) |
RGB Percent | 97.3, 39.2, 12.5 | rgb(97.3%,39.2%,12.5%) |
CMYK | 0, 60, 87, 3 | |
HSL | 18.9°, 93.9, 54.9 | hsl(18.9,93.9%,54.9%) |
HSV (or HSB) | 18.9°, 87.1, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 60.94, 53.773, 62.465 |
---|---|
XYZ | 43.531, 29.18, 4.706 |
xyY | 0.562, 0.377, 29.18 |
CIE-LCH | 60.94, 82.422, 49.276 |
CIE-LUV | 60.94, 121.749, 48.985 |
Hunter-Lab | 54.018, 49.314, 32.647 |
Binary | 11111000, 01100100, 00100000 |
Color Schemes with #f86420
Alternatives to #f86420
Below, you can see some colors close to #f86420. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86420 Preview
This text has a font color of #f86420.
<span style="color:#f86420;">Text here</span>
This paragraph has a background color of #f86420.
<p style="background-color:#f86420;">Content here</p>
This element has a border color of #f86420.
<div style="border:1px solid #f86420;">Content here</div>
.text {color:#f86420;}
.background {background-color:#f86420;}
.border {border:1px solid #f86420;}
Shades and Tints of #f86420
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, #050200 is the darkest color, while #fff5f1 is the lightest one.
-
#050200
#050200
rgb(5,2,0)
-
#180801
#180801
rgb(24,8,1)
-
#2b0f01
#2b0f01
rgb(43,15,1)
-
#3e1502
#3e1502
rgb(62,21,2)
-
#511b03
#511b03
rgb(81,27,3)
-
#642203
#642203
rgb(100,34,3)
-
#772804
#772804
rgb(119,40,4)
-
#8a2f04
#8a2f04
rgb(138,47,4)
-
#9d3505
#9d3505
rgb(157,53,5)
-
#b03b06
#b03b06
rgb(176,59,6)
-
#c34206
#c34206
rgb(195,66,6)
-
#d64807
#d64807
rgb(214,72,7)
-
#e94f07
#e94f07
rgb(233,79,7)
-
#f7570d
#f7570d
rgb(247,87,13)
-
#f86420
#f86420
rgb(248,100,32)
-
#f97133
#f97133
rgb(249,113,51)
-
#f97e46
#f97e46
rgb(249,126,70)
-
#fa8c59
#fa8c59
rgb(250,140,89)
-
#fa996c
#fa996c
rgb(250,153,108)
-
#fba67f
#fba67f
rgb(251,166,127)
-
#fcb392
#fcb392
rgb(252,179,146)
-
#fcc1a5
#fcc1a5
rgb(252,193,165)
-
#fdceb8
#fdceb8
rgb(253,206,184)
-
#fddbcb
#fddbcb
rgb(253,219,203)
-
#fee8de
#fee8de
rgb(254,232,222)
-
#fff5f1
#fff5f1
rgb(255,245,241)
Tones of #f86420
A tone is produced by adding gray to any pure hue. In this case, #8e8b8a is the less saturated color, while #f86420 is the most saturated one.
-
#8e8b8a
#8e8b8a
rgb(142,139,138)
-
#978881
#978881
rgb(151,136,129)
-
#a08578
#a08578
rgb(160,133,120)
-
#a88170
#a88170
rgb(168,129,112)
-
#b17e67
#b17e67
rgb(177,126,103)
-
#ba7b5e
#ba7b5e
rgb(186,123,94)
-
#c37855
#c37855
rgb(195,120,85)
-
#cc744c
#cc744c
rgb(204,116,76)
-
#d57143
#d57143
rgb(213,113,67)
-
#dd6e3b
#dd6e3b
rgb(221,110,59)
-
#e66b32
#e66b32
rgb(230,107,50)
-
#ef6729
#ef6729
rgb(239,103,41)
-
#f86420
#f86420
rgb(248,100,32)
Color Blindness Simulator
Below, you can see how #f86420 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.