#f54245 Color Information
In a RGB color space, hex #f54245 is composed of 96.1% red, 25.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 71.8% yellow and 3.9% black. It has a hue angle of 359 degrees, a saturation of 89.9% and a lightness of 61%. #f54245 color hex could be obtained by blending #ff848a with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 26
- B 27
-
- C 0
- M 73
- Y 72
- K 4
● #f54245 color description : Bright red.
#f54245 Color Conversion
The hexadecimal color #f54245 has RGB values of R:245, G:66, B:69 and CMYK values of C:0, M:0.73, Y:0.72, K:0.04. Its decimal value is 16073285.
Hex triplet | f54245 | #f54245 |
---|---|---|
RGB Decimal | 245, 66, 69 | rgb(245,66,69) |
RGB Percent | 96.1, 25.9, 27.1 | rgb(96.1%,25.9%,27.1%) |
CMYK | 0, 73, 72, 4 | |
HSL | 359°, 89.9, 61 | hsl(359,89.9%,61%) |
HSV (or HSB) | 359°, 73.1, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.83, 67.195, 39.831 |
---|---|
XYZ | 40.68, 23.743, 8.071 |
xyY | 0.561, 0.328, 23.743 |
CIE-LCH | 55.83, 78.114, 30.658 |
CIE-LUV | 55.83, 136.908, 28.443 |
Hunter-Lab | 48.727, 63.75, 24.289 |
Binary | 11110101, 01000010, 01000101 |
Color Schemes with #f54245
Alternatives to #f54245
Below, you can see some colors close to #f54245. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54245 Preview
This text has a font color of #f54245.
<span style="color:#f54245;">Text here</span>
This paragraph has a background color of #f54245.
<p style="background-color:#f54245;">Content here</p>
This element has a border color of #f54245.
<div style="border:1px solid #f54245;">Content here</div>
.text {color:#f54245;}
.background {background-color:#f54245;}
.border {border:1px solid #f54245;}
Shades and Tints of #f54245
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, #100101 is the darkest color, while #fffcfc is the lightest one.
-
#100101
#100101
rgb(16,1,1)
-
#230202
#230202
rgb(35,2,2)
-
#350304
#350304
rgb(53,3,4)
-
#480405
#480405
rgb(72,4,5)
-
#5a0506
#5a0506
rgb(90,5,6)
-
#6d0608
#6d0608
rgb(109,6,8)
-
#800709
#800709
rgb(128,7,9)
-
#92080a
#92080a
rgb(146,8,10)
-
#a5090b
#a5090b
rgb(165,9,11)
-
#b80a0d
#b80a0d
rgb(184,10,13)
-
#ca0b0e
#ca0b0e
rgb(202,11,14)
-
#dd0c0f
#dd0c0f
rgb(221,12,15)
-
#ef0d10
#ef0d10
rgb(239,13,16)
-
#f31d20
#f31d20
rgb(243,29,32)
-
#f42f33
#f42f33
rgb(244,47,51)
-
#f54245
#f54245
rgb(245,66,69)
-
#f65557
#f65557
rgb(246,85,87)
-
#f7676a
#f7676a
rgb(247,103,106)
-
#f87a7c
#f87a7c
rgb(248,122,124)
-
#f98d8e
#f98d8e
rgb(249,141,142)
-
#fa9fa1
#fa9fa1
rgb(250,159,161)
-
#fbb2b3
#fbb2b3
rgb(251,178,179)
-
#fcc4c5
#fcc4c5
rgb(252,196,197)
-
#fdd7d8
#fdd7d8
rgb(253,215,216)
-
#feeaea
#feeaea
rgb(254,234,234)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #f54245
A tone is produced by adding gray to any pure hue. In this case, #a19696 is the less saturated color, while #fd3a3e is the most saturated one.
-
#a19696
#a19696
rgb(161,150,150)
-
#a88f8f
#a88f8f
rgb(168,143,143)
-
#b08788
#b08788
rgb(176,135,136)
-
#b87f80
#b87f80
rgb(184,127,128)
-
#bf7879
#bf7879
rgb(191,120,121)
-
#c77071
#c77071
rgb(199,112,113)
-
#cf686a
#cf686a
rgb(207,104,106)
-
#d66163
#d66163
rgb(214,97,99)
-
#de595b
#de595b
rgb(222,89,91)
-
#e65154
#e65154
rgb(230,81,84)
-
#ed4a4c
#ed4a4c
rgb(237,74,76)
-
#f54245
#f54245
rgb(245,66,69)
-
#fd3a3e
#fd3a3e
rgb(253,58,62)
Color Blindness Simulator
Below, you can see how #f54245 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.