#f59221 Color Information
In a RGB color space, hex #f59221 is composed of 96.1% red, 57.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.4% magenta, 86.5% yellow and 3.9% black. It has a hue angle of 32 degrees, a saturation of 91.4% and a lightness of 54.5%. #f59221 color hex could be obtained by blending #ffff42 with #eb2500. Closest websafe color is: #ff9933.
-
- R 96
- G 57
- B 13
-
- C 0
- M 40
- Y 87
- K 4
● #f59221 color description : Vivid orange.
#f59221 Color Conversion
The hexadecimal color #f59221 has RGB values of R:245, G:146, B:33 and CMYK values of C:0, M:0.4, Y:0.87, K:0.04. Its decimal value is 16093729.
Hex triplet | f59221 | #f59221 |
---|---|---|
RGB Decimal | 245, 146, 33 | rgb(245,146,33) |
RGB Percent | 96.1, 57.3, 12.9 | rgb(96.1%,57.3%,12.9%) |
CMYK | 0, 40, 87, 4 | |
HSL | 32°, 91.4, 54.5 | hsl(32,91.4%,54.5%) |
HSV (or HSB) | 32°, 86.5, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 69.529, 30.094, 68.754 |
---|---|
XYZ | 48.211, 40.084, 6.637 |
xyY | 0.508, 0.422, 40.084 |
CIE-LCH | 69.529, 75.052, 66.36 |
CIE-LUV | 69.529, 81.579, 63.817 |
Hunter-Lab | 63.312, 25.13, 38.103 |
Binary | 11110101, 10010010, 00100001 |
Color Schemes with #f59221
Alternatives to #f59221
Below, you can see some colors close to #f59221. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f59221 Preview
This text has a font color of #f59221.
<span style="color:#f59221;">Text here</span>
This paragraph has a background color of #f59221.
<p style="background-color:#f59221;">Content here</p>
This element has a border color of #f59221.
<div style="border:1px solid #f59221;">Content here</div>
.text {color:#f59221;}
.background {background-color:#f59221;}
.border {border:1px solid #f59221;}
Shades and Tints of #f59221
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, #030200 is the darkest color, while #fef7ef is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#160c01
#160c01
rgb(22,12,1)
-
#291702
#291702
rgb(41,23,2)
-
#3c2103
#3c2103
rgb(60,33,3)
-
#4e2b04
#4e2b04
rgb(78,43,4)
-
#613604
#613604
rgb(97,54,4)
-
#744005
#744005
rgb(116,64,5)
-
#874b06
#874b06
rgb(135,75,6)
-
#995507
#995507
rgb(153,85,7)
-
#ac5f08
#ac5f08
rgb(172,95,8)
-
#bf6a09
#bf6a09
rgb(191,106,9)
-
#d27409
#d27409
rgb(210,116,9)
-
#e47f0a
#e47f0a
rgb(228,127,10)
-
#f4890e
#f4890e
rgb(244,137,14)
-
#f59221
#f59221
rgb(245,146,33)
-
#f69b34
#f69b34
rgb(246,155,52)
-
#f7a447
#f7a447
rgb(247,164,71)
-
#f8ae59
#f8ae59
rgb(248,174,89)
-
#f8b76c
#f8b76c
rgb(248,183,108)
-
#f9c07f
#f9c07f
rgb(249,192,127)
-
#fac992
#fac992
rgb(250,201,146)
-
#fbd3a4
#fbd3a4
rgb(251,211,164)
-
#fcdcb7
#fcdcb7
rgb(252,220,183)
-
#fde5ca
#fde5ca
rgb(253,229,202)
-
#fdeedd
#fdeedd
rgb(253,238,221)
-
#fef7ef
#fef7ef
rgb(254,247,239)
Tones of #f59221
A tone is produced by adding gray to any pure hue. In this case, #938c83 is the less saturated color, while #fe9318 is the most saturated one.
-
#938c83
#938c83
rgb(147,140,131)
-
#9c8c7a
#9c8c7a
rgb(156,140,122)
-
#a58d71
#a58d71
rgb(165,141,113)
-
#ae8d68
#ae8d68
rgb(174,141,104)
-
#b78e5f
#b78e5f
rgb(183,142,95)
-
#bf8e57
#bf8e57
rgb(191,142,87)
-
#c88f4e
#c88f4e
rgb(200,143,78)
-
#d19045
#d19045
rgb(209,144,69)
-
#da903c
#da903c
rgb(218,144,60)
-
#e39133
#e39133
rgb(227,145,51)
-
#ec912a
#ec912a
rgb(236,145,42)
-
#f59221
#f59221
rgb(245,146,33)
-
#fe9318
#fe9318
rgb(254,147,24)
Color Blindness Simulator
Below, you can see how #f59221 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.