#f64057 Color Information
In a RGB color space, hex #f64057 is composed of 96.5% red, 25.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74% magenta, 64.6% yellow and 3.5% black. It has a hue angle of 352.4 degrees, a saturation of 91% and a lightness of 60.8%. #f64057 color hex could be obtained by blending #ff80ae with #ed0000. Closest websafe color is: #ff3366.
-
- R 96
- G 25
- B 34
-
- C 0
- M 74
- Y 65
- K 4
● #f64057 color description : Bright red.
#f64057 Color Conversion
The hexadecimal color #f64057 has RGB values of R:246, G:64, B:87 and CMYK values of C:0, M:0.74, Y:0.65, K:0.04. Its decimal value is 16138327.
Hex triplet | f64057 | #f64057 |
---|---|---|
RGB Decimal | 246, 64, 87 | rgb(246,64,87) |
RGB Percent | 96.5, 25.1, 34.1 | rgb(96.5%,25.1%,34.1%) |
CMYK | 0, 74, 65, 4 | |
HSL | 352.4°, 91, 60.8 | hsl(352.4,91%,60.8%) |
HSV (or HSB) | 352.4°, 74, 96.5 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.04, 68.99, 29.803 |
---|---|
XYZ | 41.561, 23.953, 11.451 |
xyY | 0.54, 0.311, 23.953 |
CIE-LCH | 56.04, 75.152, 23.364 |
CIE-LUV | 56.04, 134.162, 19.672 |
Hunter-Lab | 48.941, 65.937, 20.386 |
Binary | 11110110, 01000000, 01010111 |
Color Schemes with #f64057
Alternatives to #f64057
Below, you can see some colors close to #f64057. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64057 Preview
This text has a font color of #f64057.
<span style="color:#f64057;">Text here</span>
This paragraph has a background color of #f64057.
<p style="background-color:#f64057;">Content here</p>
This element has a border color of #f64057.
<div style="border:1px solid #f64057;">Content here</div>
.text {color:#f64057;}
.background {background-color:#f64057;}
.border {border:1px solid #f64057;}
Shades and Tints of #f64057
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, #0f0103 is the darkest color, while #fffbfc is the lightest one.
-
#0f0103
#0f0103
rgb(15,1,3)
-
#220206
#220206
rgb(34,2,6)
-
#350209
#350209
rgb(53,2,9)
-
#47030c
#47030c
rgb(71,3,12)
-
#5a040f
#5a040f
rgb(90,4,15)
-
#6d0512
#6d0512
rgb(109,5,18)
-
#7f0615
#7f0615
rgb(127,6,21)
-
#920718
#920718
rgb(146,7,24)
-
#a5081c
#a5081c
rgb(165,8,28)
-
#b8091f
#b8091f
rgb(184,9,31)
-
#ca0a22
#ca0a22
rgb(202,10,34)
-
#dd0a25
#dd0a25
rgb(221,10,37)
-
#f00b28
#f00b28
rgb(240,11,40)
-
#f41b36
#f41b36
rgb(244,27,54)
-
#f52d47
#f52d47
rgb(245,45,71)
-
#f64057
#f64057
rgb(246,64,87)
-
#f75367
#f75367
rgb(247,83,103)
-
#f86578
#f86578
rgb(248,101,120)
-
#f97888
#f97888
rgb(249,120,136)
-
#fa8b99
#fa8b99
rgb(250,139,153)
-
#fa9ea9
#fa9ea9
rgb(250,158,169)
-
#fbb0ba
#fbb0ba
rgb(251,176,186)
-
#fcc3ca
#fcc3ca
rgb(252,195,202)
-
#fdd6db
#fdd6db
rgb(253,214,219)
-
#fee9eb
#fee9eb
rgb(254,233,235)
-
#fffbfc
#fffbfc
rgb(255,251,252)
Tones of #f64057
A tone is produced by adding gray to any pure hue. In this case, #a19596 is the less saturated color, while #fe3851 is the most saturated one.
-
#a19596
#a19596
rgb(161,149,150)
-
#a98d90
#a98d90
rgb(169,141,144)
-
#b1858b
#b1858b
rgb(177,133,139)
-
#b87e85
#b87e85
rgb(184,126,133)
-
#c0767f
#c0767f
rgb(192,118,127)
-
#c86e79
#c86e79
rgb(200,110,121)
-
#d06674
#d06674
rgb(208,102,116)
-
#d75f6e
#d75f6e
rgb(215,95,110)
-
#df5768
#df5768
rgb(223,87,104)
-
#e74f62
#e74f62
rgb(231,79,98)
-
#ee485d
#ee485d
rgb(238,72,93)
-
#f64057
#f64057
rgb(246,64,87)
-
#fe3851
#fe3851
rgb(254,56,81)
Color Blindness Simulator
Below, you can see how #f64057 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.