#f54648 Color Information
In a RGB color space, hex #f54648 is composed of 96.1% red, 27.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 70.6% yellow and 3.9% black. It has a hue angle of 359.3 degrees, a saturation of 89.7% and a lightness of 61.8%. #f54648 color hex could be obtained by blending #ff8c90 with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 27
- B 28
-
- C 0
- M 71
- Y 71
- K 4
● #f54648 color description : Bright red.
#f54648 Color Conversion
The hexadecimal color #f54648 has RGB values of R:245, G:70, B:72 and CMYK values of C:0, M:0.71, Y:0.71, K:0.04. Its decimal value is 16074312.
Hex triplet | f54648 | #f54648 |
---|---|---|
RGB Decimal | 245, 70, 72 | rgb(245,70,72) |
RGB Percent | 96.1, 27.5, 28.2 | rgb(96.1%,27.5%,28.2%) |
CMYK | 0, 71, 71, 4 | |
HSL | 359.3°, 89.7, 61.8 | hsl(359.3,89.7%,61.8%) |
HSV (or HSB) | 359.3°, 71.4, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.353, 65.982, 38.754 |
---|---|
XYZ | 41.018, 24.265, 8.654 |
xyY | 0.555, 0.328, 24.265 |
CIE-LCH | 56.353, 76.521, 30.428 |
CIE-LUV | 56.353, 133.967, 28.139 |
Hunter-Lab | 49.26, 62.429, 24.065 |
Binary | 11110101, 01000110, 01001000 |
Color Schemes with #f54648
Alternatives to #f54648
Below, you can see some colors close to #f54648. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54648 Preview
This text has a font color of #f54648.
<span style="color:#f54648;">Text here</span>
This paragraph has a background color of #f54648.
<p style="background-color:#f54648;">Content here</p>
This element has a border color of #f54648.
<div style="border:1px solid #f54648;">Content here</div>
.text {color:#f54648;}
.background {background-color:#f54648;}
.border {border:1px solid #f54648;}
Shades and Tints of #f54648
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, #010000 is the darkest color, while #feedee is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140101
#140101
rgb(20,1,1)
-
#260202
#260202
rgb(38,2,2)
-
#390304
#390304
rgb(57,3,4)
-
#4c0405
#4c0405
rgb(76,4,5)
-
#5e0506
#5e0506
rgb(94,5,6)
-
#710607
#710607
rgb(113,6,7)
-
#830709
#830709
rgb(131,7,9)
-
#96080a
#96080a
rgb(150,8,10)
-
#a9090b
#a9090b
rgb(169,9,11)
-
#bb0a0c
#bb0a0c
rgb(187,10,12)
-
#ce0b0d
#ce0b0d
rgb(206,11,13)
-
#e00c0f
#e00c0f
rgb(224,12,15)
-
#f20e11
#f20e11
rgb(242,14,17)
-
#f32123
#f32123
rgb(243,33,35)
-
#f43336
#f43336
rgb(244,51,54)
-
#f54648
#f54648
rgb(245,70,72)
-
#f6595a
#f6595a
rgb(246,89,90)
-
#f76b6d
#f76b6d
rgb(247,107,109)
-
#f87e7f
#f87e7f
rgb(248,126,127)
-
#f99092
#f99092
rgb(249,144,146)
-
#faa3a4
#faa3a4
rgb(250,163,164)
-
#fbb6b6
#fbb6b6
rgb(251,182,182)
-
#fcc8c9
#fcc8c9
rgb(252,200,201)
-
#fddbdb
#fddbdb
rgb(253,219,219)
-
#feedee
#feedee
rgb(254,237,238)
Tones of #f54648
A tone is produced by adding gray to any pure hue. In this case, #a39999 is the less saturated color, while #fd3f41 is the most saturated one.
-
#a39999
#a39999
rgb(163,153,153)
-
#aa9191
#aa9191
rgb(170,145,145)
-
#b28a8a
#b28a8a
rgb(178,138,138)
-
#b98283
#b98283
rgb(185,130,131)
-
#c17b7b
#c17b7b
rgb(193,123,123)
-
#c87374
#c87374
rgb(200,115,116)
-
#d06c6d
#d06c6d
rgb(208,108,109)
-
#d76465
#d76465
rgb(215,100,101)
-
#df5d5e
#df5d5e
rgb(223,93,94)
-
#e65557
#e65557
rgb(230,85,87)
-
#ee4e4f
#ee4e4f
rgb(238,78,79)
-
#f54648
#f54648
rgb(245,70,72)
-
#fd3f41
#fd3f41
rgb(253,63,65)
Color Blindness Simulator
Below, you can see how #f54648 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.