#f5501e Color Information
In a RGB color space, hex #f5501e is composed of 96.1% red, 31.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.3% magenta, 87.8% yellow and 3.9% black. It has a hue angle of 14 degrees, a saturation of 91.5% and a lightness of 53.9%. #f5501e color hex could be obtained by blending #ffa03c with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 31
- B 12
-
- C 0
- M 67
- Y 88
- K 4
● #f5501e color description : Vivid red.
#f5501e Color Conversion
The hexadecimal color #f5501e has RGB values of R:245, G:80, B:30 and CMYK values of C:0, M:0.67, Y:0.88, K:0.04. Its decimal value is 16076830.
Hex triplet | f5501e | #f5501e |
---|---|---|
RGB Decimal | 245, 80, 30 | rgb(245,80,30) |
RGB Percent | 96.1, 31.4, 11.8 | rgb(96.1%,31.4%,11.8%) |
CMYK | 0, 67, 88, 4 | |
HSL | 14°, 91.5, 53.9 | hsl(14,91.5%,53.9%) |
HSV (or HSB) | 14°, 87.8, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.317, 61.037, 60.17 |
---|---|
XYZ | 40.761, 25.248, 3.955 |
xyY | 0.583, 0.361, 25.248 |
CIE-LCH | 57.317, 85.708, 44.59 |
CIE-LUV | 57.317, 134.229, 43.56 |
Hunter-Lab | 50.248, 56.867, 30.506 |
Binary | 11110101, 01010000, 00011110 |
Color Schemes with #f5501e
Alternatives to #f5501e
Below, you can see some colors close to #f5501e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5501e Preview
This text has a font color of #f5501e.
<span style="color:#f5501e;">Text here</span>
This paragraph has a background color of #f5501e.
<p style="background-color:#f5501e;">Content here</p>
This element has a border color of #f5501e.
<div style="border:1px solid #f5501e;">Content here</div>
.text {color:#f5501e;}
.background {background-color:#f5501e;}
.border {border:1px solid #f5501e;}
Shades and Tints of #f5501e
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)
-
#130501
#130501
rgb(19,5,1)
-
#260a02
#260a02
rgb(38,10,2)
-
#390f03
#390f03
rgb(57,15,3)
-
#4b1403
#4b1403
rgb(75,20,3)
-
#5e1904
#5e1904
rgb(94,25,4)
-
#711e05
#711e05
rgb(113,30,5)
-
#842306
#842306
rgb(132,35,6)
-
#972807
#972807
rgb(151,40,7)
-
#a92d08
#a92d08
rgb(169,45,8)
-
#bc3208
#bc3208
rgb(188,50,8)
-
#cf3709
#cf3709
rgb(207,55,9)
-
#e23c0a
#e23c0a
rgb(226,60,10)
-
#f4410b
#f4410b
rgb(244,65,11)
-
#f5501e
#f5501e
rgb(245,80,30)
-
#f65f31
#f65f31
rgb(246,95,49)
-
#f76d44
#f76d44
rgb(247,109,68)
-
#f87c56
#f87c56
rgb(248,124,86)
-
#f88a69
#f88a69
rgb(248,138,105)
-
#f9997c
#f9997c
rgb(249,153,124)
-
#faa88f
#faa88f
rgb(250,168,143)
-
#fbb6a1
#fbb6a1
rgb(251,182,161)
-
#fcc5b4
#fcc5b4
rgb(252,197,180)
-
#fdd3c7
#fdd3c7
rgb(253,211,199)
-
#fde2da
#fde2da
rgb(253,226,218)
-
#fef1ed
#fef1ed
rgb(254,241,237)
Tones of #f5501e
A tone is produced by adding gray to any pure hue. In this case, #928581 is the less saturated color, while #fe4b15 is the most saturated one.
-
#928581
#928581
rgb(146,133,129)
-
#9b8078
#9b8078
rgb(155,128,120)
-
#a47c6f
#a47c6f
rgb(164,124,111)
-
#ad7766
#ad7766
rgb(173,119,102)
-
#b6725d
#b6725d
rgb(182,114,93)
-
#bf6d54
#bf6d54
rgb(191,109,84)
-
#c8684b
#c8684b
rgb(200,104,75)
-
#d16342
#d16342
rgb(209,99,66)
-
#da5f39
#da5f39
rgb(218,95,57)
-
#e35a30
#e35a30
rgb(227,90,48)
-
#ec5527
#ec5527
rgb(236,85,39)
-
#f5501e
#f5501e
rgb(245,80,30)
-
#fe4b15
#fe4b15
rgb(254,75,21)
Color Blindness Simulator
Below, you can see how #f5501e 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.