#f7870c Color Information
In a RGB color space, hex #f7870c is composed of 96.9% red, 52.9% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.3% magenta, 95.1% yellow and 3.1% black. It has a hue angle of 31.4 degrees, a saturation of 93.6% and a lightness of 50.8%. #f7870c color hex could be obtained by blending #ffff18 with #ef0f00. Closest websafe color is: #ff9900.
-
- R 97
- G 53
- B 5
-
- C 0
- M 45
- Y 95
- K 3
● #f7870c color description : Vivid orange.
#f7870c Color Conversion
The hexadecimal color #f7870c has RGB values of R:247, G:135, B:12 and CMYK values of C:0, M:0.45, Y:0.95, K:0.03. Its decimal value is 16221964.
Hex triplet | f7870c | #f7870c |
---|---|---|
RGB Decimal | 247, 135, 12 | rgb(247,135,12) |
RGB Percent | 96.9, 52.9, 4.7 | rgb(96.9%,52.9%,4.7%) |
CMYK | 0, 45, 95, 3 | |
HSL | 31.4°, 93.6, 50.8 | hsl(31.4,93.6%,50.8%) |
HSV (or HSB) | 31.4°, 95.1, 96.9 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 67.377, 36.258, 71.964 |
---|---|
XYZ | 47.09, 37.133, 5.035 |
xyY | 0.528, 0.416, 37.133 |
CIE-LCH | 67.377, 80.582, 63.26 |
CIE-LUV | 67.377, 93.163, 62.535 |
Hunter-Lab | 60.937, 31.299, 37.756 |
Binary | 11110111, 10000111, 00001100 |
Color Schemes with #f7870c
Alternatives to #f7870c
Below, you can see some colors close to #f7870c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7870c Preview
This text has a font color of #f7870c.
<span style="color:#f7870c;">Text here</span>
This paragraph has a background color of #f7870c.
<p style="background-color:#f7870c;">Content here</p>
This element has a border color of #f7870c.
<div style="border:1px solid #f7870c;">Content here</div>
.text {color:#f7870c;}
.background {background-color:#f7870c;}
.border {border:1px solid #f7870c;}
Shades and Tints of #f7870c
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, #040200 is the darkest color, while #fff8f0 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#170c01
#170c01
rgb(23,12,1)
-
#2a1701
#2a1701
rgb(42,23,1)
-
#3d2102
#3d2102
rgb(61,33,2)
-
#502b03
#502b03
rgb(80,43,3)
-
#633503
#633503
rgb(99,53,3)
-
#764004
#764004
rgb(118,64,4)
-
#894a05
#894a05
rgb(137,74,5)
-
#9c5405
#9c5405
rgb(156,84,5)
-
#af5e06
#af5e06
rgb(175,94,6)
-
#c26806
#c26806
rgb(194,104,6)
-
#d57307
#d57307
rgb(213,115,7)
-
#e87d08
#e87d08
rgb(232,125,8)
-
#f7870c
#f7870c
rgb(247,135,12)
-
#f8901f
#f8901f
rgb(248,144,31)
-
#f89a32
#f89a32
rgb(248,154,50)
-
#f9a345
#f9a345
rgb(249,163,69)
-
#faad58
#faad58
rgb(250,173,88)
-
#fab66b
#fab66b
rgb(250,182,107)
-
#fbbf7e
#fbbf7e
rgb(251,191,126)
-
#fbc991
#fbc991
rgb(251,201,145)
-
#fcd2a4
#fcd2a4
rgb(252,210,164)
-
#fddbb7
#fddbb7
rgb(253,219,183)
-
#fde5ca
#fde5ca
rgb(253,229,202)
-
#feeedd
#feeedd
rgb(254,238,221)
-
#fff8f0
#fff8f0
rgb(255,248,240)
Tones of #f7870c
A tone is produced by adding gray to any pure hue. In this case, #838280 is the less saturated color, while #f7870c is the most saturated one.
-
#838280
#838280
rgb(131,130,128)
-
#8d8276
#8d8276
rgb(141,130,118)
-
#96826d
#96826d
rgb(150,130,109)
-
#a08363
#a08363
rgb(160,131,99)
-
#aa8359
#aa8359
rgb(170,131,89)
-
#b38450
#b38450
rgb(179,132,80)
-
#bd8446
#bd8446
rgb(189,132,70)
-
#c7853c
#c7853c
rgb(199,133,60)
-
#d08533
#d08533
rgb(208,133,51)
-
#da8629
#da8629
rgb(218,134,41)
-
#e4861f
#e4861f
rgb(228,134,31)
-
#ed8716
#ed8716
rgb(237,135,22)
-
#f7870c
#f7870c
rgb(247,135,12)
Color Blindness Simulator
Below, you can see how #f7870c 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.