#f64556 Color Information
In a RGB color space, hex #f64556 is composed of 96.5% red, 27.1% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 65% yellow and 3.5% black. It has a hue angle of 354.2 degrees, a saturation of 90.8% and a lightness of 61.8%. #f64556 color hex could be obtained by blending #ff8aac with #ed0000. Closest websafe color is: #ff3366.
-
- R 96
- G 27
- B 34
-
- C 0
- M 72
- Y 65
- K 4
● #f64556 color description : Bright red.
#f64556 Color Conversion
The hexadecimal color #f64556 has RGB values of R:246, G:69, B:86 and CMYK values of C:0, M:0.72, Y:0.65, K:0.04. Its decimal value is 16139606.
Hex triplet | f64556 | #f64556 |
---|---|---|
RGB Decimal | 246, 69, 86 | rgb(246,69,86) |
RGB Percent | 96.5, 27.1, 33.7 | rgb(96.5%,27.1%,33.7%) |
CMYK | 0, 72, 65, 4 | |
HSL | 354.2°, 90.8, 61.8 | hsl(354.2,90.8%,61.8%) |
HSV (or HSB) | 354.2°, 72, 96.5 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.61, 67.304, 31.104 |
---|---|
XYZ | 41.816, 24.526, 11.336 |
xyY | 0.538, 0.316, 24.526 |
CIE-LCH | 56.61, 74.144, 24.804 |
CIE-LUV | 56.61, 131.824, 21.44 |
Hunter-Lab | 49.523, 64.052, 21.095 |
Binary | 11110110, 01000101, 01010110 |
Color Schemes with #f64556
Alternatives to #f64556
Below, you can see some colors close to #f64556. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64556 Preview
This text has a font color of #f64556.
<span style="color:#f64556;">Text here</span>
This paragraph has a background color of #f64556.
<p style="background-color:#f64556;">Content here</p>
This element has a border color of #f64556.
<div style="border:1px solid #f64556;">Content here</div>
.text {color:#f64556;}
.background {background-color:#f64556;}
.border {border:1px solid #f64556;}
Shades and Tints of #f64556
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, #010000 is the darkest color, while #feedef is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140103
#140103
rgb(20,1,3)
-
#270205
#270205
rgb(39,2,5)
-
#390308
#390308
rgb(57,3,8)
-
#4c040b
#4c040b
rgb(76,4,11)
-
#5f050d
#5f050d
rgb(95,5,13)
-
#710510
#710510
rgb(113,5,16)
-
#840612
#840612
rgb(132,6,18)
-
#970715
#970715
rgb(151,7,21)
-
#a90818
#a90818
rgb(169,8,24)
-
#bc091a
#bc091a
rgb(188,9,26)
-
#cf0a1d
#cf0a1d
rgb(207,10,29)
-
#e20b20
#e20b20
rgb(226,11,32)
-
#f30d23
#f30d23
rgb(243,13,35)
-
#f42034
#f42034
rgb(244,32,52)
-
#f53245
#f53245
rgb(245,50,69)
-
#f64556
#f64556
rgb(246,69,86)
-
#f75867
#f75867
rgb(247,88,103)
-
#f86a78
#f86a78
rgb(248,106,120)
-
#f97d89
#f97d89
rgb(249,125,137)
-
#fa909a
#fa909a
rgb(250,144,154)
-
#fba3ab
#fba3ab
rgb(251,163,171)
-
#fbb5bc
#fbb5bc
rgb(251,181,188)
-
#fcc8cd
#fcc8cd
rgb(252,200,205)
-
#fddbde
#fddbde
rgb(253,219,222)
-
#feedef
#feedef
rgb(254,237,239)
Tones of #f64556
A tone is produced by adding gray to any pure hue. In this case, #a49899 is the less saturated color, while #fe3e50 is the most saturated one.
-
#a49899
#a49899
rgb(164,152,153)
-
#ab9093
#ab9093
rgb(171,144,147)
-
#b3898d
#b3898d
rgb(179,137,141)
-
#ba8186
#ba8186
rgb(186,129,134)
-
#c27a80
#c27a80
rgb(194,122,128)
-
#c9727a
#c9727a
rgb(201,114,122)
-
#d16b74
#d16b74
rgb(209,107,116)
-
#d8636e
#d8636e
rgb(216,99,110)
-
#e05c68
#e05c68
rgb(224,92,104)
-
#e75462
#e75462
rgb(231,84,98)
-
#ef4d5c
#ef4d5c
rgb(239,77,92)
-
#f64556
#f64556
rgb(246,69,86)
-
#fe3e50
#fe3e50
rgb(254,62,80)
Color Blindness Simulator
Below, you can see how #f64556 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.