#f5581e Color Information
In a RGB color space, hex #f5581e is composed of 96.1% red, 34.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 87.8% yellow and 3.9% black. It has a hue angle of 16.2 degrees, a saturation of 91.5% and a lightness of 53.9%. #f5581e color hex could be obtained by blending #ffb03c with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 35
- B 12
-
- C 0
- M 64
- Y 88
- K 4
● #f5581e color description : Vivid orange.
#f5581e Color Conversion
The hexadecimal color #f5581e has RGB values of R:245, G:88, B:30 and CMYK values of C:0, M:0.64, Y:0.88, K:0.04. Its decimal value is 16078878.
Hex triplet | f5581e | #f5581e |
---|---|---|
RGB Decimal | 245, 88, 30 | rgb(245,88,30) |
RGB Percent | 96.1, 34.5, 11.8 | rgb(96.1%,34.5%,11.8%) |
CMYK | 0, 64, 88, 4 | |
HSL | 16.2°, 91.5, 53.9 | hsl(16.2,91.5%,53.9%) |
HSV (or HSB) | 16.2°, 87.8, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.5, 57.843, 61.074 |
---|---|
XYZ | 41.382, 26.49, 4.162 |
xyY | 0.574, 0.368, 26.49 |
CIE-LCH | 58.5, 84.118, 46.557 |
CIE-LUV | 58.5, 128.526, 45.655 |
Hunter-Lab | 51.469, 53.448, 31.233 |
Binary | 11110101, 01011000, 00011110 |
Color Schemes with #f5581e
Alternatives to #f5581e
Below, you can see some colors close to #f5581e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5581e Preview
This text has a font color of #f5581e.
<span style="color:#f5581e;">Text here</span>
This paragraph has a background color of #f5581e.
<p style="background-color:#f5581e;">Content here</p>
This element has a border color of #f5581e.
<div style="border:1px solid #f5581e;">Content here</div>
.text {color:#f5581e;}
.background {background-color:#f5581e;}
.border {border:1px solid #f5581e;}
Shades and Tints of #f5581e
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 #fef1ed is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130601
#130601
rgb(19,6,1)
-
#260b02
#260b02
rgb(38,11,2)
-
#391103
#391103
rgb(57,17,3)
-
#4b1703
#4b1703
rgb(75,23,3)
-
#5e1c04
#5e1c04
rgb(94,28,4)
-
#712205
#712205
rgb(113,34,5)
-
#842806
#842806
rgb(132,40,6)
-
#972e07
#972e07
rgb(151,46,7)
-
#a93308
#a93308
rgb(169,51,8)
-
#bc3908
#bc3908
rgb(188,57,8)
-
#cf3f09
#cf3f09
rgb(207,63,9)
-
#e2440a
#e2440a
rgb(226,68,10)
-
#f44a0b
#f44a0b
rgb(244,74,11)
-
#f5581e
#f5581e
rgb(245,88,30)
-
#f66631
#f66631
rgb(246,102,49)
-
#f77444
#f77444
rgb(247,116,68)
-
#f88256
#f88256
rgb(248,130,86)
-
#f89069
#f89069
rgb(248,144,105)
-
#f99e7c
#f99e7c
rgb(249,158,124)
-
#faac8f
#faac8f
rgb(250,172,143)
-
#fbbaa1
#fbbaa1
rgb(251,186,161)
-
#fcc8b4
#fcc8b4
rgb(252,200,180)
-
#fdd5c7
#fdd5c7
rgb(253,213,199)
-
#fde3da
#fde3da
rgb(253,227,218)
-
#fef1ed
#fef1ed
rgb(254,241,237)
Tones of #f5581e
A tone is produced by adding gray to any pure hue. In this case, #928681 is the less saturated color, while #fe5415 is the most saturated one.
-
#928681
#928681
rgb(146,134,129)
-
#9b8278
#9b8278
rgb(155,130,120)
-
#a47d6f
#a47d6f
rgb(164,125,111)
-
#ad7966
#ad7966
rgb(173,121,102)
-
#b6755d
#b6755d
rgb(182,117,93)
-
#bf7154
#bf7154
rgb(191,113,84)
-
#c86d4b
#c86d4b
rgb(200,109,75)
-
#d16942
#d16942
rgb(209,105,66)
-
#da6439
#da6439
rgb(218,100,57)
-
#e36030
#e36030
rgb(227,96,48)
-
#ec5c27
#ec5c27
rgb(236,92,39)
-
#f5581e
#f5581e
rgb(245,88,30)
-
#fe5415
#fe5415
rgb(254,84,21)
Color Blindness Simulator
Below, you can see how #f5581e 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.