#f64e56 Color Information
In a RGB color space, hex #f64e56 is composed of 96.5% red, 30.6% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 65% yellow and 3.5% black. It has a hue angle of 357.1 degrees, a saturation of 90.3% and a lightness of 63.5%. #f64e56 color hex could be obtained by blending #ff9cac with #ed0000. Closest websafe color is: #ff6666.
-
- R 96
- G 31
- B 34
-
- C 0
- M 68
- Y 65
- K 4
● #f64e56 color description : Soft red.
#f64e56 Color Conversion
The hexadecimal color #f64e56 has RGB values of R:246, G:78, B:86 and CMYK values of C:0, M:0.68, Y:0.65, K:0.04. Its decimal value is 16141910.
Hex triplet | f64e56 | #f64e56 |
---|---|---|
RGB Decimal | 246, 78, 86 | rgb(246,78,86) |
RGB Percent | 96.5, 30.6, 33.7 | rgb(96.5%,30.6%,33.7%) |
CMYK | 0, 68, 65, 4 | |
HSL | 357.1°, 90.3, 63.5 | hsl(357.1,90.3%,63.5%) |
HSV (or HSB) | 357.1°, 68.3, 96.5 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 57.769, 64.111, 32.554 |
---|---|
XYZ | 42.412, 25.718, 11.534 |
xyY | 0.532, 0.323, 25.718 |
CIE-LCH | 57.769, 71.902, 26.921 |
CIE-LUV | 57.769, 126.72, 23.892 |
Hunter-Lab | 50.713, 60.533, 22.014 |
Binary | 11110110, 01001110, 01010110 |
Color Schemes with #f64e56
Alternatives to #f64e56
Below, you can see some colors close to #f64e56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64e56 Preview
This text has a font color of #f64e56.
<span style="color:#f64e56;">Text here</span>
This paragraph has a background color of #f64e56.
<p style="background-color:#f64e56;">Content here</p>
This element has a border color of #f64e56.
<div style="border:1px solid #f64e56;">Content here</div>
.text {color:#f64e56;}
.background {background-color:#f64e56;}
.border {border:1px solid #f64e56;}
Shades and Tints of #f64e56
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, #0a0001 is the darkest color, while #fff6f6 is the lightest one.
-
#0a0001
#0a0001
rgb(10,0,1)
-
#1c0103
#1c0103
rgb(28,1,3)
-
#2f0205
#2f0205
rgb(47,2,5)
-
#420306
#420306
rgb(66,3,6)
-
#540408
#540408
rgb(84,4,8)
-
#67050a
#67050a
rgb(103,5,10)
-
#7a060c
#7a060c
rgb(122,6,12)
-
#8c070d
#8c070d
rgb(140,7,13)
-
#9f080f
#9f080f
rgb(159,8,15)
-
#b20911
#b20911
rgb(178,9,17)
-
#c40a13
#c40a13
rgb(196,10,19)
-
#d70b15
#d70b15
rgb(215,11,21)
-
#ea0c16
#ea0c16
rgb(234,12,22)
-
#f31621
#f31621
rgb(243,22,33)
-
#f42932
#f42932
rgb(244,41,50)
-
#f53b44
#f53b44
rgb(245,59,68)
-
#f64e56
#f64e56
rgb(246,78,86)
-
#f76168
#f76168
rgb(247,97,104)
-
#f8737a
#f8737a
rgb(248,115,122)
-
#f9868b
#f9868b
rgb(249,134,139)
-
#fa999d
#fa999d
rgb(250,153,157)
-
#fbabaf
#fbabaf
rgb(251,171,175)
-
#fcbec1
#fcbec1
rgb(252,190,193)
-
#fdd1d3
#fdd1d3
rgb(253,209,211)
-
#fee3e5
#fee3e5
rgb(254,227,229)
-
#fff6f6
#fff6f6
rgb(255,246,246)
Tones of #f64e56
A tone is produced by adding gray to any pure hue. In this case, #a79d9d is the less saturated color, while #fd4750 is the most saturated one.
-
#a79d9d
#a79d9d
rgb(167,157,157)
-
#ae9697
#ae9697
rgb(174,150,151)
-
#b68e90
#b68e90
rgb(182,142,144)
-
#bd878a
#bd878a
rgb(189,135,138)
-
#c48083
#c48083
rgb(196,128,131)
-
#cb797d
#cb797d
rgb(203,121,125)
-
#d27276
#d27276
rgb(210,114,118)
-
#d96b70
#d96b70
rgb(217,107,112)
-
#e16369
#e16369
rgb(225,99,105)
-
#e85c63
#e85c63
rgb(232,92,99)
-
#ef555c
#ef555c
rgb(239,85,92)
-
#f64e56
#f64e56
rgb(246,78,86)
-
#fd4750
#fd4750
rgb(253,71,80)
Color Blindness Simulator
Below, you can see how #f64e56 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.