#f77014 Color Information
In a RGB color space, hex #f77014 is composed of 96.9% red, 43.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.7% magenta, 91.9% yellow and 3.1% black. It has a hue angle of 24.3 degrees, a saturation of 93.4% and a lightness of 52.4%. #f77014 color hex could be obtained by blending #ffe028 with #ef0000. Closest websafe color is: #ff6600.
-
- R 97
- G 44
- B 8
-
- C 0
- M 55
- Y 92
- K 3
● #f77014 color description : Vivid orange.
#f77014 Color Conversion
The hexadecimal color #f77014 has RGB values of R:247, G:112, B:20 and CMYK values of C:0, M:0.55, Y:0.92, K:0.03. Its decimal value is 16216084.
Hex triplet | f77014 | #f77014 |
---|---|---|
RGB Decimal | 247, 112, 20 | rgb(247,112,20) |
RGB Percent | 96.9, 43.9, 7.8 | rgb(96.9%,43.9%,7.8%) |
CMYK | 0, 55, 92, 3 | |
HSL | 24.3°, 93.4, 52.4 | hsl(24.3,93.4%,52.4%) |
HSV (or HSB) | 24.3°, 91.9, 96.9 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 62.859, 47.701, 67.361 |
---|---|
XYZ | 44.28, 31.418, 4.394 |
xyY | 0.553, 0.392, 31.418 |
CIE-LCH | 62.859, 82.54, 54.696 |
CIE-LUV | 62.859, 112.078, 54.304 |
Hunter-Lab | 56.051, 42.924, 34.588 |
Binary | 11110111, 01110000, 00010100 |
Color Schemes with #f77014
Alternatives to #f77014
Below, you can see some colors close to #f77014. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f77014 Preview
This text has a font color of #f77014.
<span style="color:#f77014;">Text here</span>
This paragraph has a background color of #f77014.
<p style="background-color:#f77014;">Content here</p>
This element has a border color of #f77014.
<div style="border:1px solid #f77014;">Content here</div>
.text {color:#f77014;}
.background {background-color:#f77014;}
.border {border:1px solid #f77014;}
Shades and Tints of #f77014
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, #0c0500 is the darkest color, while #fffbf8 is the lightest one.
-
#0c0500
#0c0500
rgb(12,5,0)
-
#1f0d01
#1f0d01
rgb(31,13,1)
-
#321502
#321502
rgb(50,21,2)
-
#451d02
#451d02
rgb(69,29,2)
-
#572503
#572503
rgb(87,37,3)
-
#6a2d04
#6a2d04
rgb(106,45,4)
-
#7d3504
#7d3504
rgb(125,53,4)
-
#903d05
#903d05
rgb(144,61,5)
-
#a34606
#a34606
rgb(163,70,6)
-
#b64e06
#b64e06
rgb(182,78,6)
-
#c95607
#c95607
rgb(201,86,7)
-
#dc5e07
#dc5e07
rgb(220,94,7)
-
#ef6608
#ef6608
rgb(239,102,8)
-
#f77014
#f77014
rgb(247,112,20)
-
#f87c27
#f87c27
rgb(248,124,39)
-
#f8873a
#f8873a
rgb(248,135,58)
-
#f9934d
#f9934d
rgb(249,147,77)
-
#fa9e60
#fa9e60
rgb(250,158,96)
-
#faaa73
#faaa73
rgb(250,170,115)
-
#fbb586
#fbb586
rgb(251,181,134)
-
#fcc199
#fcc199
rgb(252,193,153)
-
#fcccac
#fcccac
rgb(252,204,172)
-
#fdd8bf
#fdd8bf
rgb(253,216,191)
-
#fde3d2
#fde3d2
rgb(253,227,210)
-
#feefe5
#feefe5
rgb(254,239,229)
-
#fffbf8
#fffbf8
rgb(255,251,248)
Tones of #f77014
A tone is produced by adding gray to any pure hue. In this case, #878584 is the less saturated color, while #f77014 is the most saturated one.
-
#878584
#878584
rgb(135,133,132)
-
#90837b
#90837b
rgb(144,131,123)
-
#9a8271
#9a8271
rgb(154,130,113)
-
#a38068
#a38068
rgb(163,128,104)
-
#ac7e5f
#ac7e5f
rgb(172,126,95)
-
#b67c55
#b67c55
rgb(182,124,85)
-
#bf7b4c
#bf7b4c
rgb(191,123,76)
-
#c87943
#c87943
rgb(200,121,67)
-
#d27739
#d27739
rgb(210,119,57)
-
#db7530
#db7530
rgb(219,117,48)
-
#e47427
#e47427
rgb(228,116,39)
-
#ee721d
#ee721d
rgb(238,114,29)
-
#f77014
#f77014
rgb(247,112,20)
Color Blindness Simulator
Below, you can see how #f77014 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.