#f64946 Color Information
In a RGB color space, hex #f64946 is composed of 96.5% red, 28.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.3% magenta, 71.5% yellow and 3.5% black. It has a hue angle of 1 degrees, a saturation of 90.7% and a lightness of 62%. #f64946 color hex could be obtained by blending #ff928c with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 29
- B 27
-
- C 0
- M 70
- Y 72
- K 4
● #f64946 color description : Bright red.
#f64946 Color Conversion
The hexadecimal color #f64946 has RGB values of R:246, G:73, B:70 and CMYK values of C:0, M:0.7, Y:0.72, K:0.04. Its decimal value is 16140614.
Hex triplet | f64946 | #f64946 |
---|---|---|
RGB Decimal | 246, 73, 70 | rgb(246,73,70) |
RGB Percent | 96.5, 28.6, 27.5 | rgb(96.5%,28.6%,27.5%) |
CMYK | 0, 70, 72, 4 | |
HSL | 1°, 90.7, 62 | hsl(1,90.7%,62%) |
HSV (or HSB) | 1°, 71.5, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.885, 65.15, 40.534 |
---|---|
XYZ | 41.496, 24.805, 8.397 |
xyY | 0.556, 0.332, 24.805 |
CIE-LCH | 56.885, 76.73, 31.888 |
CIE-LUV | 56.885, 133.452, 29.928 |
Hunter-Lab | 49.805, 61.564, 24.867 |
Binary | 11110110, 01001001, 01000110 |
Color Schemes with #f64946
Alternatives to #f64946
Below, you can see some colors close to #f64946. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64946 Preview
This text has a font color of #f64946.
<span style="color:#f64946;">Text here</span>
This paragraph has a background color of #f64946.
<p style="background-color:#f64946;">Content here</p>
This element has a border color of #f64946.
<div style="border:1px solid #f64946;">Content here</div>
.text {color:#f64946;}
.background {background-color:#f64946;}
.border {border:1px solid #f64946;}
Shades and Tints of #f64946
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)
-
#150101
#150101
rgb(21,1,1)
-
#270302
#270302
rgb(39,3,2)
-
#3a0403
#3a0403
rgb(58,4,3)
-
#4d0504
#4d0504
rgb(77,5,4)
-
#600605
#600605
rgb(96,6,5)
-
#720706
#720706
rgb(114,7,6)
-
#850906
#850906
rgb(133,9,6)
-
#980a07
#980a07
rgb(152,10,7)
-
#aa0b08
#aa0b08
rgb(170,11,8)
-
#bd0c09
#bd0c09
rgb(189,12,9)
-
#d00d0a
#d00d0a
rgb(208,13,10)
-
#e30f0b
#e30f0b
rgb(227,15,11)
-
#f3120e
#f3120e
rgb(243,18,14)
-
#f42421
#f42421
rgb(244,36,33)
-
#f53733
#f53733
rgb(245,55,51)
-
#f64946
#f64946
rgb(246,73,70)
-
#f75b59
#f75b59
rgb(247,91,89)
-
#f86e6b
#f86e6b
rgb(248,110,107)
-
#f9807e
#f9807e
rgb(249,128,126)
-
#fa9391
#fa9391
rgb(250,147,145)
-
#fba5a4
#fba5a4
rgb(251,165,164)
-
#fbb7b6
#fbb7b6
rgb(251,183,182)
-
#fccac9
#fccac9
rgb(252,202,201)
-
#fddcdc
#fddcdc
rgb(253,220,220)
-
#feefee
#feefee
rgb(254,239,238)
Tones of #f64946
A tone is produced by adding gray to any pure hue. In this case, #a49898 is the less saturated color, while #fd423f is the most saturated one.
-
#a49898
#a49898
rgb(164,152,152)
-
#ab9191
#ab9191
rgb(171,145,145)
-
#b38a89
#b38a89
rgb(179,138,137)
-
#ba8382
#ba8382
rgb(186,131,130)
-
#c27b7a
#c27b7a
rgb(194,123,122)
-
#c97473
#c97473
rgb(201,116,115)
-
#d16d6b
#d16d6b
rgb(209,109,107)
-
#d86664
#d86664
rgb(216,102,100)
-
#e05f5c
#e05f5c
rgb(224,95,92)
-
#e75755
#e75755
rgb(231,87,85)
-
#ef504d
#ef504d
rgb(239,80,77)
-
#f64946
#f64946
rgb(246,73,70)
-
#fd423f
#fd423f
rgb(253,66,63)
Color Blindness Simulator
Below, you can see how #f64946 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.