#f64f22 Color Information
In a RGB color space, hex #f64f22 is composed of 96.5% red, 31% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.9% magenta, 86.2% yellow and 3.5% black. It has a hue angle of 12.7 degrees, a saturation of 92.2% and a lightness of 54.9%. #f64f22 color hex could be obtained by blending #ff9e44 with #ed0000. Closest websafe color is: #ff6633.
-
- R 96
- G 31
- B 13
-
- C 0
- M 68
- Y 86
- K 4
● #f64f22 color description : Vivid red.
#f64f22 Color Conversion
The hexadecimal color #f64f22 has RGB values of R:246, G:79, B:34 and CMYK values of C:0, M:0.68, Y:0.86, K:0.04. Its decimal value is 16142114.
Hex triplet | f64f22 | #f64f22 |
---|---|---|
RGB Decimal | 246, 79, 34 | rgb(246,79,34) |
RGB Percent | 96.5, 31, 13.3 | rgb(96.5%,31%,13.3%) |
CMYK | 0, 68, 86, 4 | |
HSL | 12.7°, 92.2, 54.9 | hsl(12.7,92.2%,54.9%) |
HSV (or HSB) | 12.7°, 86.2, 96.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.371, 61.819, 58.745 |
---|---|
XYZ | 41.093, 25.305, 4.234 |
xyY | 0.582, 0.358, 25.305 |
CIE-LCH | 57.371, 85.28, 43.539 |
CIE-LUV | 57.371, 135.327, 42.651 |
Hunter-Lab | 50.304, 57.782, 30.223 |
Binary | 11110110, 01001111, 00100010 |
Color Schemes with #f64f22
Alternatives to #f64f22
Below, you can see some colors close to #f64f22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64f22 Preview
This text has a font color of #f64f22.
<span style="color:#f64f22;">Text here</span>
This paragraph has a background color of #f64f22.
<p style="background-color:#f64f22;">Content here</p>
This element has a border color of #f64f22.
<div style="border:1px solid #f64f22;">Content here</div>
.text {color:#f64f22;}
.background {background-color:#f64f22;}
.border {border:1px solid #f64f22;}
Shades and Tints of #f64f22
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, #050100 is the darkest color, while #fef4f1 is the lightest one.
-
#050100
#050100
rgb(5,1,0)
-
#180601
#180601
rgb(24,6,1)
-
#2b0a02
#2b0a02
rgb(43,10,2)
-
#3e0f03
#3e0f03
rgb(62,15,3)
-
#511403
#511403
rgb(81,20,3)
-
#631804
#631804
rgb(99,24,4)
-
#761d05
#761d05
rgb(118,29,5)
-
#892206
#892206
rgb(137,34,6)
-
#9c2606
#9c2606
rgb(156,38,6)
-
#af2b07
#af2b07
rgb(175,43,7)
-
#c22f08
#c22f08
rgb(194,47,8)
-
#d53409
#d53409
rgb(213,52,9)
-
#e73909
#e73909
rgb(231,57,9)
-
#f5400f
#f5400f
rgb(245,64,15)
-
#f64f22
#f64f22
rgb(246,79,34)
-
#f75e35
#f75e35
rgb(247,94,53)
-
#f86d48
#f86d48
rgb(248,109,72)
-
#f87c5b
#f87c5b
rgb(248,124,91)
-
#f98b6d
#f98b6d
rgb(249,139,109)
-
#fa9a80
#fa9a80
rgb(250,154,128)
-
#fba993
#fba993
rgb(251,169,147)
-
#fbb8a6
#fbb8a6
rgb(251,184,166)
-
#fcc7b9
#fcc7b9
rgb(252,199,185)
-
#fdd6cc
#fdd6cc
rgb(253,214,204)
-
#fee5de
#fee5de
rgb(254,229,222)
-
#fef4f1
#fef4f1
rgb(254,244,241)
Tones of #f64f22
A tone is produced by adding gray to any pure hue. In this case, #958783 is the less saturated color, while #ff4a19 is the most saturated one.
-
#958783
#958783
rgb(149,135,131)
-
#9e827a
#9e827a
rgb(158,130,122)
-
#a67d72
#a67d72
rgb(166,125,114)
-
#af7869
#af7869
rgb(175,120,105)
-
#b87360
#b87360
rgb(184,115,96)
-
#c16e57
#c16e57
rgb(193,110,87)
-
#ca684e
#ca684e
rgb(202,104,78)
-
#d36345
#d36345
rgb(211,99,69)
-
#db5e3d
#db5e3d
rgb(219,94,61)
-
#e45934
#e45934
rgb(228,89,52)
-
#ed542b
#ed542b
rgb(237,84,43)
-
#f64f22
#f64f22
rgb(246,79,34)
-
#ff4a19
#ff4a19
rgb(255,74,25)
Color Blindness Simulator
Below, you can see how #f64f22 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.