#ff580e Color Information
In a RGB color space, hex #ff580e is composed of 100% red, 34.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.5% magenta, 94.5% yellow and 0% black. It has a hue angle of 18.4 degrees, a saturation of 100% and a lightness of 52.7%. #ff580e color hex could be obtained by blending #ffb01c with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 35
- B 5
-
- C 0
- M 65
- Y 95
- K 0
● #ff580e color description : Vivid orange.
#ff580e Color Conversion
The hexadecimal color #ff580e has RGB values of R:255, G:88, B:14 and CMYK values of C:0, M:0.65, Y:0.95, K:0. Its decimal value is 16734222.
Hex triplet | ff580e | #ff580e |
---|---|---|
RGB Decimal | 255, 88, 14 | rgb(255,88,14) |
RGB Percent | 100, 34.5, 5.5 | rgb(100%,34.5%,5.5%) |
CMYK | 0, 65, 95, 0 | |
HSL | 18.4°, 100, 52.7 | hsl(18.4,100%,52.7%) |
HSV (or HSB) | 18.4°, 94.5, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.138, 60.973, 67.597 |
---|---|
XYZ | 44.811, 28.276, 3.514 |
xyY | 0.585, 0.369, 28.276 |
CIE-LCH | 60.138, 91.033, 47.949 |
CIE-LUV | 60.138, 137.577, 48.784 |
Hunter-Lab | 53.175, 57.365, 33.305 |
Binary | 11111111, 01011000, 00001110 |
Color Schemes with #ff580e
Alternatives to #ff580e
Below, you can see some colors close to #ff580e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff580e Preview
This text has a font color of #ff580e.
<span style="color:#ff580e;">Text here</span>
This paragraph has a background color of #ff580e.
<p style="background-color:#ff580e;">Content here</p>
This element has a border color of #ff580e.
<div style="border:1px solid #ff580e;">Content here</div>
.text {color:#ff580e;}
.background {background-color:#ff580e;}
.border {border:1px solid #ff580e;}
Shades and Tints of #ff580e
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, #0e0400 is the darkest color, while #fffbf9 is the lightest one.
-
#0e0400
#0e0400
rgb(14,4,0)
-
#220a00
#220a00
rgb(34,10,0)
-
#351000
#351000
rgb(53,16,0)
-
#491600
#491600
rgb(73,22,0)
-
#5c1c00
#5c1c00
rgb(92,28,0)
-
#702200
#702200
rgb(112,34,0)
-
#842800
#842800
rgb(132,40,0)
-
#972e00
#972e00
rgb(151,46,0)
-
#ab3400
#ab3400
rgb(171,52,0)
-
#bf3b00
#bf3b00
rgb(191,59,0)
-
#d24100
#d24100
rgb(210,65,0)
-
#e64700
#e64700
rgb(230,71,0)
-
#f94d00
#f94d00
rgb(249,77,0)
-
#ff580e
#ff580e
rgb(255,88,14)
-
#ff6622
#ff6622
rgb(255,102,34)
-
#ff7335
#ff7335
rgb(255,115,53)
-
#ff8149
#ff8149
rgb(255,129,73)
-
#ff8e5c
#ff8e5c
rgb(255,142,92)
-
#ff9c70
#ff9c70
rgb(255,156,112)
-
#ffaa84
#ffaa84
rgb(255,170,132)
-
#ffb797
#ffb797
rgb(255,183,151)
-
#ffc5ab
#ffc5ab
rgb(255,197,171)
-
#ffd2bf
#ffd2bf
rgb(255,210,191)
-
#ffe0d2
#ffe0d2
rgb(255,224,210)
-
#ffeee6
#ffeee6
rgb(255,238,230)
-
#fffbf9
#fffbf9
rgb(255,251,249)
Tones of #ff580e
A tone is produced by adding gray to any pure hue. In this case, #90837d is the less saturated color, while #ff580e is the most saturated one.
-
#90837d
#90837d
rgb(144,131,125)
-
#997f74
#997f74
rgb(153,127,116)
-
#a27c6b
#a27c6b
rgb(162,124,107)
-
#ac7861
#ac7861
rgb(172,120,97)
-
#b57558
#b57558
rgb(181,117,88)
-
#be714f
#be714f
rgb(190,113,79)
-
#c76d46
#c76d46
rgb(199,109,70)
-
#d16a3c
#d16a3c
rgb(209,106,60)
-
#da6633
#da6633
rgb(218,102,51)
-
#e3632a
#e3632a
rgb(227,99,42)
-
#ec5f21
#ec5f21
rgb(236,95,33)
-
#f65c17
#f65c17
rgb(246,92,23)
-
#ff580e
#ff580e
rgb(255,88,14)
Color Blindness Simulator
Below, you can see how #ff580e 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.