#f54056 Color Information
In a RGB color space, hex #f54056 is composed of 96.1% red, 25.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.9% magenta, 64.9% yellow and 3.9% black. It has a hue angle of 352.7 degrees, a saturation of 90% and a lightness of 60.6%. #f54056 color hex could be obtained by blending #ff80ac with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 25
- B 34
-
- C 0
- M 74
- Y 65
- K 4
● #f54056 color description : Bright red.
#f54056 Color Conversion
The hexadecimal color #f54056 has RGB values of R:245, G:64, B:86 and CMYK values of C:0, M:0.74, Y:0.65, K:0.04. Its decimal value is 16072790.
Hex triplet | f54056 | #f54056 |
---|---|---|
RGB Decimal | 245, 64, 86 | rgb(245,64,86) |
RGB Percent | 96.1, 25.1, 33.7 | rgb(96.1%,25.1%,33.7%) |
CMYK | 0, 74, 65, 4 | |
HSL | 352.7°, 90, 60.6 | hsl(352.7,90%,60.6%) |
HSV (or HSB) | 352.7°, 73.9, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 55.843, 68.65, 30.099 |
---|---|
XYZ | 41.171, 23.756, 11.221 |
xyY | 0.541, 0.312, 23.756 |
CIE-LCH | 55.843, 74.958, 23.674 |
CIE-LUV | 55.843, 133.651, 19.984 |
Hunter-Lab | 48.74, 65.485, 20.468 |
Binary | 11110101, 01000000, 01010110 |
Color Schemes with #f54056
Alternatives to #f54056
Below, you can see some colors close to #f54056. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54056 Preview
This text has a font color of #f54056.
<span style="color:#f54056;">Text here</span>
This paragraph has a background color of #f54056.
<p style="background-color:#f54056;">Content here</p>
This element has a border color of #f54056.
<div style="border:1px solid #f54056;">Content here</div>
.text {color:#f54056;}
.background {background-color:#f54056;}
.border {border:1px solid #f54056;}
Shades and Tints of #f54056
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, #0e0102 is the darkest color, while #fffafb is the lightest one.
-
#0e0102
#0e0102
rgb(14,1,2)
-
#210205
#210205
rgb(33,2,5)
-
#330309
#330309
rgb(51,3,9)
-
#46040c
#46040c
rgb(70,4,12)
-
#59050f
#59050f
rgb(89,5,15)
-
#6b0612
#6b0612
rgb(107,6,18)
-
#7e0715
#7e0715
rgb(126,7,21)
-
#910818
#910818
rgb(145,8,24)
-
#a3091b
#a3091b
rgb(163,9,27)
-
#b60a1e
#b60a1e
rgb(182,10,30)
-
#c80a22
#c80a22
rgb(200,10,34)
-
#db0b25
#db0b25
rgb(219,11,37)
-
#ee0c28
#ee0c28
rgb(238,12,40)
-
#f31b35
#f31b35
rgb(243,27,53)
-
#f42d46
#f42d46
rgb(244,45,70)
-
#f54056
#f54056
rgb(245,64,86)
-
#f65366
#f65366
rgb(246,83,102)
-
#f76577
#f76577
rgb(247,101,119)
-
#f87887
#f87887
rgb(248,120,135)
-
#f98b98
#f98b98
rgb(249,139,152)
-
#fa9da8
#fa9da8
rgb(250,157,168)
-
#fbb0b9
#fbb0b9
rgb(251,176,185)
-
#fcc2c9
#fcc2c9
rgb(252,194,201)
-
#fdd5da
#fdd5da
rgb(253,213,218)
-
#fee8ea
#fee8ea
rgb(254,232,234)
-
#fffafb
#fffafb
rgb(255,250,251)
Tones of #f54056
A tone is produced by adding gray to any pure hue. In this case, #a09596 is the less saturated color, while #fd3850 is the most saturated one.
-
#a09596
#a09596
rgb(160,149,150)
-
#a88d91
#a88d91
rgb(168,141,145)
-
#af868b
#af868b
rgb(175,134,139)
-
#b77e85
#b77e85
rgb(183,126,133)
-
#bf767f
#bf767f
rgb(191,118,127)
-
#c76e79
#c76e79
rgb(199,110,121)
-
#ce6773
#ce6773
rgb(206,103,115)
-
#d65f6d
#d65f6d
rgb(214,95,109)
-
#de5768
#de5768
rgb(222,87,104)
-
#e64f62
#e64f62
rgb(230,79,98)
-
#ed485c
#ed485c
rgb(237,72,92)
-
#f54056
#f54056
rgb(245,64,86)
-
#fd3850
#fd3850
rgb(253,56,80)
Color Blindness Simulator
Below, you can see how #f54056 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.