#f57f34 Color Information
In a RGB color space, hex #f57f34 is composed of 96.1% red, 49.8% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.2% magenta, 78.8% yellow and 3.9% black. It has a hue angle of 23.3 degrees, a saturation of 90.6% and a lightness of 58.2%. #f57f34 color hex could be obtained by blending #fffe68 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 50
- B 20
-
- C 0
- M 48
- Y 79
- K 4
● #f57f34 color description : Bright orange.
#f57f34 Color Conversion
The hexadecimal color #f57f34 has RGB values of R:245, G:127, B:52 and CMYK values of C:0, M:0.48, Y:0.79, K:0.04. Its decimal value is 16088884.
Hex triplet | f57f34 | #f57f34 |
---|---|---|
RGB Decimal | 245, 127, 52 | rgb(245,127,52) |
RGB Percent | 96.1, 49.8, 20.4 | rgb(96.1%,49.8%,20.4%) |
CMYK | 0, 48, 79, 4 | |
HSL | 23.3°, 90.6, 58.2 | hsl(23.3,90.6%,58.2%) |
HSV (or HSB) | 23.3°, 78.8, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 65.627, 40.346, 58.538 |
---|---|
XYZ | 45.867, 34.843, 7.559 |
xyY | 0.52, 0.395, 34.843 |
CIE-LCH | 65.627, 71.095, 55.424 |
CIE-LUV | 65.627, 95.975, 52.98 |
Hunter-Lab | 59.028, 35.401, 33.728 |
Binary | 11110101, 01111111, 00110100 |
Color Schemes with #f57f34
Alternatives to #f57f34
Below, you can see some colors close to #f57f34. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57f34 Preview
This text has a font color of #f57f34.
<span style="color:#f57f34;">Text here</span>
This paragraph has a background color of #f57f34.
<p style="background-color:#f57f34;">Content here</p>
This element has a border color of #f57f34.
<div style="border:1px solid #f57f34;">Content here</div>
.text {color:#f57f34;}
.background {background-color:#f57f34;}
.border {border:1px solid #f57f34;}
Shades and Tints of #f57f34
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, #030100 is the darkest color, while #fef5ef is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#150901
#150901
rgb(21,9,1)
-
#281102
#281102
rgb(40,17,2)
-
#3b1903
#3b1903
rgb(59,25,3)
-
#4d2004
#4d2004
rgb(77,32,4)
-
#602805
#602805
rgb(96,40,5)
-
#733006
#733006
rgb(115,48,6)
-
#863807
#863807
rgb(134,56,7)
-
#984007
#984007
rgb(152,64,7)
-
#ab4808
#ab4808
rgb(171,72,8)
-
#be4f09
#be4f09
rgb(190,79,9)
-
#d0570a
#d0570a
rgb(208,87,10)
-
#e35f0b
#e35f0b
rgb(227,95,11)
-
#f3670f
#f3670f
rgb(243,103,15)
-
#f47321
#f47321
rgb(244,115,33)
-
#f57f34
#f57f34
rgb(245,127,52)
-
#f68b47
#f68b47
rgb(246,139,71)
-
#f79759
#f79759
rgb(247,151,89)
-
#f8a26c
#f8a26c
rgb(248,162,108)
-
#f9ae7f
#f9ae7f
rgb(249,174,127)
-
#faba91
#faba91
rgb(250,186,145)
-
#fbc6a4
#fbc6a4
rgb(251,198,164)
-
#fbd2b7
#fbd2b7
rgb(251,210,183)
-
#fcddca
#fcddca
rgb(252,221,202)
-
#fde9dc
#fde9dc
rgb(253,233,220)
-
#fef5ef
#fef5ef
rgb(254,245,239)
Tones of #f57f34
A tone is produced by adding gray to any pure hue. In this case, #9b938e is the less saturated color, while #fd7d2c is the most saturated one.
-
#9b938e
#9b938e
rgb(155,147,142)
-
#a39186
#a39186
rgb(163,145,134)
-
#ab8f7e
#ab8f7e
rgb(171,143,126)
-
#b38e76
#b38e76
rgb(179,142,118)
-
#bc8c6d
#bc8c6d
rgb(188,140,109)
-
#c48a65
#c48a65
rgb(196,138,101)
-
#cc885d
#cc885d
rgb(204,136,93)
-
#d48655
#d48655
rgb(212,134,85)
-
#dc844d
#dc844d
rgb(220,132,77)
-
#e58344
#e58344
rgb(229,131,68)
-
#ed813c
#ed813c
rgb(237,129,60)
-
#f57f34
#f57f34
rgb(245,127,52)
-
#fd7d2c
#fd7d2c
rgb(253,125,44)
Color Blindness Simulator
Below, you can see how #f57f34 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.