#f1580e Color Information
In a RGB color space, hex #f1580e is composed of 94.5% red, 34.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.5% magenta, 94.2% yellow and 5.5% black. It has a hue angle of 19.6 degrees, a saturation of 89% and a lightness of 50%. #f1580e color hex could be obtained by blending #ffb01c with #e30000. Closest websafe color is: #ff6600.
-
- R 95
- G 35
- B 5
-
- C 0
- M 63
- Y 94
- K 5
● #f1580e color description : Vivid orange.
#f1580e Color Conversion
The hexadecimal color #f1580e has RGB values of R:241, G:88, B:14 and CMYK values of C:0, M:0.63, Y:0.94, K:0.05. Its decimal value is 15816718.
Hex triplet | f1580e | #f1580e |
---|---|---|
RGB Decimal | 241, 88, 14 | rgb(241,88,14) |
RGB Percent | 94.5, 34.5, 5.5 | rgb(94.5%,34.5%,5.5%) |
CMYK | 0, 63, 94, 5 | |
HSL | 19.6°, 89, 50 | hsl(19.6,89%,50%) |
HSV (or HSB) | 19.6°, 94.2, 94.5 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 57.767, 56.254, 64.947 |
---|---|
XYZ | 39.847, 25.716, 3.281 |
xyY | 0.579, 0.374, 25.716 |
CIE-LCH | 57.767, 85.922, 49.103 |
CIE-LUV | 57.767, 126.311, 47.457 |
Hunter-Lab | 50.711, 51.512, 31.662 |
Binary | 11110001, 01011000, 00001110 |
Color Schemes with #f1580e
Alternatives to #f1580e
Below, you can see some colors close to #f1580e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f1580e Preview
This text has a font color of #f1580e.
<span style="color:#f1580e;">Text here</span>
This paragraph has a background color of #f1580e.
<p style="background-color:#f1580e;">Content here</p>
This element has a border color of #f1580e.
<div style="border:1px solid #f1580e;">Content here</div>
.text {color:#f1580e;}
.background {background-color:#f1580e;}
.border {border:1px solid #f1580e;}
Shades and Tints of #f1580e
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)
-
#250e02
#250e02
rgb(37,14,2)
-
#381403
#381403
rgb(56,20,3)
-
#4a1b04
#4a1b04
rgb(74,27,4)
-
#5d2205
#5d2205
rgb(93,34,5)
-
#6f2906
#6f2906
rgb(111,41,6)
-
#822f08
#822f08
rgb(130,47,8)
-
#943609
#943609
rgb(148,54,9)
-
#a73d0a
#a73d0a
rgb(167,61,10)
-
#b9440b
#b9440b
rgb(185,68,11)
-
#cc4a0c
#cc4a0c
rgb(204,74,12)
-
#de510d
#de510d
rgb(222,81,13)
-
#f1580e
#f1580e
rgb(241,88,14)
-
#f26521
#f26521
rgb(242,101,33)
-
#f37233
#f37233
rgb(243,114,51)
-
#f47f46
#f47f46
rgb(244,127,70)
-
#f58b58
#f58b58
rgb(245,139,88)
-
#f6986b
#f6986b
rgb(246,152,107)
-
#f7a57d
#f7a57d
rgb(247,165,125)
-
#f9b290
#f9b290
rgb(249,178,144)
-
#fabfa2
#fabfa2
rgb(250,191,162)
-
#fbccb5
#fbccb5
rgb(251,204,181)
-
#fcd8c7
#fcd8c7
rgb(252,216,199)
-
#fde5da
#fde5da
rgb(253,229,218)
-
#fef2ec
#fef2ec
rgb(254,242,236)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #f1580e
A tone is produced by adding gray to any pure hue. In this case, #857e7a is the less saturated color, while #fb5504 is the most saturated one.
-
#857e7a
#857e7a
rgb(133,126,122)
-
#8f7a70
#8f7a70
rgb(143,122,112)
-
#997766
#997766
rgb(153,119,102)
-
#a3735c
#a3735c
rgb(163,115,92)
-
#ac7053
#ac7053
rgb(172,112,83)
-
#b66c49
#b66c49
rgb(182,108,73)
-
#c0693f
#c0693f
rgb(192,105,63)
-
#ca6635
#ca6635
rgb(202,102,53)
-
#d4622b
#d4622b
rgb(212,98,43)
-
#dd5f22
#dd5f22
rgb(221,95,34)
-
#e75b18
#e75b18
rgb(231,91,24)
-
#f1580e
#f1580e
rgb(241,88,14)
-
#fb5504
#fb5504
rgb(251,85,4)
Color Blindness Simulator
Below, you can see how #f1580e 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.