#f54565 Color Information
In a RGB color space, hex #f54565 is composed of 96.1% red, 27.1% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 58.8% yellow and 3.9% black. It has a hue angle of 349.1 degrees, a saturation of 89.8% and a lightness of 61.6%. #f54565 color hex could be obtained by blending #ff8aca with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 27
- B 40
-
- C 0
- M 72
- Y 59
- K 4
● #f54565 color description : Bright red.
#f54565 Color Conversion
The hexadecimal color #f54565 has RGB values of R:245, G:69, B:101 and CMYK values of C:0, M:0.72, Y:0.59, K:0.04. Its decimal value is 16074085.
Hex triplet | f54565 | #f54565 |
---|---|---|
RGB Decimal | 245, 69, 101 | rgb(245,69,101) |
RGB Percent | 96.1, 27.1, 39.6 | rgb(96.1%,27.1%,39.6%) |
CMYK | 0, 72, 59, 4 | |
HSL | 349.1°, 89.8, 61.6 | hsl(349.1,89.8%,61.6%) |
HSV (or HSB) | 349.1°, 71.8, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.696, 67.899, 22.406 |
---|---|
XYZ | 42.135, 24.613, 14.843 |
xyY | 0.516, 0.302, 24.613 |
CIE-LCH | 56.696, 71.5, 18.262 |
CIE-LUV | 56.696, 126.683, 12.969 |
Hunter-Lab | 49.611, 64.779, 16.989 |
Binary | 11110101, 01000101, 01100101 |
Color Schemes with #f54565
Alternatives to #f54565
Below, you can see some colors close to #f54565. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54565 Preview
This text has a font color of #f54565.
<span style="color:#f54565;">Text here</span>
This paragraph has a background color of #f54565.
<p style="background-color:#f54565;">Content here</p>
This element has a border color of #f54565.
<div style="border:1px solid #f54565;">Content here</div>
.text {color:#f54565;}
.background {background-color:#f54565;}
.border {border:1px solid #f54565;}
Shades and Tints of #f54565
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, #000000 is the darkest color, while #feedf0 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130104
#130104
rgb(19,1,4)
-
#250208
#250208
rgb(37,2,8)
-
#38030d
#38030d
rgb(56,3,13)
-
#4b0411
#4b0411
rgb(75,4,17)
-
#5d0515
#5d0515
rgb(93,5,21)
-
#700619
#700619
rgb(112,6,25)
-
#82071d
#82071d
rgb(130,7,29)
-
#950822
#950822
rgb(149,8,34)
-
#a80926
#a80926
rgb(168,9,38)
-
#ba0a2a
#ba0a2a
rgb(186,10,42)
-
#cd0b2e
#cd0b2e
rgb(205,11,46)
-
#e00c32
#e00c32
rgb(224,12,50)
-
#f20d37
#f20d37
rgb(242,13,55)
-
#f32046
#f32046
rgb(243,32,70)
-
#f43256
#f43256
rgb(244,50,86)
-
#f54565
#f54565
rgb(245,69,101)
-
#f65874
#f65874
rgb(246,88,116)
-
#f76a84
#f76a84
rgb(247,106,132)
-
#f87d93
#f87d93
rgb(248,125,147)
-
#f98fa3
#f98fa3
rgb(249,143,163)
-
#faa2b2
#faa2b2
rgb(250,162,178)
-
#fbb5c1
#fbb5c1
rgb(251,181,193)
-
#fcc7d1
#fcc7d1
rgb(252,199,209)
-
#fddae0
#fddae0
rgb(253,218,224)
-
#feedf0
#feedf0
rgb(254,237,240)
Tones of #f54565
A tone is produced by adding gray to any pure hue. In this case, #a2989a is the less saturated color, while #fd3d60 is the most saturated one.
-
#a2989a
#a2989a
rgb(162,152,154)
-
#aa9095
#aa9095
rgb(170,144,149)
-
#b18990
#b18990
rgb(177,137,144)
-
#b9818b
#b9818b
rgb(185,129,139)
-
#c07a87
#c07a87
rgb(192,122,135)
-
#c87282
#c87282
rgb(200,114,130)
-
#cf6b7d
#cf6b7d
rgb(207,107,125)
-
#d76378
#d76378
rgb(215,99,120)
-
#de5c73
#de5c73
rgb(222,92,115)
-
#e6546f
#e6546f
rgb(230,84,111)
-
#ed4d6a
#ed4d6a
rgb(237,77,106)
-
#f54565
#f54565
rgb(245,69,101)
-
#fd3d60
#fd3d60
rgb(253,61,96)
Color Blindness Simulator
Below, you can see how #f54565 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.