#f87c0c Color Information
In a RGB color space, hex #f87c0c is composed of 97.3% red, 48.6% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 95.2% yellow and 2.7% black. It has a hue angle of 28.5 degrees, a saturation of 94.4% and a lightness of 51%. #f87c0c color hex could be obtained by blending #fff818 with #f10000. Closest websafe color is: #ff6600.
-
- R 97
- G 49
- B 5
-
- C 0
- M 50
- Y 95
- K 3
● #f87c0c color description : Vivid orange.
#f87c0c Color Conversion
The hexadecimal color #f87c0c has RGB values of R:248, G:124, B:12 and CMYK values of C:0, M:0.5, Y:0.95, K:0.03. Its decimal value is 16284684.
Hex triplet | f87c0c | #f87c0c |
---|---|---|
RGB Decimal | 248, 124, 12 | rgb(248,124,12) |
RGB Percent | 97.3, 48.6, 4.7 | rgb(97.3%,48.6%,4.7%) |
CMYK | 0, 50, 95, 3 | |
HSL | 28.5°, 94.4, 51 | hsl(28.5,94.4%,51%) |
HSV (or HSB) | 28.5°, 95.2, 97.3 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 65.281, 42.178, 70.652 |
---|---|
XYZ | 45.987, 34.403, 4.567 |
xyY | 0.541, 0.405, 34.403 |
CIE-LCH | 65.281, 82.284, 59.164 |
CIE-LUV | 65.281, 103.253, 58.948 |
Hunter-Lab | 58.654, 37.308, 36.442 |
Binary | 11111000, 01111100, 00001100 |
Color Schemes with #f87c0c
Alternatives to #f87c0c
Below, you can see some colors close to #f87c0c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f87c0c Preview
This text has a font color of #f87c0c.
<span style="color:#f87c0c;">Text here</span>
This paragraph has a background color of #f87c0c.
<p style="background-color:#f87c0c;">Content here</p>
This element has a border color of #f87c0c.
<div style="border:1px solid #f87c0c;">Content here</div>
.text {color:#f87c0c;}
.background {background-color:#f87c0c;}
.border {border:1px solid #f87c0c;}
Shades and Tints of #f87c0c
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 #fff7f1 is the lightest one.
-
#050200
#050200
rgb(5,2,0)
-
#180c01
#180c01
rgb(24,12,1)
-
#2b1501
#2b1501
rgb(43,21,1)
-
#3e1e02
#3e1e02
rgb(62,30,2)
-
#512802
#512802
rgb(81,40,2)
-
#643103
#643103
rgb(100,49,3)
-
#773a03
#773a03
rgb(119,58,3)
-
#8a4404
#8a4404
rgb(138,68,4)
-
#9d4d05
#9d4d05
rgb(157,77,5)
-
#b05605
#b05605
rgb(176,86,5)
-
#c46006
#c46006
rgb(196,96,6)
-
#d76906
#d76906
rgb(215,105,6)
-
#ea7207
#ea7207
rgb(234,114,7)
-
#f87c0c
#f87c0c
rgb(248,124,12)
-
#f9861f
#f9861f
rgb(249,134,31)
-
#f99132
#f99132
rgb(249,145,50)
-
#fa9b45
#fa9b45
rgb(250,155,69)
-
#faa558
#faa558
rgb(250,165,88)
-
#fbaf6b
#fbaf6b
rgb(251,175,107)
-
#fbba7e
#fbba7e
rgb(251,186,126)
-
#fcc491
#fcc491
rgb(252,196,145)
-
#fccea5
#fccea5
rgb(252,206,165)
-
#fdd9b8
#fdd9b8
rgb(253,217,184)
-
#fde3cb
#fde3cb
rgb(253,227,203)
-
#feedde
#feedde
rgb(254,237,222)
-
#fff7f1
#fff7f1
rgb(255,247,241)
Tones of #f87c0c
A tone is produced by adding gray to any pure hue. In this case, #85827f is the less saturated color, while #f87c0c is the most saturated one.
-
#85827f
#85827f
rgb(133,130,127)
-
#8e8176
#8e8176
rgb(142,129,118)
-
#98816c
#98816c
rgb(152,129,108)
-
#a18063
#a18063
rgb(161,128,99)
-
#ab8059
#ab8059
rgb(171,128,89)
-
#b57f4f
#b57f4f
rgb(181,127,79)
-
#be7f46
#be7f46
rgb(190,127,70)
-
#c87e3c
#c87e3c
rgb(200,126,60)
-
#d27e32
#d27e32
rgb(210,126,50)
-
#db7d29
#db7d29
rgb(219,125,41)
-
#e57d1f
#e57d1f
rgb(229,125,31)
-
#ee7c16
#ee7c16
rgb(238,124,22)
-
#f87c0c
#f87c0c
rgb(248,124,12)
Color Blindness Simulator
Below, you can see how #f87c0c 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.