#f5581c Color Information
In a RGB color space, hex #f5581c is composed of 96.1% red, 34.5% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.1% magenta, 88.6% yellow and 3.9% black. It has a hue angle of 16.6 degrees, a saturation of 91.6% and a lightness of 53.5%. #f5581c color hex could be obtained by blending #ffb038 with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 35
- B 11
-
- C 0
- M 64
- Y 89
- K 4
● #f5581c color description : Vivid orange.
#f5581c Color Conversion
The hexadecimal color #f5581c has RGB values of R:245, G:88, B:28 and CMYK values of C:0, M:0.64, Y:0.89, K:0.04. Its decimal value is 16078876.
Hex triplet | f5581c | #f5581c |
---|---|---|
RGB Decimal | 245, 88, 28 | rgb(245,88,28) |
RGB Percent | 96.1, 34.5, 11 | rgb(96.1%,34.5%,11%) |
CMYK | 0, 64, 89, 4 | |
HSL | 16.6°, 91.6, 53.5 | hsl(16.6,91.6%,53.5%) |
HSV (or HSB) | 16.6°, 88.6, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.49, 57.807, 61.768 |
---|---|
XYZ | 41.357, 26.48, 4.032 |
xyY | 0.575, 0.368, 26.48 |
CIE-LCH | 58.49, 84.599, 46.897 |
CIE-LUV | 58.49, 128.688, 46 |
Hunter-Lab | 51.459, 53.406, 31.376 |
Binary | 11110101, 01011000, 00011100 |
Color Schemes with #f5581c
Alternatives to #f5581c
Below, you can see some colors close to #f5581c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5581c Preview
This text has a font color of #f5581c.
<span style="color:#f5581c;">Text here</span>
This paragraph has a background color of #f5581c.
<p style="background-color:#f5581c;">Content here</p>
This element has a border color of #f5581c.
<div style="border:1px solid #f5581c;">Content here</div>
.text {color:#f5581c;}
.background {background-color:#f5581c;}
.border {border:1px solid #f5581c;}
Shades and Tints of #f5581c
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, #110501 is the darkest color, while #fffefd is the lightest one.
-
#110501
#110501
rgb(17,5,1)
-
#240b02
#240b02
rgb(36,11,2)
-
#371102
#371102
rgb(55,17,2)
-
#4a1703
#4a1703
rgb(74,23,3)
-
#5c1c04
#5c1c04
rgb(92,28,4)
-
#6f2205
#6f2205
rgb(111,34,5)
-
#822806
#822806
rgb(130,40,6)
-
#952e07
#952e07
rgb(149,46,7)
-
#a83407
#a83407
rgb(168,52,7)
-
#ba3908
#ba3908
rgb(186,57,8)
-
#cd3f09
#cd3f09
rgb(205,63,9)
-
#e0450a
#e0450a
rgb(224,69,10)
-
#f34b0b
#f34b0b
rgb(243,75,11)
-
#f5581c
#f5581c
rgb(245,88,28)
-
#f6662f
#f6662f
rgb(246,102,47)
-
#f77442
#f77442
rgb(247,116,66)
-
#f78154
#f78154
rgb(247,129,84)
-
#f88f67
#f88f67
rgb(248,143,103)
-
#f99d7a
#f99d7a
rgb(249,157,122)
-
#faab8d
#faab8d
rgb(250,171,141)
-
#fbb9a0
#fbb9a0
rgb(251,185,160)
-
#fcc7b2
#fcc7b2
rgb(252,199,178)
-
#fcd4c5
#fcd4c5
rgb(252,212,197)
-
#fde2d8
#fde2d8
rgb(253,226,216)
-
#fef0eb
#fef0eb
rgb(254,240,235)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f5581c
A tone is produced by adding gray to any pure hue. In this case, #918580 is the less saturated color, while #fe5413 is the most saturated one.
-
#918580
#918580
rgb(145,133,128)
-
#9a8177
#9a8177
rgb(154,129,119)
-
#a37d6e
#a37d6e
rgb(163,125,110)
-
#ac7965
#ac7965
rgb(172,121,101)
-
#b5755c
#b5755c
rgb(181,117,92)
-
#be7053
#be7053
rgb(190,112,83)
-
#c76c4a
#c76c4a
rgb(199,108,74)
-
#d16840
#d16840
rgb(209,104,64)
-
#da6437
#da6437
rgb(218,100,55)
-
#e3602e
#e3602e
rgb(227,96,46)
-
#ec5c25
#ec5c25
rgb(236,92,37)
-
#f5581c
#f5581c
rgb(245,88,28)
-
#fe5413
#fe5413
rgb(254,84,19)
Color Blindness Simulator
Below, you can see how #f5581c 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.