#f58d1e Color Information
In a RGB color space, hex #f58d1e is composed of 96.1% red, 55.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 87.8% yellow and 3.9% black. It has a hue angle of 31 degrees, a saturation of 91.5% and a lightness of 53.9%. #f58d1e color hex could be obtained by blending #ffff3c with #eb1b00. Closest websafe color is: #ff9933.
-
- R 96
- G 55
- B 12
-
- C 0
- M 42
- Y 88
- K 4
● #f58d1e color description : Vivid orange.
#f58d1e Color Conversion
The hexadecimal color #f58d1e has RGB values of R:245, G:141, B:30 and CMYK values of C:0, M:0.42, Y:0.88, K:0.04. Its decimal value is 16092446.
Hex triplet | f58d1e | #f58d1e |
---|---|---|
RGB Decimal | 245, 141, 30 | rgb(245,141,30) |
RGB Percent | 96.1, 55.3, 11.8 | rgb(96.1%,55.3%,11.8%) |
CMYK | 0, 42, 88, 4 | |
HSL | 31°, 91.5, 53.9 | hsl(31,91.5%,53.9%) |
HSV (or HSB) | 31°, 87.8, 96.1 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 68.431, 32.626, 68.735 |
---|---|
XYZ | 47.417, 38.56, 6.174 |
xyY | 0.515, 0.418, 38.56 |
CIE-LCH | 68.431, 76.085, 64.608 |
CIE-LUV | 68.431, 85.866, 62.506 |
Hunter-Lab | 62.097, 27.633, 37.573 |
Binary | 11110101, 10001101, 00011110 |
Color Schemes with #f58d1e
Alternatives to #f58d1e
Below, you can see some colors close to #f58d1e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f58d1e Preview
This text has a font color of #f58d1e.
<span style="color:#f58d1e;">Text here</span>
This paragraph has a background color of #f58d1e.
<p style="background-color:#f58d1e;">Content here</p>
This element has a border color of #f58d1e.
<div style="border:1px solid #f58d1e;">Content here</div>
.text {color:#f58d1e;}
.background {background-color:#f58d1e;}
.border {border:1px solid #f58d1e;}
Shades and Tints of #f58d1e
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, #000000 is the darkest color, while #fef6ed is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130a01
#130a01
rgb(19,10,1)
-
#261402
#261402
rgb(38,20,2)
-
#391e03
#391e03
rgb(57,30,3)
-
#4b2903
#4b2903
rgb(75,41,3)
-
#5e3304
#5e3304
rgb(94,51,4)
-
#713d05
#713d05
rgb(113,61,5)
-
#844706
#844706
rgb(132,71,6)
-
#975107
#975107
rgb(151,81,7)
-
#a95b08
#a95b08
rgb(169,91,8)
-
#bc6508
#bc6508
rgb(188,101,8)
-
#cf6f09
#cf6f09
rgb(207,111,9)
-
#e2790a
#e2790a
rgb(226,121,10)
-
#f4830b
#f4830b
rgb(244,131,11)
-
#f58d1e
#f58d1e
rgb(245,141,30)
-
#f69731
#f69731
rgb(246,151,49)
-
#f7a044
#f7a044
rgb(247,160,68)
-
#f8aa56
#f8aa56
rgb(248,170,86)
-
#f8b369
#f8b369
rgb(248,179,105)
-
#f9bd7c
#f9bd7c
rgb(249,189,124)
-
#fac68f
#fac68f
rgb(250,198,143)
-
#fbd0a1
#fbd0a1
rgb(251,208,161)
-
#fcd9b4
#fcd9b4
rgb(252,217,180)
-
#fde3c7
#fde3c7
rgb(253,227,199)
-
#fdecda
#fdecda
rgb(253,236,218)
-
#fef6ed
#fef6ed
rgb(254,246,237)
Tones of #f58d1e
A tone is produced by adding gray to any pure hue. In this case, #928a81 is the less saturated color, while #fe8d15 is the most saturated one.
-
#928a81
#928a81
rgb(146,138,129)
-
#9b8a78
#9b8a78
rgb(155,138,120)
-
#a48a6f
#a48a6f
rgb(164,138,111)
-
#ad8b66
#ad8b66
rgb(173,139,102)
-
#b68b5d
#b68b5d
rgb(182,139,93)
-
#bf8b54
#bf8b54
rgb(191,139,84)
-
#c88c4b
#c88c4b
rgb(200,140,75)
-
#d18c42
#d18c42
rgb(209,140,66)
-
#da8c39
#da8c39
rgb(218,140,57)
-
#e38c30
#e38c30
rgb(227,140,48)
-
#ec8d27
#ec8d27
rgb(236,141,39)
-
#f58d1e
#f58d1e
rgb(245,141,30)
-
#fe8d15
#fe8d15
rgb(254,141,21)
Color Blindness Simulator
Below, you can see how #f58d1e 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.