#f04600 hex color
In a RGB color space, hex #f04600 is composed of 94.1% red, 27.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.8% magenta, 100% yellow and 5.9% black. It has a hue angle of 17.5 degrees, a saturation of 100% and a lightness of 47.1%. #f04600 color hex could be obtained by blending #ff8c00 with #e10000. Closest websafe color is: #ff3300.
-
- R 94
- G 27
- B 0
RGB color chart
-
- C 0
- M 71
- Y 100
- K 6
CMYK color chart
● #f04600 color description : Pure (or mostly pure) orange.
The hexadecimal color #f04600 has RGB values of R:240, G:70, B:0 and CMYK values of C:0, M:0.71, Y:1, K:0.06. Its decimal value is 15746560.
Hex triplet | f04600 | #f04600 |
---|---|---|
RGB Decimal | 240, 70, 0 | rgb(240,70,0) |
RGB Percent | 94.1, 27.5, 0 | rgb(94.1%,27.5%,0%) |
CMYK | 0, 71, 100, 6 | |
HSL | 17.5°, 100, 47.1 | hsl(17.5,100%,47.1%) |
HSV (or HSB) | 17.5°, 100, 94.1 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 54.98, 62.806, 66.189 |
---|---|
XYZ | 38.127, 22.91, 2.415 |
xyY | 0.601, 0.361, 22.91 |
CIE-LCH | 54.98, 91.245, 46.502 |
CIE-LUV | 54.98, 138.795, 44.09 |
Hunter-Lab | 47.865, 58.424, 30.514 |
Binary | 11110000, 01000110, 00000000 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #f04600. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #f04600
This text has a font color of #f04600.
<span style="color:#f04600;">Text here</span>
#f04600 background color
This paragraph has a background color of #f04600.
<p style="background-color:#f04600;">Content here</p>
#f04600 border color
This element has a border color of #f04600.
<div style="border:1px solid #f04600;">Content here</div>
CSS codes
.text {color:#f04600;}
.background {background-color:#f04600;}
.border {border:1px solid #f04600;}
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, #050100 is the darkest color, while #fff4f0 is the lightest one.
-
#050100
#050100
rgb(5,1,0)
-
#180700
#180700
rgb(24,7,0)
-
#2c0d00
#2c0d00
rgb(44,13,0)
-
#3f1300
#3f1300
rgb(63,19,0)
-
#531800
#531800
rgb(83,24,0)
-
#671e00
#671e00
rgb(103,30,0)
-
#7a2400
#7a2400
rgb(122,36,0)
-
#8e2900
#8e2900
rgb(142,41,0)
-
#a22f00
#a22f00
rgb(162,47,0)
-
#b53500
#b53500
rgb(181,53,0)
-
#c93b00
#c93b00
rgb(201,59,0)
-
#dc4000
#dc4000
rgb(220,64,0)
-
#f04600
#f04600
rgb(240,70,0)
Shade Color Variation
-
#ff4e05
#ff4e05
rgb(255,78,5)
-
#ff5c18
#ff5c18
rgb(255,92,24)
-
#ff692c
#ff692c
rgb(255,105,44)
-
#ff773f
#ff773f
rgb(255,119,63)
-
#ff8553
#ff8553
rgb(255,133,83)
-
#ff9367
#ff9367
rgb(255,147,103)
-
#ffa17a
#ffa17a
rgb(255,161,122)
-
#ffaf8e
#ffaf8e
rgb(255,175,142)
-
#ffbda2
#ffbda2
rgb(255,189,162)
-
#ffcbb5
#ffcbb5
rgb(255,203,181)
-
#ffd9c9
#ffd9c9
rgb(255,217,201)
-
#ffe6dc
#ffe6dc
rgb(255,230,220)
-
#fff4f0
#fff4f0
rgb(255,244,240)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #81746f is the less saturated color, while #f04600 is the most saturated one.
-
#81746f
#81746f
rgb(129,116,111)
-
#8a7066
#8a7066
rgb(138,112,102)
-
#946c5c
#946c5c
rgb(148,108,92)
-
#9d6953
#9d6953
rgb(157,105,83)
-
#a6654a
#a6654a
rgb(166,101,74)
-
#af6141
#af6141
rgb(175,97,65)
-
#b95d37
#b95d37
rgb(185,93,55)
-
#c2592e
#c2592e
rgb(194,89,46)
-
#cb5525
#cb5525
rgb(203,85,37)
-
#d4521c
#d4521c
rgb(212,82,28)
-
#de4e12
#de4e12
rgb(222,78,18)
-
#e74a09
#e74a09
rgb(231,74,9)
-
#f04600
#f04600
rgb(240,70,0)
Tone Color Variation
Below, you can see how #f04600 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.
Monochromacy
Dichromacy