#f54f60 Color Information
In a RGB color space, hex #f54f60 is composed of 96.1% red, 31% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 60.8% yellow and 3.9% black. It has a hue angle of 353.9 degrees, a saturation of 89.2% and a lightness of 63.5%. #f54f60 color hex could be obtained by blending #ff9ec0 with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 31
- B 38
-
- C 0
- M 68
- Y 61
- K 4
● #f54f60 color description : Soft red.
#f54f60 Color Conversion
The hexadecimal color #f54f60 has RGB values of R:245, G:79, B:96 and CMYK values of C:0, M:0.68, Y:0.61, K:0.04. Its decimal value is 16076640.
Hex triplet | f54f60 | #f54f60 |
---|---|---|
RGB Decimal | 245, 79, 96 | rgb(245,79,96) |
RGB Percent | 96.1, 31, 37.6 | rgb(96.1%,31%,37.6%) |
CMYK | 0, 68, 61, 4 | |
HSL | 353.9°, 89.2, 63.5 | hsl(353.9,89.2%,63.5%) |
HSV (or HSB) | 353.9°, 67.8, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 57.898, 64.013, 26.912 |
---|---|
XYZ | 42.565, 25.854, 13.815 |
xyY | 0.518, 0.314, 25.854 |
CIE-LCH | 57.898, 69.441, 22.803 |
CIE-LUV | 57.898, 122.704, 18.689 |
Hunter-Lab | 50.846, 60.447, 19.484 |
Binary | 11110101, 01001111, 01100000 |
Color Schemes with #f54f60
Alternatives to #f54f60
Below, you can see some colors close to #f54f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54f60 Preview
This text has a font color of #f54f60.
<span style="color:#f54f60;">Text here</span>
This paragraph has a background color of #f54f60.
<p style="background-color:#f54f60;">Content here</p>
This element has a border color of #f54f60.
<div style="border:1px solid #f54f60;">Content here</div>
.text {color:#f54f60;}
.background {background-color:#f54f60;}
.border {border:1px solid #f54f60;}
Shades and Tints of #f54f60
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, #0a0101 is the darkest color, while #fef6f7 is the lightest one.
-
#0a0101
#0a0101
rgb(10,1,1)
-
#1c0204
#1c0204
rgb(28,2,4)
-
#2f0307
#2f0307
rgb(47,3,7)
-
#41040a
#41040a
rgb(65,4,10)
-
#54050d
#54050d
rgb(84,5,13)
-
#660610
#660610
rgb(102,6,16)
-
#790713
#790713
rgb(121,7,19)
-
#8c0815
#8c0815
rgb(140,8,21)
-
#9e0918
#9e0918
rgb(158,9,24)
-
#b10a1b
#b10a1b
rgb(177,10,27)
-
#c30b1e
#c30b1e
rgb(195,11,30)
-
#d60c21
#d60c21
rgb(214,12,33)
-
#e80d24
#e80d24
rgb(232,13,36)
-
#f2172e
#f2172e
rgb(242,23,46)
-
#f32a3e
#f32a3e
rgb(243,42,62)
-
#f43c4f
#f43c4f
rgb(244,60,79)
-
#f54f60
#f54f60
rgb(245,79,96)
-
#f66271
#f66271
rgb(246,98,113)
-
#f77482
#f77482
rgb(247,116,130)
-
#f88792
#f88792
rgb(248,135,146)
-
#f999a3
#f999a3
rgb(249,153,163)
-
#faacb4
#faacb4
rgb(250,172,180)
-
#fbbec5
#fbbec5
rgb(251,190,197)
-
#fcd1d5
#fcd1d5
rgb(252,209,213)
-
#fde3e6
#fde3e6
rgb(253,227,230)
-
#fef6f7
#fef6f7
rgb(254,246,247)
Tones of #f54f60
A tone is produced by adding gray to any pure hue. In this case, #a69e9f is the less saturated color, while #fc485a is the most saturated one.
-
#a69e9f
#a69e9f
rgb(166,158,159)
-
#ad9799
#ad9799
rgb(173,151,153)
-
#b58f93
#b58f93
rgb(181,143,147)
-
#bc888e
#bc888e
rgb(188,136,142)
-
#c38188
#c38188
rgb(195,129,136)
-
#ca7a82
#ca7a82
rgb(202,122,130)
-
#d1737c
#d1737c
rgb(209,115,124)
-
#d86c77
#d86c77
rgb(216,108,119)
-
#e06471
#e06471
rgb(224,100,113)
-
#e75d6b
#e75d6b
rgb(231,93,107)
-
#ee5666
#ee5666
rgb(238,86,102)
-
#f54f60
#f54f60
rgb(245,79,96)
-
#fc485a
#fc485a
rgb(252,72,90)
Color Blindness Simulator
Below, you can see how #f54f60 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.