#f86a2c Color Information
In a RGB color space, hex #f86a2c is composed of 97.3% red, 41.6% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.3% magenta, 82.3% yellow and 2.7% black. It has a hue angle of 18.2 degrees, a saturation of 93.6% and a lightness of 57.3%. #f86a2c color hex could be obtained by blending #ffd458 with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 42
- B 17
-
- C 0
- M 57
- Y 82
- K 3
● #f86a2c color description : Bright orange.
#f86a2c Color Conversion
The hexadecimal color #f86a2c has RGB values of R:248, G:106, B:44 and CMYK values of C:0, M:0.57, Y:0.82, K:0.03. Its decimal value is 16280108.
Hex triplet | f86a2c | #f86a2c |
---|---|---|
RGB Decimal | 248, 106, 44 | rgb(248,106,44) |
RGB Percent | 97.3, 41.6, 17.3 | rgb(97.3%,41.6%,17.3%) |
CMYK | 0, 57, 82, 3 | |
HSL | 18.2°, 93.6, 57.3 | hsl(18.2,93.6%,57.3%) |
HSV (or HSB) | 18.2°, 82.3, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.041, 51.345, 58.759 |
---|---|
XYZ | 44.322, 30.451, 5.926 |
xyY | 0.549, 0.377, 30.451 |
CIE-LCH | 62.041, 78.032, 48.852 |
CIE-LUV | 62.041, 116.015, 48.273 |
Hunter-Lab | 55.182, 46.8, 32.26 |
Binary | 11111000, 01101010, 00101100 |
Color Schemes with #f86a2c
Alternatives to #f86a2c
Below, you can see some colors close to #f86a2c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f86a2c Preview
This text has a font color of #f86a2c.
<span style="color:#f86a2c;">Text here</span>
This paragraph has a background color of #f86a2c.
<p style="background-color:#f86a2c;">Content here</p>
This element has a border color of #f86a2c.
<div style="border:1px solid #f86a2c;">Content here</div>
.text {color:#f86a2c;}
.background {background-color:#f86a2c;}
.border {border:1px solid #f86a2c;}
Shades and Tints of #f86a2c
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, #110601 is the darkest color, while #fffdfd is the lightest one.
-
#110601
#110601
rgb(17,6,1)
-
#240c01
#240c01
rgb(36,12,1)
-
#371202
#371202
rgb(55,18,2)
-
#4a1802
#4a1802
rgb(74,24,2)
-
#5d1e03
#5d1e03
rgb(93,30,3)
-
#702504
#702504
rgb(112,37,4)
-
#832b04
#832b04
rgb(131,43,4)
-
#963105
#963105
rgb(150,49,5)
-
#a93706
#a93706
rgb(169,55,6)
-
#bc3d06
#bc3d06
rgb(188,61,6)
-
#cf4407
#cf4407
rgb(207,68,7)
-
#e24a07
#e24a07
rgb(226,74,7)
-
#f55008
#f55008
rgb(245,80,8)
-
#f75d19
#f75d19
rgb(247,93,25)
-
#f86a2c
#f86a2c
rgb(248,106,44)
-
#f9773f
#f9773f
rgb(249,119,63)
-
#f98552
#f98552
rgb(249,133,82)
-
#fa9265
#fa9265
rgb(250,146,101)
-
#fba078
#fba078
rgb(251,160,120)
-
#fbad8b
#fbad8b
rgb(251,173,139)
-
#fcba9e
#fcba9e
rgb(252,186,158)
-
#fcc8b1
#fcc8b1
rgb(252,200,177)
-
#fdd5c4
#fdd5c4
rgb(253,213,196)
-
#fee3d7
#fee3d7
rgb(254,227,215)
-
#fef0ea
#fef0ea
rgb(254,240,234)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f86a2c
A tone is produced by adding gray to any pure hue. In this case, #939191 is the less saturated color, while #f86a2c is the most saturated one.
-
#939191
#939191
rgb(147,145,145)
-
#9c8e88
#9c8e88
rgb(156,142,136)
-
#a48b80
#a48b80
rgb(164,139,128)
-
#ad8877
#ad8877
rgb(173,136,119)
-
#b5846f
#b5846f
rgb(181,132,111)
-
#bd8167
#bd8167
rgb(189,129,103)
-
#c67e5e
#c67e5e
rgb(198,126,94)
-
#ce7a56
#ce7a56
rgb(206,122,86)
-
#d6774e
#d6774e
rgb(214,119,78)
-
#df7445
#df7445
rgb(223,116,69)
-
#e7713d
#e7713d
rgb(231,113,61)
-
#f06d34
#f06d34
rgb(240,109,52)
-
#f86a2c
#f86a2c
rgb(248,106,44)
Color Blindness Simulator
Below, you can see how #f86a2c 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.