#f5551e Color Information
In a RGB color space, hex #f5551e is composed of 96.1% red, 33.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.3% magenta, 87.8% yellow and 3.9% black. It has a hue angle of 15.3 degrees, a saturation of 91.5% and a lightness of 53.9%. #f5551e color hex could be obtained by blending #ffaa3c with #eb0000. Closest websafe color is: #ff6633.
-
- R 96
- G 33
- B 12
-
- C 0
- M 65
- Y 88
- K 4
● #f5551e color description : Vivid orange.
#f5551e Color Conversion
The hexadecimal color #f5551e has RGB values of R:245, G:85, B:30 and CMYK values of C:0, M:0.65, Y:0.88, K:0.04. Its decimal value is 16078110.
Hex triplet | f5551e | #f5551e |
---|---|---|
RGB Decimal | 245, 85, 30 | rgb(245,85,30) |
RGB Percent | 96.1, 33.3, 11.8 | rgb(96.1%,33.3%,11.8%) |
CMYK | 0, 65, 88, 4 | |
HSL | 15.3°, 91.5, 53.9 | hsl(15.3,91.5%,53.9%) |
HSV (or HSB) | 15.3°, 87.8, 96.1 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.045, 59.066, 60.726 |
---|---|
XYZ | 41.141, 26.008, 4.082 |
xyY | 0.578, 0.365, 26.008 |
CIE-LCH | 58.045, 84.714, 45.794 |
CIE-LUV | 58.045, 130.703, 44.851 |
Hunter-Lab | 50.998, 54.753, 30.953 |
Binary | 11110101, 01010101, 00011110 |
Color Schemes with #f5551e
Alternatives to #f5551e
Below, you can see some colors close to #f5551e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5551e Preview
This text has a font color of #f5551e.
<span style="color:#f5551e;">Text here</span>
This paragraph has a background color of #f5551e.
<p style="background-color:#f5551e;">Content here</p>
This element has a border color of #f5551e.
<div style="border:1px solid #f5551e;">Content here</div>
.text {color:#f5551e;}
.background {background-color:#f5551e;}
.border {border:1px solid #f5551e;}
Shades and Tints of #f5551e
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)
-
#391003
#391003
rgb(57,16,3)
-
#4b1603
#4b1603
rgb(75,22,3)
-
#5e1b04
#5e1b04
rgb(94,27,4)
-
#712105
#712105
rgb(113,33,5)
-
#842606
#842606
rgb(132,38,6)
-
#972c07
#972c07
rgb(151,44,7)
-
#a93108
#a93108
rgb(169,49,8)
-
#bc3608
#bc3608
rgb(188,54,8)
-
#cf3c09
#cf3c09
rgb(207,60,9)
-
#e2410a
#e2410a
rgb(226,65,10)
-
#f4470b
#f4470b
rgb(244,71,11)
-
#f5551e
#f5551e
rgb(245,85,30)
-
#f66331
#f66331
rgb(246,99,49)
-
#f77144
#f77144
rgb(247,113,68)
-
#f88056
#f88056
rgb(248,128,86)
-
#f88e69
#f88e69
rgb(248,142,105)
-
#f99c7c
#f99c7c
rgb(249,156,124)
-
#faaa8f
#faaa8f
rgb(250,170,143)
-
#fbb8a1
#fbb8a1
rgb(251,184,161)
-
#fcc7b4
#fcc7b4
rgb(252,199,180)
-
#fdd5c7
#fdd5c7
rgb(253,213,199)
-
#fde3da
#fde3da
rgb(253,227,218)
-
#fef1ed
#fef1ed
rgb(254,241,237)
Tones of #f5551e
A tone is produced by adding gray to any pure hue. In this case, #928681 is the less saturated color, while #fe5115 is the most saturated one.
-
#928681
#928681
rgb(146,134,129)
-
#9b8178
#9b8178
rgb(155,129,120)
-
#a47d6f
#a47d6f
rgb(164,125,111)
-
#ad7866
#ad7866
rgb(173,120,102)
-
#b6745d
#b6745d
rgb(182,116,93)
-
#bf6f54
#bf6f54
rgb(191,111,84)
-
#c86b4b
#c86b4b
rgb(200,107,75)
-
#d16742
#d16742
rgb(209,103,66)
-
#da6239
#da6239
rgb(218,98,57)
-
#e35e30
#e35e30
rgb(227,94,48)
-
#ec5927
#ec5927
rgb(236,89,39)
-
#f5551e
#f5551e
rgb(245,85,30)
-
#fe5115
#fe5115
rgb(254,81,21)
Color Blindness Simulator
Below, you can see how #f5551e 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.