#f5580a Color Information
In a RGB color space, hex #f5580a is composed of 96.1% red, 34.5% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 95.9% yellow and 3.9% black. It has a hue angle of 19.9 degrees, a saturation of 92.2% and a lightness of 50%. #f5580a color hex could be obtained by blending #ffb014 with #eb0000. Closest websafe color is: #ff6600.
-
- R 96
- G 35
- B 4
-
- C 0
- M 64
- Y 96
- K 4
● #f5580a color description : Vivid orange.
#f5580a Color Conversion
The hexadecimal color #f5580a has RGB values of R:245, G:88, B:10 and CMYK values of C:0, M:0.64, Y:0.96, K:0.04. Its decimal value is 16078858.
Hex triplet | f5580a | #f5580a |
---|---|---|
RGB Decimal | 245, 88, 10 | rgb(245,88,10) |
RGB Percent | 96.1, 34.5, 3.9 | rgb(96.1%,34.5%,3.9%) |
CMYK | 0, 64, 96, 4 | |
HSL | 19.9°, 92.2, 50 | hsl(19.9,92.2%,50%) |
HSV (or HSB) | 19.9°, 95.9, 96.1 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 58.432, 57.584, 66.503 |
---|---|
XYZ | 41.203, 26.419, 3.217 |
xyY | 0.582, 0.373, 26.419 |
CIE-LCH | 58.432, 87.969, 49.111 |
CIE-LUV | 58.432, 129.709, 48.178 |
Hunter-Lab | 51.399, 53.142, 32.269 |
Binary | 11110101, 01011000, 00001010 |
Color Schemes with #f5580a
Alternatives to #f5580a
Below, you can see some colors close to #f5580a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5580a Preview
This text has a font color of #f5580a.
<span style="color:#f5580a;">Text here</span>
This paragraph has a background color of #f5580a.
<p style="background-color:#f5580a;">Content here</p>
This element has a border color of #f5580a.
<div style="border:1px solid #f5580a;">Content here</div>
.text {color:#f5580a;}
.background {background-color:#f5580a;}
.border {border:1px solid #f5580a;}
Shades and Tints of #f5580a
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, #130701 is the darkest color, while #ffffff is the lightest one.
-
#130701
#130701
rgb(19,7,1)
-
#260e02
#260e02
rgb(38,14,2)
-
#391402
#391402
rgb(57,20,2)
-
#4b1b03
#4b1b03
rgb(75,27,3)
-
#5e2204
#5e2204
rgb(94,34,4)
-
#712905
#712905
rgb(113,41,5)
-
#842f05
#842f05
rgb(132,47,5)
-
#973606
#973606
rgb(151,54,6)
-
#aa3d07
#aa3d07
rgb(170,61,7)
-
#bc4408
#bc4408
rgb(188,68,8)
-
#cf4a08
#cf4a08
rgb(207,74,8)
-
#e25109
#e25109
rgb(226,81,9)
-
#f5580a
#f5580a
rgb(245,88,10)
-
#f6651d
#f6651d
rgb(246,101,29)
-
#f77230
#f77230
rgb(247,114,48)
-
#f77f43
#f77f43
rgb(247,127,67)
-
#f88b55
#f88b55
rgb(248,139,85)
-
#f99868
#f99868
rgb(249,152,104)
-
#faa57b
#faa57b
rgb(250,165,123)
-
#fab28e
#fab28e
rgb(250,178,142)
-
#fbbfa1
#fbbfa1
rgb(251,191,161)
-
#fcccb4
#fcccb4
rgb(252,204,180)
-
#fdd8c6
#fdd8c6
rgb(253,216,198)
-
#fde5d9
#fde5d9
rgb(253,229,217)
-
#fef2ec
#fef2ec
rgb(254,242,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f5580a
A tone is produced by adding gray to any pure hue. In this case, #897c76 is the less saturated color, while #ff5500 is the most saturated one.
-
#897c76
#897c76
rgb(137,124,118)
-
#93796c
#93796c
rgb(147,121,108)
-
#9d7662
#9d7662
rgb(157,118,98)
-
#a77258
#a77258
rgb(167,114,88)
-
#b06f4f
#b06f4f
rgb(176,111,79)
-
#ba6c45
#ba6c45
rgb(186,108,69)
-
#c4683b
#c4683b
rgb(196,104,59)
-
#ce6531
#ce6531
rgb(206,101,49)
-
#d86227
#d86227
rgb(216,98,39)
-
#e15f1e
#e15f1e
rgb(225,95,30)
-
#eb5b14
#eb5b14
rgb(235,91,20)
-
#f5580a
#f5580a
rgb(245,88,10)
-
#ff5500
#ff5500
rgb(255,85,0)
Color Blindness Simulator
Below, you can see how #f5580a 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.