#f57107 Color Information
In a RGB color space, hex #f57107 is composed of 96.1% red, 44.3% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.9% magenta, 97.1% yellow and 3.9% black. It has a hue angle of 26.7 degrees, a saturation of 94.4% and a lightness of 49.4%. #f57107 color hex could be obtained by blending #ffe20e with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 44
- B 3
-
- C 0
- M 54
- Y 97
- K 4
● #f57107 color description : Vivid orange.
#f57107 Color Conversion
The hexadecimal color #f57107 has RGB values of R:245, G:113, B:7 and CMYK values of C:0, M:0.54, Y:0.97, K:0.04. Its decimal value is 16085255.
Hex triplet | f57107 | #f57107 |
---|---|---|
RGB Decimal | 245, 113, 7 | rgb(245,113,7) |
RGB Percent | 96.1, 44.3, 2.7 | rgb(96.1%,44.3%,2.7%) |
CMYK | 0, 54, 97, 4 | |
HSL | 26.7°, 94.4, 49.4 | hsl(26.7,94.4%,49.4%) |
HSV (or HSB) | 26.7°, 97.1, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 62.712, 46.343, 69.584 |
---|---|
XYZ | 43.602, 31.242, 3.935 |
xyY | 0.553, 0.397, 31.242 |
CIE-LCH | 62.712, 83.604, 56.336 |
CIE-LUV | 62.712, 110.033, 55.621 |
Hunter-Lab | 55.895, 41.425, 34.952 |
Binary | 11110101, 01110001, 00000111 |
Color Schemes with #f57107
Alternatives to #f57107
Below, you can see some colors close to #f57107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57107 Preview
This text has a font color of #f57107.
<span style="color:#f57107;">Text here</span>
This paragraph has a background color of #f57107.
<p style="background-color:#f57107;">Content here</p>
This element has a border color of #f57107.
<div style="border:1px solid #f57107;">Content here</div>
.text {color:#f57107;}
.background {background-color:#f57107;}
.border {border:1px solid #f57107;}
Shades and Tints of #f57107
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, #100700 is the darkest color, while #fffdfc is the lightest one.
-
#100700
#100700
rgb(16,7,0)
-
#231001
#231001
rgb(35,16,1)
-
#361902
#361902
rgb(54,25,2)
-
#492202
#492202
rgb(73,34,2)
-
#5c2b03
#5c2b03
rgb(92,43,3)
-
#703303
#703303
rgb(112,51,3)
-
#833c04
#833c04
rgb(131,60,4)
-
#964504
#964504
rgb(150,69,4)
-
#a94e05
#a94e05
rgb(169,78,5)
-
#bc5705
#bc5705
rgb(188,87,5)
-
#cf5f06
#cf5f06
rgb(207,95,6)
-
#e26806
#e26806
rgb(226,104,6)
-
#f57107
#f57107
rgb(245,113,7)
-
#f87c17
#f87c17
rgb(248,124,23)
-
#f9862a
#f9862a
rgb(249,134,42)
-
#f9913d
#f9913d
rgb(249,145,61)
-
#fa9c50
#fa9c50
rgb(250,156,80)
-
#fba764
#fba764
rgb(251,167,100)
-
#fbb277
#fbb277
rgb(251,178,119)
-
#fcbc8a
#fcbc8a
rgb(252,188,138)
-
#fcc79d
#fcc79d
rgb(252,199,157)
-
#fdd2b0
#fdd2b0
rgb(253,210,176)
-
#fdddc3
#fdddc3
rgb(253,221,195)
-
#fee8d6
#fee8d6
rgb(254,232,214)
-
#fef3e9
#fef3e9
rgb(254,243,233)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f57107
A tone is produced by adding gray to any pure hue. In this case, #817e7b is the less saturated color, while #f57107 is the most saturated one.
-
#817e7b
#817e7b
rgb(129,126,123)
-
#8a7d72
#8a7d72
rgb(138,125,114)
-
#947c68
#947c68
rgb(148,124,104)
-
#9e7b5e
#9e7b5e
rgb(158,123,94)
-
#a77955
#a77955
rgb(167,121,85)
-
#b1784b
#b1784b
rgb(177,120,75)
-
#bb7741
#bb7741
rgb(187,119,65)
-
#c57637
#c57637
rgb(197,118,55)
-
#ce752e
#ce752e
rgb(206,117,46)
-
#d87424
#d87424
rgb(216,116,36)
-
#e2731a
#e2731a
rgb(226,115,26)
-
#eb7211
#eb7211
rgb(235,114,17)
-
#f57107
#f57107
rgb(245,113,7)
Color Blindness Simulator
Below, you can see how #f57107 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.