#f57a00 Color Information
In a RGB color space, hex #f57a00 is composed of 96.1% red, 47.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.2% magenta, 100% yellow and 3.9% black. It has a hue angle of 29.9 degrees, a saturation of 100% and a lightness of 48%. #f57a00 color hex could be obtained by blending #fff400 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 48
- B 0
-
- C 0
- M 50
- Y 100
- K 4
● #f57a00 color description : Pure (or mostly pure) orange.
#f57a00 Color Conversion
The hexadecimal color #f57a00 has RGB values of R:245, G:122, B:0 and CMYK values of C:0, M:0.5, Y:1, K:0.04. Its decimal value is 16087552.
Hex triplet | f57a00 | #f57a00 |
---|---|---|
RGB Decimal | 245, 122, 0 | rgb(245,122,0) |
RGB Percent | 96.1, 47.8, 0 | rgb(96.1%,47.8%,0%) |
CMYK | 0, 50, 100, 4 | |
HSL | 29.9°, 100, 48 | hsl(29.9,100%,48%) |
HSV (or HSB) | 29.9°, 100, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.432, 41.901, 71.722 |
---|---|
XYZ | 44.618, 33.336, 4.085 |
xyY | 0.544, 0.406, 33.336 |
CIE-LCH | 64.432, 83.065, 59.706 |
CIE-LUV | 64.432, 102.712, 58.961 |
Hunter-Lab | 57.737, 36.899, 36.221 |
Binary | 11110101, 01111010, 00000000 |
Color Schemes with #f57a00
Alternatives to #f57a00
Below, you can see some colors close to #f57a00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57a00 Preview
This text has a font color of #f57a00.
<span style="color:#f57a00;">Text here</span>
This paragraph has a background color of #f57a00.
<p style="background-color:#f57a00;">Content here</p>
This element has a border color of #f57a00.
<div style="border:1px solid #f57a00;">Content here</div>
.text {color:#f57a00;}
.background {background-color:#f57a00;}
.border {border:1px solid #f57a00;}
Shades and Tints of #f57a00
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, #0a0500 is the darkest color, while #fffaf5 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1d0f00
#1d0f00
rgb(29,15,0)
-
#311800
#311800
rgb(49,24,0)
-
#442200
#442200
rgb(68,34,0)
-
#582c00
#582c00
rgb(88,44,0)
-
#6c3600
#6c3600
rgb(108,54,0)
-
#7f3f00
#7f3f00
rgb(127,63,0)
-
#934900
#934900
rgb(147,73,0)
-
#a75300
#a75300
rgb(167,83,0)
-
#ba5d00
#ba5d00
rgb(186,93,0)
-
#ce6600
#ce6600
rgb(206,102,0)
-
#e17000
#e17000
rgb(225,112,0)
-
#f57a00
#f57a00
rgb(245,122,0)
-
#ff840a
#ff840a
rgb(255,132,10)
-
#ff8e1d
#ff8e1d
rgb(255,142,29)
-
#ff9831
#ff9831
rgb(255,152,49)
-
#ffa144
#ffa144
rgb(255,161,68)
-
#ffab58
#ffab58
rgb(255,171,88)
-
#ffb56c
#ffb56c
rgb(255,181,108)
-
#ffbf7f
#ffbf7f
rgb(255,191,127)
-
#ffc993
#ffc993
rgb(255,201,147)
-
#ffd3a7
#ffd3a7
rgb(255,211,167)
-
#ffdcba
#ffdcba
rgb(255,220,186)
-
#ffe6ce
#ffe6ce
rgb(255,230,206)
-
#fff0e1
#fff0e1
rgb(255,240,225)
-
#fffaf5
#fffaf5
rgb(255,250,245)
Tones of #f57a00
A tone is produced by adding gray to any pure hue. In this case, #847a71 is the less saturated color, while #f57a00 is the most saturated one.
-
#847a71
#847a71
rgb(132,122,113)
-
#8d7a68
#8d7a68
rgb(141,122,104)
-
#977a5e
#977a5e
rgb(151,122,94)
-
#a07a55
#a07a55
rgb(160,122,85)
-
#aa7a4b
#aa7a4b
rgb(170,122,75)
-
#b37a42
#b37a42
rgb(179,122,66)
-
#bc7a39
#bc7a39
rgb(188,122,57)
-
#c67a2f
#c67a2f
rgb(198,122,47)
-
#cf7a26
#cf7a26
rgb(207,122,38)
-
#d97a1c
#d97a1c
rgb(217,122,28)
-
#e27a13
#e27a13
rgb(226,122,19)
-
#ec7a09
#ec7a09
rgb(236,122,9)
-
#f57a00
#f57a00
rgb(245,122,0)
Color Blindness Simulator
Below, you can see how #f57a00 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.