#f86b1e Color Information
In a RGB color space, hex #f86b1e is composed of 97.3% red, 42% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.9% magenta, 87.9% yellow and 2.7% black. It has a hue angle of 21.2 degrees, a saturation of 94% and a lightness of 54.5%. #f86b1e color hex could be obtained by blending #ffd63c with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 42
- B 12
-
- C 0
- M 57
- Y 88
- K 3
● #f86b1e color description : Vivid orange.
#f86b1e Color Conversion
The hexadecimal color #f86b1e has RGB values of R:248, G:107, B:30 and CMYK values of C:0, M:0.57, Y:0.88, K:0.03. Its decimal value is 16280350.
Hex triplet | f86b1e | #f86b1e |
---|---|---|
RGB Decimal | 248, 107, 30 | rgb(248,107,30) |
RGB Percent | 97.3, 42, 11.8 | rgb(97.3%,42%,11.8%) |
CMYK | 0, 57, 88, 3 | |
HSL | 21.2°, 94, 54.5 | hsl(21.2,94%,54.5%) |
HSV (or HSB) | 21.2°, 87.9, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.143, 50.567, 64.072 |
---|---|
XYZ | 44.205, 30.57, 4.801 |
xyY | 0.556, 0.384, 30.57 |
CIE-LCH | 62.143, 81.622, 51.719 |
CIE-LUV | 62.143, 116.386, 51.434 |
Hunter-Lab | 55.29, 45.955, 33.555 |
Binary | 11111000, 01101011, 00011110 |
Color Schemes with #f86b1e
Alternatives to #f86b1e
Below, you can see some colors close to #f86b1e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86b1e Preview
This text has a font color of #f86b1e.
<span style="color:#f86b1e;">Text here</span>
This paragraph has a background color of #f86b1e.
<p style="background-color:#f86b1e;">Content here</p>
This element has a border color of #f86b1e.
<div style="border:1px solid #f86b1e;">Content here</div>
.text {color:#f86b1e;}
.background {background-color:#f86b1e;}
.border {border:1px solid #f86b1e;}
Shades and Tints of #f86b1e
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 #fff5ef is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#160801
#160801
rgb(22,8,1)
-
#290f01
#290f01
rgb(41,15,1)
-
#3c1702
#3c1702
rgb(60,23,2)
-
#4f1e02
#4f1e02
rgb(79,30,2)
-
#622503
#622503
rgb(98,37,3)
-
#752c04
#752c04
rgb(117,44,4)
-
#883304
#883304
rgb(136,51,4)
-
#9b3a05
#9b3a05
rgb(155,58,5)
-
#ae4105
#ae4105
rgb(174,65,5)
-
#c24806
#c24806
rgb(194,72,6)
-
#d54f07
#d54f07
rgb(213,79,7)
-
#e85607
#e85607
rgb(232,86,7)
-
#f75e0b
#f75e0b
rgb(247,94,11)
-
#f86b1e
#f86b1e
rgb(248,107,30)
-
#f97831
#f97831
rgb(249,120,49)
-
#f98444
#f98444
rgb(249,132,68)
-
#fa9157
#fa9157
rgb(250,145,87)
-
#fa9d6a
#fa9d6a
rgb(250,157,106)
-
#fbaa7d
#fbaa7d
rgb(251,170,125)
-
#fcb690
#fcb690
rgb(252,182,144)
-
#fcc3a3
#fcc3a3
rgb(252,195,163)
-
#fdcfb6
#fdcfb6
rgb(253,207,182)
-
#fddcc9
#fddcc9
rgb(253,220,201)
-
#fee8dc
#fee8dc
rgb(254,232,220)
-
#fff5ef
#fff5ef
rgb(255,245,239)
Tones of #f86b1e
A tone is produced by adding gray to any pure hue. In this case, #8d8a89 is the less saturated color, while #f86b1e is the most saturated one.
-
#8d8a89
#8d8a89
rgb(141,138,137)
-
#968880
#968880
rgb(150,136,128)
-
#9f8577
#9f8577
rgb(159,133,119)
-
#a8836e
#a8836e
rgb(168,131,110)
-
#b18065
#b18065
rgb(177,128,101)
-
#ba7d5c
#ba7d5c
rgb(186,125,92)
-
#c27b54
#c27b54
rgb(194,123,84)
-
#cb784b
#cb784b
rgb(203,120,75)
-
#d47542
#d47542
rgb(212,117,66)
-
#dd7339
#dd7339
rgb(221,115,57)
-
#e67030
#e67030
rgb(230,112,48)
-
#ef6e27
#ef6e27
rgb(239,110,39)
-
#f86b1e
#f86b1e
rgb(248,107,30)
Color Blindness Simulator
Below, you can see how #f86b1e 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.