#f54566 Color Information
In a RGB color space, hex #f54566 is composed of 96.1% red, 27.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.8% magenta, 58.4% yellow and 3.9% black. It has a hue angle of 348.8 degrees, a saturation of 89.8% and a lightness of 61.6%. #f54566 color hex could be obtained by blending #ff8acc with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 27
- B 40
-
- C 0
- M 72
- Y 58
- K 4
● #f54566 color description : Bright red.
#f54566 Color Conversion
The hexadecimal color #f54566 has RGB values of R:245, G:69, B:102 and CMYK values of C:0, M:0.72, Y:0.58, K:0.04. Its decimal value is 16074086.
Hex triplet | f54566 | #f54566 |
---|---|---|
RGB Decimal | 245, 69, 102 | rgb(245,69,102) |
RGB Percent | 96.1, 27.1, 40 | rgb(96.1%,27.1%,40%) |
CMYK | 0, 72, 58, 4 | |
HSL | 348.8°, 89.8, 61.6 | hsl(348.8,89.8%,61.6%) |
HSV (or HSB) | 348.8°, 71.8, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.716, 67.964, 21.843 |
---|---|
XYZ | 42.184, 24.633, 15.103 |
xyY | 0.515, 0.301, 24.633 |
CIE-LCH | 56.716, 71.387, 17.817 |
CIE-LUV | 56.716, 126.374, 12.379 |
Hunter-Lab | 49.631, 64.861, 16.7 |
Binary | 11110101, 01000101, 01100110 |
Color Schemes with #f54566
Alternatives to #f54566
Below, you can see some colors close to #f54566. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f54566 Preview
This text has a font color of #f54566.
<span style="color:#f54566;">Text here</span>
This paragraph has a background color of #f54566.
<p style="background-color:#f54566;">Content here</p>
This element has a border color of #f54566.
<div style="border:1px solid #f54566;">Content here</div>
.text {color:#f54566;}
.background {background-color:#f54566;}
.border {border:1px solid #f54566;}
Shades and Tints of #f54566
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)
-
#250209
#250209
rgb(37,2,9)
-
#38030d
#38030d
rgb(56,3,13)
-
#4b0411
#4b0411
rgb(75,4,17)
-
#5d0516
#5d0516
rgb(93,5,22)
-
#70061a
#70061a
rgb(112,6,26)
-
#82071e
#82071e
rgb(130,7,30)
-
#950822
#950822
rgb(149,8,34)
-
#a80927
#a80927
rgb(168,9,39)
-
#ba0a2b
#ba0a2b
rgb(186,10,43)
-
#cd0b2f
#cd0b2f
rgb(205,11,47)
-
#e00c34
#e00c34
rgb(224,12,52)
-
#f20d38
#f20d38
rgb(242,13,56)
-
#f32047
#f32047
rgb(243,32,71)
-
#f43257
#f43257
rgb(244,50,87)
-
#f54566
#f54566
rgb(245,69,102)
-
#f65875
#f65875
rgb(246,88,117)
-
#f76a85
#f76a85
rgb(247,106,133)
-
#f87d94
#f87d94
rgb(248,125,148)
-
#f98fa3
#f98fa3
rgb(249,143,163)
-
#faa2b3
#faa2b3
rgb(250,162,179)
-
#fbb5c2
#fbb5c2
rgb(251,181,194)
-
#fcc7d1
#fcc7d1
rgb(252,199,209)
-
#fddae0
#fddae0
rgb(253,218,224)
-
#feedf0
#feedf0
rgb(254,237,240)
Tones of #f54566
A tone is produced by adding gray to any pure hue. In this case, #a2989a is the less saturated color, while #fd3d61 is the most saturated one.
-
#a2989a
#a2989a
rgb(162,152,154)
-
#aa9095
#aa9095
rgb(170,144,149)
-
#b18990
#b18990
rgb(177,137,144)
-
#b9818c
#b9818c
rgb(185,129,140)
-
#c07a87
#c07a87
rgb(192,122,135)
-
#c87282
#c87282
rgb(200,114,130)
-
#cf6b7e
#cf6b7e
rgb(207,107,126)
-
#d76379
#d76379
rgb(215,99,121)
-
#de5c74
#de5c74
rgb(222,92,116)
-
#e6546f
#e6546f
rgb(230,84,111)
-
#ed4d6b
#ed4d6b
rgb(237,77,107)
-
#f54566
#f54566
rgb(245,69,102)
-
#fd3d61
#fd3d61
rgb(253,61,97)
Color Blindness Simulator
Below, you can see how #f54566 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.