#f54d4f Color Information
In a RGB color space, hex #f54d4f is composed of 96.1% red, 30.2% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 67.8% yellow and 3.9% black. It has a hue angle of 359.3 degrees, a saturation of 89.4% and a lightness of 63.1%. #f54d4f color hex could be obtained by blending #ff9a9e with #eb0000. Closest websafe color is: #ff6666.
-
- R 96
- G 30
- B 31
-
- C 0
- M 69
- Y 68
- K 4
● #f54d4f color description : Soft red.
#f54d4f Color Conversion
The hexadecimal color #f54d4f has RGB values of R:245, G:77, B:79 and CMYK values of C:0, M:0.69, Y:0.68, K:0.04. Its decimal value is 16076111.
Hex triplet | f54d4f | #f54d4f |
---|---|---|
RGB Decimal | 245, 77, 79 | rgb(245,77,79) |
RGB Percent | 96.1, 30.2, 31 | rgb(96.1%,30.2%,31%) |
CMYK | 0, 69, 68, 4 | |
HSL | 359.3°, 89.4, 63.1 | hsl(359.3,89.4%,63.1%) |
HSV (or HSB) | 359.3°, 68.6, 96.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 57.356, 63.808, 35.998 |
---|---|
XYZ | 41.723, 25.289, 10.081 |
xyY | 0.541, 0.328, 25.289 |
CIE-LCH | 57.356, 73.262, 29.43 |
CIE-LUV | 57.356, 128.217, 26.833 |
Hunter-Lab | 50.289, 60.092, 23.316 |
Binary | 11110101, 01001101, 01001111 |
Color Schemes with #f54d4f
Alternatives to #f54d4f
Below, you can see some colors close to #f54d4f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54d4f Preview
This text has a font color of #f54d4f.
<span style="color:#f54d4f;">Text here</span>
This paragraph has a background color of #f54d4f.
<p style="background-color:#f54d4f;">Content here</p>
This element has a border color of #f54d4f.
<div style="border:1px solid #f54d4f;">Content here</div>
.text {color:#f54d4f;}
.background {background-color:#f54d4f;}
.border {border:1px solid #f54d4f;}
Shades and Tints of #f54d4f
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, #080001 is the darkest color, while #fef4f4 is the lightest one.
-
#080001
#080001
rgb(8,0,1)
-
#1a0102
#1a0102
rgb(26,1,2)
-
#2d0303
#2d0303
rgb(45,3,3)
-
#3f0404
#3f0404
rgb(63,4,4)
-
#520506
#520506
rgb(82,5,6)
-
#650607
#650607
rgb(101,6,7)
-
#770708
#770708
rgb(119,7,8)
-
#8a0809
#8a0809
rgb(138,8,9)
-
#9c090b
#9c090b
rgb(156,9,11)
-
#af0a0c
#af0a0c
rgb(175,10,12)
-
#c10b0d
#c10b0d
rgb(193,11,13)
-
#d40c0e
#d40c0e
rgb(212,12,14)
-
#e70d10
#e70d10
rgb(231,13,16)
-
#f21518
#f21518
rgb(242,21,24)
-
#f3282a
#f3282a
rgb(243,40,42)
-
#f43a3d
#f43a3d
rgb(244,58,61)
-
#f54d4f
#f54d4f
rgb(245,77,79)
-
#f66061
#f66061
rgb(246,96,97)
-
#f77274
#f77274
rgb(247,114,116)
-
#f88586
#f88586
rgb(248,133,134)
-
#f99798
#f99798
rgb(249,151,152)
-
#faaaab
#faaaab
rgb(250,170,171)
-
#fbbcbd
#fbbcbd
rgb(251,188,189)
-
#fccfd0
#fccfd0
rgb(252,207,208)
-
#fde2e2
#fde2e2
rgb(253,226,226)
-
#fef4f4
#fef4f4
rgb(254,244,244)
Tones of #f54d4f
A tone is produced by adding gray to any pure hue. In this case, #a59d9d is the less saturated color, while #fc4648 is the most saturated one.
-
#a59d9d
#a59d9d
rgb(165,157,157)
-
#ad9596
#ad9596
rgb(173,149,150)
-
#b48e8f
#b48e8f
rgb(180,142,143)
-
#bb8787
#bb8787
rgb(187,135,135)
-
#c28080
#c28080
rgb(194,128,128)
-
#ca7879
#ca7879
rgb(202,120,121)
-
#d17172
#d17172
rgb(209,113,114)
-
#d86a6b
#d86a6b
rgb(216,106,107)
-
#df6364
#df6364
rgb(223,99,100)
-
#e75b5d
#e75b5d
rgb(231,91,93)
-
#ee5456
#ee5456
rgb(238,84,86)
-
#f54d4f
#f54d4f
rgb(245,77,79)
-
#fc4648
#fc4648
rgb(252,70,72)
Color Blindness Simulator
Below, you can see how #f54d4f 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.