#f57c00 Color Information
In a RGB color space, hex #f57c00 is composed of 96.1% red, 48.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.4% magenta, 100% yellow and 3.9% black. It has a hue angle of 30.4 degrees, a saturation of 100% and a lightness of 48%. #f57c00 color hex could be obtained by blending #fff800 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 49
- B 0
-
- C 0
- M 49
- Y 100
- K 4
● #f57c00 color description : Pure (or mostly pure) orange.
#f57c00 Color Conversion
The hexadecimal color #f57c00 has RGB values of R:245, G:124, B:0 and CMYK values of C:0, M:0.49, Y:1, K:0.04. Its decimal value is 16088064.
Hex triplet | f57c00 | #f57c00 |
---|---|---|
RGB Decimal | 245, 124, 0 | rgb(245,124,0) |
RGB Percent | 96.1, 48.6, 0 | rgb(96.1%,48.6%,0%) |
CMYK | 0, 49, 100, 4 | |
HSL | 30.4°, 100, 48 | hsl(30.4,100%,48%) |
HSV (or HSB) | 30.4°, 100, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.829, 40.909, 71.958 |
---|---|
XYZ | 44.866, 33.832, 4.168 |
xyY | 0.541, 0.408, 33.832 |
CIE-LCH | 64.829, 82.774, 60.382 |
CIE-LUV | 64.829, 101.03, 59.606 |
Hunter-Lab | 58.165, 35.896, 36.467 |
Binary | 11110101, 01111100, 00000000 |
Color Schemes with #f57c00
Alternatives to #f57c00
Below, you can see some colors close to #f57c00. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57c00 Preview
This text has a font color of #f57c00.
<span style="color:#f57c00;">Text here</span>
This paragraph has a background color of #f57c00.
<p style="background-color:#f57c00;">Content here</p>
This element has a border color of #f57c00.
<div style="border:1px solid #f57c00;">Content here</div>
.text {color:#f57c00;}
.background {background-color:#f57c00;}
.border {border:1px solid #f57c00;}
Shades and Tints of #f57c00
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)
-
#311900
#311900
rgb(49,25,0)
-
#442300
#442300
rgb(68,35,0)
-
#582d00
#582d00
rgb(88,45,0)
-
#6c3700
#6c3700
rgb(108,55,0)
-
#7f4000
#7f4000
rgb(127,64,0)
-
#934a00
#934a00
rgb(147,74,0)
-
#a75400
#a75400
rgb(167,84,0)
-
#ba5e00
#ba5e00
rgb(186,94,0)
-
#ce6800
#ce6800
rgb(206,104,0)
-
#e17200
#e17200
rgb(225,114,0)
-
#f57c00
#f57c00
rgb(245,124,0)
-
#ff860a
#ff860a
rgb(255,134,10)
-
#ff8f1d
#ff8f1d
rgb(255,143,29)
-
#ff9931
#ff9931
rgb(255,153,49)
-
#ffa344
#ffa344
rgb(255,163,68)
-
#ffad58
#ffad58
rgb(255,173,88)
-
#ffb66c
#ffb66c
rgb(255,182,108)
-
#ffc07f
#ffc07f
rgb(255,192,127)
-
#ffca93
#ffca93
rgb(255,202,147)
-
#ffd3a7
#ffd3a7
rgb(255,211,167)
-
#ffddba
#ffddba
rgb(255,221,186)
-
#ffe7ce
#ffe7ce
rgb(255,231,206)
-
#fff0e1
#fff0e1
rgb(255,240,225)
-
#fffaf5
#fffaf5
rgb(255,250,245)
Tones of #f57c00
A tone is produced by adding gray to any pure hue. In this case, #847b71 is the less saturated color, while #f57c00 is the most saturated one.
-
#847b71
#847b71
rgb(132,123,113)
-
#8d7b68
#8d7b68
rgb(141,123,104)
-
#977b5e
#977b5e
rgb(151,123,94)
-
#a07b55
#a07b55
rgb(160,123,85)
-
#aa7b4b
#aa7b4b
rgb(170,123,75)
-
#b37b42
#b37b42
rgb(179,123,66)
-
#bc7b39
#bc7b39
rgb(188,123,57)
-
#c67b2f
#c67b2f
rgb(198,123,47)
-
#cf7c26
#cf7c26
rgb(207,124,38)
-
#d97c1c
#d97c1c
rgb(217,124,28)
-
#e27c13
#e27c13
rgb(226,124,19)
-
#ec7c09
#ec7c09
rgb(236,124,9)
-
#f57c00
#f57c00
rgb(245,124,0)
Color Blindness Simulator
Below, you can see how #f57c00 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.