#f64222 Color Information
In a RGB color space, hex #f64222 is composed of 96.5% red, 25.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.2% magenta, 86.2% yellow and 3.5% black. It has a hue angle of 9.1 degrees, a saturation of 92.2% and a lightness of 54.9%. #f64222 color hex could be obtained by blending #ff8444 with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 26
- B 13
-
- C 0
- M 73
- Y 86
- K 4
● #f64222 color description : Vivid red.
#f64222 Color Conversion
The hexadecimal color #f64222 has RGB values of R:246, G:66, B:34 and CMYK values of C:0, M:0.73, Y:0.86, K:0.04. Its decimal value is 16138786.
Hex triplet | f64222 | #f64222 |
---|---|---|
RGB Decimal | 246, 66, 34 | rgb(246,66,34) |
RGB Percent | 96.5, 25.9, 13.3 | rgb(96.5%,25.9%,13.3%) |
CMYK | 0, 73, 86, 4 | |
HSL | 9.1°, 92.2, 54.9 | hsl(9.1,92.2%,54.9%) |
HSV (or HSB) | 9.1°, 86.2, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.695, 66.428, 57.396 |
---|---|
XYZ | 40.245, 23.61, 3.951 |
xyY | 0.594, 0.348, 23.61 |
CIE-LCH | 55.695, 87.79, 40.828 |
CIE-LUV | 55.695, 143.666, 39.616 |
Hunter-Lab | 48.59, 62.813, 29.191 |
Binary | 11110110, 01000010, 00100010 |
Color Schemes with #f64222
Alternatives to #f64222
Below, you can see some colors close to #f64222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64222 Preview
This text has a font color of #f64222.
<span style="color:#f64222;">Text here</span>
This paragraph has a background color of #f64222.
<p style="background-color:#f64222;">Content here</p>
This element has a border color of #f64222.
<div style="border:1px solid #f64222;">Content here</div>
.text {color:#f64222;}
.background {background-color:#f64222;}
.border {border:1px solid #f64222;}
Shades and Tints of #f64222
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 #fef3f1 is the lightest one.
-
#050100
#050100
rgb(5,1,0)
-
#180401
#180401
rgb(24,4,1)
-
#2b0802
#2b0802
rgb(43,8,2)
-
#3e0b03
#3e0b03
rgb(62,11,3)
-
#510f03
#510f03
rgb(81,15,3)
-
#631204
#631204
rgb(99,18,4)
-
#761605
#761605
rgb(118,22,5)
-
#891906
#891906
rgb(137,25,6)
-
#9c1d06
#9c1d06
rgb(156,29,6)
-
#af2007
#af2007
rgb(175,32,7)
-
#c22408
#c22408
rgb(194,36,8)
-
#d52709
#d52709
rgb(213,39,9)
-
#e72b09
#e72b09
rgb(231,43,9)
-
#f5320f
#f5320f
rgb(245,50,15)
-
#f64222
#f64222
rgb(246,66,34)
-
#f75235
#f75235
rgb(247,82,53)
-
#f86248
#f86248
rgb(248,98,72)
-
#f8725b
#f8725b
rgb(248,114,91)
-
#f9826d
#f9826d
rgb(249,130,109)
-
#fa9380
#fa9380
rgb(250,147,128)
-
#fba393
#fba393
rgb(251,163,147)
-
#fbb3a6
#fbb3a6
rgb(251,179,166)
-
#fcc3b9
#fcc3b9
rgb(252,195,185)
-
#fdd3cc
#fdd3cc
rgb(253,211,204)
-
#fee3de
#fee3de
rgb(254,227,222)
-
#fef3f1
#fef3f1
rgb(254,243,241)
Tones of #f64222
A tone is produced by adding gray to any pure hue. In this case, #958683 is the less saturated color, while #ff3c19 is the most saturated one.
-
#958683
#958683
rgb(149,134,131)
-
#9e807a
#9e807a
rgb(158,128,122)
-
#a67a72
#a67a72
rgb(166,122,114)
-
#af7369
#af7369
rgb(175,115,105)
-
#b86d60
#b86d60
rgb(184,109,96)
-
#c16757
#c16757
rgb(193,103,87)
-
#ca614e
#ca614e
rgb(202,97,78)
-
#d35b45
#d35b45
rgb(211,91,69)
-
#db553d
#db553d
rgb(219,85,61)
-
#e44e34
#e44e34
rgb(228,78,52)
-
#ed482b
#ed482b
rgb(237,72,43)
-
#f64222
#f64222
rgb(246,66,34)
-
#ff3c19
#ff3c19
rgb(255,60,25)
Color Blindness Simulator
Below, you can see how #f64222 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.