#f57228 Color Information
In a RGB color space, hex #f57228 is composed of 96.1% red, 44.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.5% magenta, 83.7% yellow and 3.9% black. It has a hue angle of 21.7 degrees, a saturation of 91.1% and a lightness of 55.9%. #f57228 color hex could be obtained by blending #ffe450 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 45
- B 16
-
- C 0
- M 53
- Y 84
- K 4
● #f57228 color description : Bright orange.
#f57228 Color Conversion
The hexadecimal color #f57228 has RGB values of R:245, G:114, B:40 and CMYK values of C:0, M:0.53, Y:0.84, K:0.04. Its decimal value is 16085544.
Hex triplet | f57228 | #f57228 |
---|---|---|
RGB Decimal | 245, 114, 40 | rgb(245,114,40) |
RGB Percent | 96.1, 44.7, 15.7 | rgb(96.1%,44.7%,15.7%) |
CMYK | 0, 53, 84, 4 | |
HSL | 21.7°, 91.1, 55.9 | hsl(21.7,91.1%,55.9%) |
HSV (or HSB) | 21.7°, 83.7, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.015, 46.379, 61.034 |
---|---|
XYZ | 44.058, 31.605, 5.788 |
xyY | 0.541, 0.388, 31.605 |
CIE-LCH | 63.015, 76.656, 52.769 |
CIE-LUV | 63.015, 107.532, 51.481 |
Hunter-Lab | 56.218, 41.509, 33.249 |
Binary | 11110101, 01110010, 00101000 |
Color Schemes with #f57228
Alternatives to #f57228
Below, you can see some colors close to #f57228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f57228 Preview
This text has a font color of #f57228.
<span style="color:#f57228;">Text here</span>
This paragraph has a background color of #f57228.
<p style="background-color:#f57228;">Content here</p>
This element has a border color of #f57228.
<div style="border:1px solid #f57228;">Content here</div>
.text {color:#f57228;}
.background {background-color:#f57228;}
.border {border:1px solid #f57228;}
Shades and Tints of #f57228
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, #0a0400 is the darkest color, while #fff9f6 is the lightest one.
-
#0a0400
#0a0400
rgb(10,4,0)
-
#1d0b01
#1d0b01
rgb(29,11,1)
-
#2f1302
#2f1302
rgb(47,19,2)
-
#421a03
#421a03
rgb(66,26,3)
-
#552104
#552104
rgb(85,33,4)
-
#682805
#682805
rgb(104,40,5)
-
#7a3006
#7a3006
rgb(122,48,6)
-
#8d3707
#8d3707
rgb(141,55,7)
-
#a03e07
#a03e07
rgb(160,62,7)
-
#b34608
#b34608
rgb(179,70,8)
-
#c54d09
#c54d09
rgb(197,77,9)
-
#d8540a
#d8540a
rgb(216,84,10)
-
#eb5c0b
#eb5c0b
rgb(235,92,11)
-
#f46615
#f46615
rgb(244,102,21)
-
#f57228
#f57228
rgb(245,114,40)
-
#f67e3b
#f67e3b
rgb(246,126,59)
-
#f78b4d
#f78b4d
rgb(247,139,77)
-
#f89760
#f89760
rgb(248,151,96)
-
#f8a373
#f8a373
rgb(248,163,115)
-
#f9af86
#f9af86
rgb(249,175,134)
-
#fabc98
#fabc98
rgb(250,188,152)
-
#fbc8ab
#fbc8ab
rgb(251,200,171)
-
#fcd4be
#fcd4be
rgb(252,212,190)
-
#fde1d1
#fde1d1
rgb(253,225,209)
-
#feede3
#feede3
rgb(254,237,227)
-
#fff9f6
#fff9f6
rgb(255,249,246)
Tones of #f57228
A tone is produced by adding gray to any pure hue. In this case, #968c87 is the less saturated color, while #fe701f is the most saturated one.
-
#968c87
#968c87
rgb(150,140,135)
-
#9e8a7f
#9e8a7f
rgb(158,138,127)
-
#a78876
#a78876
rgb(167,136,118)
-
#b0856d
#b0856d
rgb(176,133,109)
-
#b88365
#b88365
rgb(184,131,101)
-
#c1805c
#c1805c
rgb(193,128,92)
-
#ca7e53
#ca7e53
rgb(202,126,83)
-
#d27c4b
#d27c4b
rgb(210,124,75)
-
#db7942
#db7942
rgb(219,121,66)
-
#e47739
#e47739
rgb(228,119,57)
-
#ec7431
#ec7431
rgb(236,116,49)
-
#f57228
#f57228
rgb(245,114,40)
-
#fe701f
#fe701f
rgb(254,112,31)
Color Blindness Simulator
Below, you can see how #f57228 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.