#f64f46 Color Information
In a RGB color space, hex #f64f46 is composed of 96.5% red, 31% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.9% magenta, 71.5% yellow and 3.5% black. It has a hue angle of 3.1 degrees, a saturation of 90.7% and a lightness of 62%. #f64f46 color hex could be obtained by blending #ff9e8c with #ed0000. Closest websafe color is: #ff6633.
-
- R 96
- G 31
- B 27
-
- C 0
- M 68
- Y 72
- K 4
● #f64f46 color description : Bright red.
#f64f46 Color Conversion
The hexadecimal color #f64f46 has RGB values of R:246, G:79, B:70 and CMYK values of C:0, M:0.68, Y:0.72, K:0.04. Its decimal value is 16142150.
Hex triplet | f64f46 | #f64f46 |
---|---|---|
RGB Decimal | 246, 79, 70 | rgb(246,79,70) |
RGB Percent | 96.5, 31, 27.5 | rgb(96.5%,31%,27.5%) |
CMYK | 0, 68, 72, 4 | |
HSL | 3.1°, 90.7, 62 | hsl(3.1,90.7%,62%) |
HSV (or HSB) | 3.1°, 71.5, 96.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.686, 62.952, 41.451 |
---|---|
XYZ | 41.909, 25.632, 8.535 |
xyY | 0.551, 0.337, 25.632 |
CIE-LCH | 57.686, 75.374, 33.363 |
CIE-LUV | 57.686, 129.771, 31.528 |
Hunter-Lab | 50.628, 59.162, 25.445 |
Binary | 11110110, 01001111, 01000110 |
Color Schemes with #f64f46
Alternatives to #f64f46
Below, you can see some colors close to #f64f46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64f46 Preview
This text has a font color of #f64f46.
<span style="color:#f64f46;">Text here</span>
This paragraph has a background color of #f64f46.
<p style="background-color:#f64f46;">Content here</p>
This element has a border color of #f64f46.
<div style="border:1px solid #f64f46;">Content here</div>
.text {color:#f64f46;}
.background {background-color:#f64f46;}
.border {border:1px solid #f64f46;}
Shades and Tints of #f64f46
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, #020000 is the darkest color, while #feefee is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150201
#150201
rgb(21,2,1)
-
#270402
#270402
rgb(39,4,2)
-
#3a0603
#3a0603
rgb(58,6,3)
-
#4d0704
#4d0704
rgb(77,7,4)
-
#600905
#600905
rgb(96,9,5)
-
#720b06
#720b06
rgb(114,11,6)
-
#850d06
#850d06
rgb(133,13,6)
-
#980f07
#980f07
rgb(152,15,7)
-
#aa1108
#aa1108
rgb(170,17,8)
-
#bd1209
#bd1209
rgb(189,18,9)
-
#d0140a
#d0140a
rgb(208,20,10)
-
#e3160b
#e3160b
rgb(227,22,11)
-
#f31a0e
#f31a0e
rgb(243,26,14)
-
#f42b21
#f42b21
rgb(244,43,33)
-
#f53d33
#f53d33
rgb(245,61,51)
-
#f64f46
#f64f46
rgb(246,79,70)
-
#f76159
#f76159
rgb(247,97,89)
-
#f8736b
#f8736b
rgb(248,115,107)
-
#f9847e
#f9847e
rgb(249,132,126)
-
#fa9691
#fa9691
rgb(250,150,145)
-
#fba8a4
#fba8a4
rgb(251,168,164)
-
#fbbab6
#fbbab6
rgb(251,186,182)
-
#fcccc9
#fcccc9
rgb(252,204,201)
-
#fddddc
#fddddc
rgb(253,221,220)
-
#feefee
#feefee
rgb(254,239,238)
Tones of #f64f46
A tone is produced by adding gray to any pure hue. In this case, #a49998 is the less saturated color, while #fd483f is the most saturated one.
-
#a49998
#a49998
rgb(164,153,152)
-
#ab9291
#ab9291
rgb(171,146,145)
-
#b38b89
#b38b89
rgb(179,139,137)
-
#ba8582
#ba8582
rgb(186,133,130)
-
#c27e7a
#c27e7a
rgb(194,126,122)
-
#c97773
#c97773
rgb(201,119,115)
-
#d1706b
#d1706b
rgb(209,112,107)
-
#d86a64
#d86a64
rgb(216,106,100)
-
#e0635c
#e0635c
rgb(224,99,92)
-
#e75c55
#e75c55
rgb(231,92,85)
-
#ef564d
#ef564d
rgb(239,86,77)
-
#f64f46
#f64f46
rgb(246,79,70)
-
#fd483f
#fd483f
rgb(253,72,63)
Color Blindness Simulator
Below, you can see how #f64f46 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.