#f54f4d Color Information
In a RGB color space, hex #f54f4d is composed of 96.1% red, 31% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 68.6% yellow and 3.9% black. It has a hue angle of 0.7 degrees, a saturation of 89.4% and a lightness of 63.1%. #f54f4d color hex could be obtained by blending #ff9e9a with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 31
- B 30
-
- C 0
- M 68
- Y 69
- K 4
● #f54f4d color description : Soft red.
#f54f4d Color Conversion
The hexadecimal color #f54f4d has RGB values of R:245, G:79, B:77 and CMYK values of C:0, M:0.68, Y:0.69, K:0.04. Its decimal value is 16076621.
Hex triplet | f54f4d | #f54f4d |
---|---|---|
RGB Decimal | 245, 79, 77 | rgb(245,79,77) |
RGB Percent | 96.1, 31, 30.2 | rgb(96.1%,31%,30.2%) |
CMYK | 0, 68, 69, 4 | |
HSL | 0.7°, 89.4, 63.1 | hsl(0.7,89.4%,63.1%) |
HSV (or HSB) | 0.7°, 68.6, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 57.603, 62.96, 37.422 |
---|---|
XYZ | 41.793, 25.545, 9.751 |
xyY | 0.542, 0.331, 25.545 |
CIE-LCH | 57.603, 73.242, 30.726 |
CIE-LUV | 57.603, 127.456, 28.318 |
Hunter-Lab | 50.542, 59.154, 23.941 |
Binary | 11110101, 01001111, 01001101 |
Color Schemes with #f54f4d
Alternatives to #f54f4d
Below, you can see some colors close to #f54f4d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54f4d Preview
This text has a font color of #f54f4d.
<span style="color:#f54f4d;">Text here</span>
This paragraph has a background color of #f54f4d.
<p style="background-color:#f54f4d;">Content here</p>
This element has a border color of #f54f4d.
<div style="border:1px solid #f54f4d;">Content here</div>
.text {color:#f54f4d;}
.background {background-color:#f54f4d;}
.border {border:1px solid #f54f4d;}
Shades and Tints of #f54f4d
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, #080100 is the darkest color, while #fef4f4 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1a0201
#1a0201
rgb(26,2,1)
-
#2d0303
#2d0303
rgb(45,3,3)
-
#3f0404
#3f0404
rgb(63,4,4)
-
#520605
#520605
rgb(82,6,5)
-
#650706
#650706
rgb(101,7,6)
-
#770807
#770807
rgb(119,8,7)
-
#8a0908
#8a0908
rgb(138,9,8)
-
#9c0b09
#9c0b09
rgb(156,11,9)
-
#af0c0a
#af0c0a
rgb(175,12,10)
-
#c10d0b
#c10d0b
rgb(193,13,11)
-
#d40e0c
#d40e0c
rgb(212,14,12)
-
#e7100d
#e7100d
rgb(231,16,13)
-
#f21815
#f21815
rgb(242,24,21)
-
#f32a28
#f32a28
rgb(243,42,40)
-
#f43d3a
#f43d3a
rgb(244,61,58)
-
#f54f4d
#f54f4d
rgb(245,79,77)
-
#f66160
#f66160
rgb(246,97,96)
-
#f77472
#f77472
rgb(247,116,114)
-
#f88685
#f88685
rgb(248,134,133)
-
#f99897
#f99897
rgb(249,152,151)
-
#faabaa
#faabaa
rgb(250,171,170)
-
#fbbdbc
#fbbdbc
rgb(251,189,188)
-
#fcd0cf
#fcd0cf
rgb(252,208,207)
-
#fde2e2
#fde2e2
rgb(253,226,226)
-
#fef4f4
#fef4f4
rgb(254,244,244)
Tones of #f54f4d
A tone is produced by adding gray to any pure hue. In this case, #a59d9d is the less saturated color, while #fc4846 is the most saturated one.
-
#a59d9d
#a59d9d
rgb(165,157,157)
-
#ad9695
#ad9695
rgb(173,150,149)
-
#b48f8e
#b48f8e
rgb(180,143,142)
-
#bb8787
#bb8787
rgb(187,135,135)
-
#c28080
#c28080
rgb(194,128,128)
-
#ca7978
#ca7978
rgb(202,121,120)
-
#d17271
#d17271
rgb(209,114,113)
-
#d86b6a
#d86b6a
rgb(216,107,106)
-
#df6463
#df6463
rgb(223,100,99)
-
#e75d5b
#e75d5b
rgb(231,93,91)
-
#ee5654
#ee5654
rgb(238,86,84)
-
#f54f4d
#f54f4d
rgb(245,79,77)
-
#fc4846
#fc4846
rgb(252,72,70)
Color Blindness Simulator
Below, you can see how #f54f4d 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.