#f54655 Color Information
In a RGB color space, hex #f54655 is composed of 96.1% red, 27.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 65.3% yellow and 3.9% black. It has a hue angle of 354.9 degrees, a saturation of 89.7% and a lightness of 61.8%. #f54655 color hex could be obtained by blending #ff8caa with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 27
- B 33
-
- C 0
- M 71
- Y 65
- K 4
● #f54655 color description : Bright red.
#f54655 Color Conversion
The hexadecimal color #f54655 has RGB values of R:245, G:70, B:85 and CMYK values of C:0, M:0.71, Y:0.65, K:0.04. Its decimal value is 16074325.
Hex triplet | f54655 | #f54655 |
---|---|---|
RGB Decimal | 245, 70, 85 | rgb(245,70,85) |
RGB Percent | 96.1, 27.5, 33.3 | rgb(96.1%,27.5%,33.3%) |
CMYK | 0, 71, 65, 4 | |
HSL | 354.9°, 89.7, 61.8 | hsl(354.9,89.7%,61.8%) |
HSV (or HSB) | 354.9°, 71.4, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.539, 66.616, 31.556 |
---|---|
XYZ | 41.488, 24.453, 11.129 |
xyY | 0.538, 0.317, 24.453 |
CIE-LCH | 56.539, 73.712, 25.347 |
CIE-LUV | 56.539, 130.75, 22.012 |
Hunter-Lab | 49.45, 63.219, 21.272 |
Binary | 11110101, 01000110, 01010101 |
Color Schemes with #f54655
Alternatives to #f54655
Below, you can see some colors close to #f54655. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54655 Preview
This text has a font color of #f54655.
<span style="color:#f54655;">Text here</span>
This paragraph has a background color of #f54655.
<p style="background-color:#f54655;">Content here</p>
This element has a border color of #f54655.
<div style="border:1px solid #f54655;">Content here</div>
.text {color:#f54655;}
.background {background-color:#f54655;}
.border {border:1px solid #f54655;}
Shades and Tints of #f54655
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 #feedef is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140103
#140103
rgb(20,1,3)
-
#260205
#260205
rgb(38,2,5)
-
#390308
#390308
rgb(57,3,8)
-
#4c040a
#4c040a
rgb(76,4,10)
-
#5e050d
#5e050d
rgb(94,5,13)
-
#71060f
#71060f
rgb(113,6,15)
-
#830712
#830712
rgb(131,7,18)
-
#960814
#960814
rgb(150,8,20)
-
#a90917
#a90917
rgb(169,9,23)
-
#bb0a19
#bb0a19
rgb(187,10,25)
-
#ce0b1c
#ce0b1c
rgb(206,11,28)
-
#e00c1e
#e00c1e
rgb(224,12,30)
-
#f20e22
#f20e22
rgb(242,14,34)
-
#f32133
#f32133
rgb(243,33,51)
-
#f43344
#f43344
rgb(244,51,68)
-
#f54655
#f54655
rgb(245,70,85)
-
#f65966
#f65966
rgb(246,89,102)
-
#f76b77
#f76b77
rgb(247,107,119)
-
#f87e88
#f87e88
rgb(248,126,136)
-
#f99099
#f99099
rgb(249,144,153)
-
#faa3ab
#faa3ab
rgb(250,163,171)
-
#fbb6bc
#fbb6bc
rgb(251,182,188)
-
#fcc8cd
#fcc8cd
rgb(252,200,205)
-
#fddbde
#fddbde
rgb(253,219,222)
-
#feedef
#feedef
rgb(254,237,239)
Tones of #f54655
A tone is produced by adding gray to any pure hue. In this case, #a39999 is the less saturated color, while #fd3f4f is the most saturated one.
-
#a39999
#a39999
rgb(163,153,153)
-
#aa9193
#aa9193
rgb(170,145,147)
-
#b28a8d
#b28a8d
rgb(178,138,141)
-
#b98287
#b98287
rgb(185,130,135)
-
#c17b81
#c17b81
rgb(193,123,129)
-
#c8737a
#c8737a
rgb(200,115,122)
-
#d06c74
#d06c74
rgb(208,108,116)
-
#d7646e
#d7646e
rgb(215,100,110)
-
#df5d68
#df5d68
rgb(223,93,104)
-
#e65561
#e65561
rgb(230,85,97)
-
#ee4e5b
#ee4e5b
rgb(238,78,91)
-
#f54655
#f54655
rgb(245,70,85)
-
#fd3f4f
#fd3f4f
rgb(253,63,79)
Color Blindness Simulator
Below, you can see how #f54655 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.