#f64c56 Color Information
In a RGB color space, hex #f64c56 is composed of 96.5% red, 29.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.1% magenta, 65% yellow and 3.5% black. It has a hue angle of 356.5 degrees, a saturation of 90.4% and a lightness of 63.1%. #f64c56 color hex could be obtained by blending #ff98ac with #ed0000. Closest websafe color is: #ff3366.
-
- R 96
- G 30
- B 34
-
- C 0
- M 69
- Y 65
- K 4
● #f64c56 color description : Soft red.
#f64c56 Color Conversion
The hexadecimal color #f64c56 has RGB values of R:246, G:76, B:86 and CMYK values of C:0, M:0.69, Y:0.65, K:0.04. Its decimal value is 16141398.
Hex triplet | f64c56 | #f64c56 |
---|---|---|
RGB Decimal | 246, 76, 86 | rgb(246,76,86) |
RGB Percent | 96.5, 29.8, 33.7 | rgb(96.5%,29.8%,33.7%) |
CMYK | 0, 69, 65, 4 | |
HSL | 356.5°, 90.4, 63.1 | hsl(356.5,90.4%,63.1%) |
HSV (or HSB) | 356.5°, 69.1, 96.5 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 57.5, 64.848, 32.219 |
---|---|
XYZ | 42.272, 25.438, 11.488 |
xyY | 0.534, 0.321, 25.438 |
CIE-LCH | 57.5, 72.411, 26.42 |
CIE-LUV | 57.5, 127.895, 23.326 |
Hunter-Lab | 50.436, 61.341, 21.801 |
Binary | 11110110, 01001100, 01010110 |
Color Schemes with #f64c56
Alternatives to #f64c56
Below, you can see some colors close to #f64c56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64c56 Preview
This text has a font color of #f64c56.
<span style="color:#f64c56;">Text here</span>
This paragraph has a background color of #f64c56.
<p style="background-color:#f64c56;">Content here</p>
This element has a border color of #f64c56.
<div style="border:1px solid #f64c56;">Content here</div>
.text {color:#f64c56;}
.background {background-color:#f64c56;}
.border {border:1px solid #f64c56;}
Shades and Tints of #f64c56
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 #fef4f5 is the lightest one.
-
#080001
#080001
rgb(8,0,1)
-
#1a0103
#1a0103
rgb(26,1,3)
-
#2d0205
#2d0205
rgb(45,2,5)
-
#400307
#400307
rgb(64,3,7)
-
#520409
#520409
rgb(82,4,9)
-
#65050b
#65050b
rgb(101,5,11)
-
#78060d
#78060d
rgb(120,6,13)
-
#8a070f
#8a070f
rgb(138,7,15)
-
#9d0811
#9d0811
rgb(157,8,17)
-
#b00913
#b00913
rgb(176,9,19)
-
#c30a15
#c30a15
rgb(195,10,21)
-
#d50b17
#d50b17
rgb(213,11,23)
-
#e80c19
#e80c19
rgb(232,12,25)
-
#f31421
#f31421
rgb(243,20,33)
-
#f42733
#f42733
rgb(244,39,51)
-
#f53944
#f53944
rgb(245,57,68)
-
#f64c56
#f64c56
rgb(246,76,86)
-
#f75f68
#f75f68
rgb(247,95,104)
-
#f87179
#f87179
rgb(248,113,121)
-
#f9848b
#f9848b
rgb(249,132,139)
-
#fa979d
#fa979d
rgb(250,151,157)
-
#fba9ae
#fba9ae
rgb(251,169,174)
-
#fcbcc0
#fcbcc0
rgb(252,188,192)
-
#fdcfd1
#fdcfd1
rgb(253,207,209)
-
#fee1e3
#fee1e3
rgb(254,225,227)
-
#fef4f5
#fef4f5
rgb(254,244,245)
Tones of #f64c56
A tone is produced by adding gray to any pure hue. In this case, #a69c9c is the less saturated color, while #fd4550 is the most saturated one.
-
#a69c9c
#a69c9c
rgb(166,156,156)
-
#ae9496
#ae9496
rgb(174,148,150)
-
#b58d8f
#b58d8f
rgb(181,141,143)
-
#bc8689
#bc8689
rgb(188,134,137)
-
#c37f83
#c37f83
rgb(195,127,131)
-
#cb777c
#cb777c
rgb(203,119,124)
-
#d27076
#d27076
rgb(210,112,118)
-
#d96970
#d96970
rgb(217,105,112)
-
#e06269
#e06269
rgb(224,98,105)
-
#e85a63
#e85a63
rgb(232,90,99)
-
#ef535c
#ef535c
rgb(239,83,92)
-
#f64c56
#f64c56
rgb(246,76,86)
-
#fd4550
#fd4550
rgb(253,69,80)
Color Blindness Simulator
Below, you can see how #f64c56 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.