#f64700 Color Information
In a RGB color space, hex #f64700 is composed of 96.5% red, 27.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.1% magenta, 100% yellow and 3.5% black. It has a hue angle of 17.3 degrees, a saturation of 100% and a lightness of 48.2%. #f64700 color hex could be obtained by blending #ff8e00 with #ed0000. Closest websafe color is: #ff3300.
-
- R 96
- G 28
- B 0
-
- C 0
- M 71
- Y 100
- K 4
● #f64700 color description : Pure (or mostly pure) orange.
#f64700 Color Conversion
The hexadecimal color #f64700 has RGB values of R:246, G:71, B:0 and CMYK values of C:0, M:0.71, Y:1, K:0.04. Its decimal value is 16140032.
Hex triplet | f64700 | #f64700 |
---|---|---|
RGB Decimal | 246, 71, 0 | rgb(246,71,0) |
RGB Percent | 96.5, 27.8, 0 | rgb(96.5%,27.8%,0%) |
CMYK | 0, 71, 100, 4 | |
HSL | 17.3°, 100, 48.2 | hsl(17.3,100%,48.2%) |
HSV (or HSB) | 17.3°, 100, 96.5 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 56.192, 64.336, 67.378 |
---|---|
XYZ | 40.261, 24.104, 2.533 |
xyY | 0.602, 0.36, 24.104 |
CIE-LCH | 56.192, 93.161, 46.323 |
CIE-LUV | 56.192, 142.818, 44.945 |
Hunter-Lab | 49.096, 60.461, 31.309 |
Binary | 11110110, 01000111, 00000000 |
Color Schemes with #f64700
Alternatives to #f64700
Below, you can see some colors close to #f64700. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64700 Preview
This text has a font color of #f64700.
<span style="color:#f64700;">Text here</span>
This paragraph has a background color of #f64700.
<p style="background-color:#f64700;">Content here</p>
This element has a border color of #f64700.
<div style="border:1px solid #f64700;">Content here</div>
.text {color:#f64700;}
.background {background-color:#f64700;}
.border {border:1px solid #f64700;}
Shades and Tints of #f64700
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, #0b0300 is the darkest color, while #fff9f6 is the lightest one.
-
#0b0300
#0b0300
rgb(11,3,0)
-
#1e0900
#1e0900
rgb(30,9,0)
-
#320e00
#320e00
rgb(50,14,0)
-
#451400
#451400
rgb(69,20,0)
-
#591a00
#591a00
rgb(89,26,0)
-
#6d1f00
#6d1f00
rgb(109,31,0)
-
#802500
#802500
rgb(128,37,0)
-
#942b00
#942b00
rgb(148,43,0)
-
#a83000
#a83000
rgb(168,48,0)
-
#bb3600
#bb3600
rgb(187,54,0)
-
#cf3c00
#cf3c00
rgb(207,60,0)
-
#e24100
#e24100
rgb(226,65,0)
-
#f64700
#f64700
rgb(246,71,0)
-
#ff510b
#ff510b
rgb(255,81,11)
-
#ff5f1e
#ff5f1e
rgb(255,95,30)
-
#ff6d32
#ff6d32
rgb(255,109,50)
-
#ff7b45
#ff7b45
rgb(255,123,69)
-
#ff8959
#ff8959
rgb(255,137,89)
-
#ff976d
#ff976d
rgb(255,151,109)
-
#ffa580
#ffa580
rgb(255,165,128)
-
#ffb394
#ffb394
rgb(255,179,148)
-
#ffc1a8
#ffc1a8
rgb(255,193,168)
-
#ffcfbb
#ffcfbb
rgb(255,207,187)
-
#ffddcf
#ffddcf
rgb(255,221,207)
-
#ffebe2
#ffebe2
rgb(255,235,226)
-
#fff9f6
#fff9f6
rgb(255,249,246)
Tones of #f64700
A tone is produced by adding gray to any pure hue. In this case, #847772 is the less saturated color, while #f64700 is the most saturated one.
-
#847772
#847772
rgb(132,119,114)
-
#8e7368
#8e7368
rgb(142,115,104)
-
#976f5f
#976f5f
rgb(151,111,95)
-
#a16b55
#a16b55
rgb(161,107,85)
-
#aa674c
#aa674c
rgb(170,103,76)
-
#b46342
#b46342
rgb(180,99,66)
-
#bd5f39
#bd5f39
rgb(189,95,57)
-
#c75b2f
#c75b2f
rgb(199,91,47)
-
#d05726
#d05726
rgb(208,87,38)
-
#da531c
#da531c
rgb(218,83,28)
-
#e34f13
#e34f13
rgb(227,79,19)
-
#ed4b09
#ed4b09
rgb(237,75,9)
-
#f64700
#f64700
rgb(246,71,0)
Color Blindness Simulator
Below, you can see how #f64700 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.