#f64948 Color Information
In a RGB color space, hex #f64948 is composed of 96.5% red, 28.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.3% magenta, 70.7% yellow and 3.5% black. It has a hue angle of 0.3 degrees, a saturation of 90.6% and a lightness of 62.4%. #f64948 color hex could be obtained by blending #ff9290 with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 29
- B 28
-
- C 0
- M 70
- Y 71
- K 4
● #f64948 color description : Bright red.
#f64948 Color Conversion
The hexadecimal color #f64948 has RGB values of R:246, G:73, B:72 and CMYK values of C:0, M:0.7, Y:0.71, K:0.04. Its decimal value is 16140616.
Hex triplet | f64948 | #f64948 |
---|---|---|
RGB Decimal | 246, 73, 72 | rgb(246,73,72) |
RGB Percent | 96.5, 28.6, 28.2 | rgb(96.5%,28.6%,28.2%) |
CMYK | 0, 70, 71, 4 | |
HSL | 0.3°, 90.6, 62.4 | hsl(0.3,90.6%,62.4%) |
HSV (or HSB) | 0.3°, 70.7, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.91, 65.237, 39.449 |
---|---|
XYZ | 41.56, 24.831, 8.735 |
xyY | 0.553, 0.331, 24.831 |
CIE-LCH | 56.91, 76.237, 31.162 |
CIE-LUV | 56.91, 133.012, 29.078 |
Hunter-Lab | 49.83, 61.672, 24.488 |
Binary | 11110110, 01001001, 01001000 |
Color Schemes with #f64948
Alternatives to #f64948
Below, you can see some colors close to #f64948. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64948 Preview
This text has a font color of #f64948.
<span style="color:#f64948;">Text here</span>
This paragraph has a background color of #f64948.
<p style="background-color:#f64948;">Content here</p>
This element has a border color of #f64948.
<div style="border:1px solid #f64948;">Content here</div>
.text {color:#f64948;}
.background {background-color:#f64948;}
.border {border:1px solid #f64948;}
Shades and Tints of #f64948
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, #040000 is the darkest color, while #fef0f0 is the lightest one.
-
#040000
#040000
rgb(4,0,0)
-
#170101
#170101
rgb(23,1,1)
-
#290202
#290202
rgb(41,2,2)
-
#3c0303
#3c0303
rgb(60,3,3)
-
#4f0404
#4f0404
rgb(79,4,4)
-
#610505
#610505
rgb(97,5,5)
-
#740606
#740606
rgb(116,6,6)
-
#870707
#870707
rgb(135,7,7)
-
#9a0808
#9a0808
rgb(154,8,8)
-
#ac0908
#ac0908
rgb(172,9,8)
-
#bf0a09
#bf0a09
rgb(191,10,9)
-
#d20b0a
#d20b0a
rgb(210,11,10)
-
#e40c0b
#e40c0b
rgb(228,12,11)
-
#f31110
#f31110
rgb(243,17,16)
-
#f42423
#f42423
rgb(244,36,35)
-
#f53635
#f53635
rgb(245,54,53)
-
#f64948
#f64948
rgb(246,73,72)
-
#f75c5b
#f75c5b
rgb(247,92,91)
-
#f86e6d
#f86e6d
rgb(248,110,109)
-
#f98180
#f98180
rgb(249,129,128)
-
#fa9393
#fa9393
rgb(250,147,147)
-
#fba6a5
#fba6a5
rgb(251,166,165)
-
#fcb9b8
#fcb9b8
rgb(252,185,184)
-
#fccbcb
#fccbcb
rgb(252,203,203)
-
#fddede
#fddede
rgb(253,222,222)
-
#fef0f0
#fef0f0
rgb(254,240,240)
Tones of #f64948
A tone is produced by adding gray to any pure hue. In this case, #a59999 is the less saturated color, while #fd4241 is the most saturated one.
-
#a59999
#a59999
rgb(165,153,153)
-
#ac9292
#ac9292
rgb(172,146,146)
-
#b48b8a
#b48b8a
rgb(180,139,138)
-
#bb8383
#bb8383
rgb(187,131,131)
-
#c27c7c
#c27c7c
rgb(194,124,124)
-
#ca7574
#ca7574
rgb(202,117,116)
-
#d16d6d
#d16d6d
rgb(209,109,109)
-
#d86666
#d86666
rgb(216,102,102)
-
#e05f5e
#e05f5e
rgb(224,95,94)
-
#e75857
#e75857
rgb(231,88,87)
-
#ef504f
#ef504f
rgb(239,80,79)
-
#f64948
#f64948
rgb(246,73,72)
-
#fd4241
#fd4241
rgb(253,66,65)
Color Blindness Simulator
Below, you can see how #f64948 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.