#f54224 Color Information
In a RGB color space, hex #f54224 is composed of 96.1% red, 25.9% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 85.3% yellow and 3.9% black. It has a hue angle of 8.6 degrees, a saturation of 91.3% and a lightness of 55.1%. #f54224 color hex could be obtained by blending #ff8448 with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 26
- B 14
-
- C 0
- M 73
- Y 85
- K 4
● #f54224 color description : Vivid red.
#f54224 Color Conversion
The hexadecimal color #f54224 has RGB values of R:245, G:66, B:36 and CMYK values of C:0, M:0.73, Y:0.85, K:0.04. Its decimal value is 16073252.
Hex triplet | f54224 | #f54224 |
---|---|---|
RGB Decimal | 245, 66, 36 | rgb(245,66,36) |
RGB Percent | 96.1, 25.9, 14.1 | rgb(96.1%,25.9%,14.1%) |
CMYK | 0, 73, 85, 4 | |
HSL | 8.6°, 91.3, 55.1 | hsl(8.6,91.3%,55.1%) |
HSV (or HSB) | 8.6°, 85.3, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.524, 66.167, 56.329 |
---|---|
XYZ | 39.925, 23.441, 4.091 |
xyY | 0.592, 0.347, 23.441 |
CIE-LCH | 55.524, 86.896, 40.408 |
CIE-LUV | 55.524, 142.656, 39.054 |
Hunter-Lab | 48.416, 62.467, 28.881 |
Binary | 11110101, 01000010, 00100100 |
Color Schemes with #f54224
Alternatives to #f54224
Below, you can see some colors close to #f54224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54224 Preview
This text has a font color of #f54224.
<span style="color:#f54224;">Text here</span>
This paragraph has a background color of #f54224.
<p style="background-color:#f54224;">Content here</p>
This element has a border color of #f54224.
<div style="border:1px solid #f54224;">Content here</div>
.text {color:#f54224;}
.background {background-color:#f54224;}
.border {border:1px solid #f54224;}
Shades and Tints of #f54224
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, #060100 is the darkest color, while #fef4f2 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#190501
#190501
rgb(25,5,1)
-
#2c0802
#2c0802
rgb(44,8,2)
-
#3e0b03
#3e0b03
rgb(62,11,3)
-
#510f04
#510f04
rgb(81,15,4)
-
#641205
#641205
rgb(100,18,5)
-
#771605
#771605
rgb(119,22,5)
-
#891906
#891906
rgb(137,25,6)
-
#9c1d07
#9c1d07
rgb(156,29,7)
-
#af2008
#af2008
rgb(175,32,8)
-
#c22309
#c22309
rgb(194,35,9)
-
#d4270a
#d4270a
rgb(212,39,10)
-
#e72a0b
#e72a0b
rgb(231,42,11)
-
#f43211
#f43211
rgb(244,50,17)
-
#f54224
#f54224
rgb(245,66,36)
-
#f65237
#f65237
rgb(246,82,55)
-
#f7624a
#f7624a
rgb(247,98,74)
-
#f8735c
#f8735c
rgb(248,115,92)
-
#f8836f
#f8836f
rgb(248,131,111)
-
#f99382
#f99382
rgb(249,147,130)
-
#faa395
#faa395
rgb(250,163,149)
-
#fbb3a7
#fbb3a7
rgb(251,179,167)
-
#fcc4ba
#fcc4ba
rgb(252,196,186)
-
#fdd4cd
#fdd4cd
rgb(253,212,205)
-
#fee4e0
#fee4e0
rgb(254,228,224)
-
#fef4f2
#fef4f2
rgb(254,244,242)
Tones of #f54224
A tone is produced by adding gray to any pure hue. In this case, #948785 is the less saturated color, while #fe3c1b is the most saturated one.
-
#948785
#948785
rgb(148,135,133)
-
#9d817c
#9d817c
rgb(157,129,124)
-
#a67b73
#a67b73
rgb(166,123,115)
-
#af746a
#af746a
rgb(175,116,106)
-
#b76e62
#b76e62
rgb(183,110,98)
-
#c06859
#c06859
rgb(192,104,89)
-
#c96150
#c96150
rgb(201,97,80)
-
#d25b47
#d25b47
rgb(210,91,71)
-
#db553e
#db553e
rgb(219,85,62)
-
#e34f36
#e34f36
rgb(227,79,54)
-
#ec482d
#ec482d
rgb(236,72,45)
-
#f54224
#f54224
rgb(245,66,36)
-
#fe3c1b
#fe3c1b
rgb(254,60,27)
Color Blindness Simulator
Below, you can see how #f54224 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.