#f64046 Color Information
In a RGB color space, hex #f64046 is composed of 96.5% red, 25.1% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74% magenta, 71.5% yellow and 3.5% black. It has a hue angle of 358 degrees, a saturation of 91% and a lightness of 60.8%. #f64046 color hex could be obtained by blending #ff808c with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 25
- B 27
-
- C 0
- M 74
- Y 72
- K 4
● #f64046 color description : Bright red.
#f64046 Color Conversion
The hexadecimal color #f64046 has RGB values of R:246, G:64, B:70 and CMYK values of C:0, M:0.74, Y:0.72, K:0.04. Its decimal value is 16138310.
Hex triplet | f64046 | #f64046 |
---|---|---|
RGB Decimal | 246, 64, 70 | rgb(246,64,70) |
RGB Percent | 96.5, 25.1, 27.5 | rgb(96.5%,25.1%,27.5%) |
CMYK | 0, 74, 72, 4 | |
HSL | 358°, 91, 60.8 | hsl(358,91%,60.8%) |
HSV (or HSB) | 358°, 74, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.793, 68.176, 39.274 |
---|---|
XYZ | 40.947, 23.707, 8.214 |
xyY | 0.562, 0.325, 23.707 |
CIE-LCH | 55.793, 78.679, 29.945 |
CIE-LUV | 55.793, 138.555, 27.729 |
Hunter-Lab | 48.69, 64.908, 24.081 |
Binary | 11110110, 01000000, 01000110 |
Color Schemes with #f64046
Alternatives to #f64046
Below, you can see some colors close to #f64046. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64046 Preview
This text has a font color of #f64046.
<span style="color:#f64046;">Text here</span>
This paragraph has a background color of #f64046.
<p style="background-color:#f64046;">Content here</p>
This element has a border color of #f64046.
<div style="border:1px solid #f64046;">Content here</div>
.text {color:#f64046;}
.background {background-color:#f64046;}
.border {border:1px solid #f64046;}
Shades and Tints of #f64046
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, #0f0101 is the darkest color, while #fffbfb is the lightest one.
-
#0f0101
#0f0101
rgb(15,1,1)
-
#220203
#220203
rgb(34,2,3)
-
#350204
#350204
rgb(53,2,4)
-
#470306
#470306
rgb(71,3,6)
-
#5a0407
#5a0407
rgb(90,4,7)
-
#6d0509
#6d0509
rgb(109,5,9)
-
#7f060a
#7f060a
rgb(127,6,10)
-
#92070b
#92070b
rgb(146,7,11)
-
#a5080d
#a5080d
rgb(165,8,13)
-
#b8090e
#b8090e
rgb(184,9,14)
-
#ca0a10
#ca0a10
rgb(202,10,16)
-
#dd0a11
#dd0a11
rgb(221,10,17)
-
#f00b13
#f00b13
rgb(240,11,19)
-
#f41b22
#f41b22
rgb(244,27,34)
-
#f52d34
#f52d34
rgb(245,45,52)
-
#f64046
#f64046
rgb(246,64,70)
-
#f75358
#f75358
rgb(247,83,88)
-
#f8656a
#f8656a
rgb(248,101,106)
-
#f9787c
#f9787c
rgb(249,120,124)
-
#fa8b8f
#fa8b8f
rgb(250,139,143)
-
#fa9ea1
#fa9ea1
rgb(250,158,161)
-
#fbb0b3
#fbb0b3
rgb(251,176,179)
-
#fcc3c5
#fcc3c5
rgb(252,195,197)
-
#fdd6d7
#fdd6d7
rgb(253,214,215)
-
#fee9e9
#fee9e9
rgb(254,233,233)
-
#fffbfb
#fffbfb
rgb(255,251,251)
Tones of #f64046
A tone is produced by adding gray to any pure hue. In this case, #a19595 is the less saturated color, while #fe383f is the most saturated one.
-
#a19595
#a19595
rgb(161,149,149)
-
#a98d8e
#a98d8e
rgb(169,141,142)
-
#b18587
#b18587
rgb(177,133,135)
-
#b87e7f
#b87e7f
rgb(184,126,127)
-
#c07678
#c07678
rgb(192,118,120)
-
#c86e71
#c86e71
rgb(200,110,113)
-
#d0666a
#d0666a
rgb(208,102,106)
-
#d75f63
#d75f63
rgb(215,95,99)
-
#df575c
#df575c
rgb(223,87,92)
-
#e74f54
#e74f54
rgb(231,79,84)
-
#ee484d
#ee484d
rgb(238,72,77)
-
#f64046
#f64046
rgb(246,64,70)
-
#fe383f
#fe383f
rgb(254,56,63)
Color Blindness Simulator
Below, you can see how #f64046 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.