#f58320 Color Information
In a RGB color space, hex #f58320 is composed of 96.1% red, 51.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.5% magenta, 86.9% yellow and 3.9% black. It has a hue angle of 27.9 degrees, a saturation of 91.4% and a lightness of 54.3%. #f58320 color hex could be obtained by blending #ffff40 with #eb0700. Closest websafe color is: #ff9933.
-
- R 96
- G 51
- B 13
-
- C 0
- M 47
- Y 87
- K 4
● #f58320 color description : Vivid orange.
#f58320 Color Conversion
The hexadecimal color #f58320 has RGB values of R:245, G:131, B:32 and CMYK values of C:0, M:0.47, Y:0.87, K:0.04. Its decimal value is 16089888.
Hex triplet | f58320 | #f58320 |
---|---|---|
RGB Decimal | 245, 131, 32 | rgb(245,131,32) |
RGB Percent | 96.1, 51.4, 12.5 | rgb(96.1%,51.4%,12.5%) |
CMYK | 0, 47, 87, 4 | |
HSL | 27.9°, 91.4, 54.3 | hsl(27.9,91.4%,54.3%) |
HSV (or HSB) | 27.9°, 86.9, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 66.331, 37.787, 66.511 |
---|---|
XYZ | 46.035, 35.754, 5.843 |
xyY | 0.525, 0.408, 35.754 |
CIE-LCH | 66.331, 76.496, 60.398 |
CIE-LUV | 66.331, 94.101, 58.71 |
Hunter-Lab | 59.794, 32.785, 36.062 |
Binary | 11110101, 10000011, 00100000 |
Color Schemes with #f58320
Alternatives to #f58320
Below, you can see some colors close to #f58320. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f58320 Preview
This text has a font color of #f58320.
<span style="color:#f58320;">Text here</span>
This paragraph has a background color of #f58320.
<p style="background-color:#f58320;">Content here</p>
This element has a border color of #f58320.
<div style="border:1px solid #f58320;">Content here</div>
.text {color:#f58320;}
.background {background-color:#f58320;}
.border {border:1px solid #f58320;}
Shades and Tints of #f58320
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, #020100 is the darkest color, while #fef6ef is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150a01
#150a01
rgb(21,10,1)
-
#281302
#281302
rgb(40,19,2)
-
#3b1d03
#3b1d03
rgb(59,29,3)
-
#4d2603
#4d2603
rgb(77,38,3)
-
#602f04
#602f04
rgb(96,47,4)
-
#733805
#733805
rgb(115,56,5)
-
#864106
#864106
rgb(134,65,6)
-
#984b07
#984b07
rgb(152,75,7)
-
#ab5408
#ab5408
rgb(171,84,8)
-
#be5d09
#be5d09
rgb(190,93,9)
-
#d16609
#d16609
rgb(209,102,9)
-
#e46f0a
#e46f0a
rgb(228,111,10)
-
#f4790d
#f4790d
rgb(244,121,13)
-
#f58320
#f58320
rgb(245,131,32)
-
#f68d33
#f68d33
rgb(246,141,51)
-
#f79846
#f79846
rgb(247,152,70)
-
#f8a258
#f8a258
rgb(248,162,88)
-
#f8ad6b
#f8ad6b
rgb(248,173,107)
-
#f9b77e
#f9b77e
rgb(249,183,126)
-
#fac291
#fac291
rgb(250,194,145)
-
#fbcca3
#fbcca3
rgb(251,204,163)
-
#fcd7b6
#fcd7b6
rgb(252,215,182)
-
#fde1c9
#fde1c9
rgb(253,225,201)
-
#fdebdc
#fdebdc
rgb(253,235,220)
-
#fef6ef
#fef6ef
rgb(254,246,239)
Tones of #f58320
A tone is produced by adding gray to any pure hue. In this case, #928a83 is the less saturated color, while #fe8217 is the most saturated one.
-
#928a83
#928a83
rgb(146,138,131)
-
#9b897a
#9b897a
rgb(155,137,122)
-
#a48971
#a48971
rgb(164,137,113)
-
#ad8868
#ad8868
rgb(173,136,104)
-
#b6875f
#b6875f
rgb(182,135,95)
-
#bf8756
#bf8756
rgb(191,135,86)
-
#c8864d
#c8864d
rgb(200,134,77)
-
#d18644
#d18644
rgb(209,134,68)
-
#da853b
#da853b
rgb(218,133,59)
-
#e38432
#e38432
rgb(227,132,50)
-
#ec8429
#ec8429
rgb(236,132,41)
-
#f58320
#f58320
rgb(245,131,32)
-
#fe8217
#fe8217
rgb(254,130,23)
Color Blindness Simulator
Below, you can see how #f58320 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.