#f22d18 Color Information
In a RGB color space, hex #f22d18 is composed of 94.9% red, 17.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.4% magenta, 90.1% yellow and 5.1% black. It has a hue angle of 5.8 degrees, a saturation of 89.3% and a lightness of 52.2%. #f22d18 color hex could be obtained by blending #ff5a30 with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 18
- B 9
-
- C 0
- M 81
- Y 90
- K 5
● #f22d18 color description : Vivid red.
#f22d18 Color Conversion
The hexadecimal color #f22d18 has RGB values of R:242, G:45, B:24 and CMYK values of C:0, M:0.81, Y:0.9, K:0.05. Its decimal value is 15871256.
Hex triplet | f22d18 | #f22d18 |
---|---|---|
RGB Decimal | 242, 45, 24 | rgb(242,45,24) |
RGB Percent | 94.9, 17.6, 9.4 | rgb(94.9%,17.6%,9.4%) |
CMYK | 0, 81, 90, 5 | |
HSL | 5.8°, 89.3, 52.2 | hsl(5.8,89.3%,52.2%) |
HSV (or HSB) | 5.8°, 90.1, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 52.757, 71.079, 58.836 |
---|---|
XYZ | 37.723, 20.825, 2.897 |
xyY | 0.614, 0.339, 20.825 |
CIE-LCH | 52.757, 92.271, 39.617 |
CIE-LUV | 52.757, 152.753, 37.065 |
Hunter-Lab | 45.634, 67.696, 28.179 |
Binary | 11110010, 00101101, 00011000 |
Color Schemes with #f22d18
Alternatives to #f22d18
Below, you can see some colors close to #f22d18. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22d18 Preview
This text has a font color of #f22d18.
<span style="color:#f22d18;">Text here</span>
This paragraph has a background color of #f22d18.
<p style="background-color:#f22d18;">Content here</p>
This element has a border color of #f22d18.
<div style="border:1px solid #f22d18;">Content here</div>
.text {color:#f22d18;}
.background {background-color:#f22d18;}
.border {border:1px solid #f22d18;}
Shades and Tints of #f22d18
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, #0a0201 is the darkest color, while #fff8f7 is the lightest one.
-
#0a0201
#0a0201
rgb(10,2,1)
-
#1d0402
#1d0402
rgb(29,4,2)
-
#300703
#300703
rgb(48,7,3)
-
#420a04
#420a04
rgb(66,10,4)
-
#550c05
#550c05
rgb(85,12,5)
-
#670f06
#670f06
rgb(103,15,6)
-
#7a1207
#7a1207
rgb(122,18,7)
-
#8c1508
#8c1508
rgb(140,21,8)
-
#9f1709
#9f1709
rgb(159,23,9)
-
#b21a0a
#b21a0a
rgb(178,26,10)
-
#c41d0b
#c41d0b
rgb(196,29,11)
-
#d7200c
#d7200c
rgb(215,32,12)
-
#e9220d
#e9220d
rgb(233,34,13)
-
#f22d18
#f22d18
rgb(242,45,24)
-
#f33e2b
#f33e2b
rgb(243,62,43)
-
#f44f3d
#f44f3d
rgb(244,79,61)
-
#f56050
#f56050
rgb(245,96,80)
-
#f67162
#f67162
rgb(246,113,98)
-
#f78175
#f78175
rgb(247,129,117)
-
#f89287
#f89287
rgb(248,146,135)
-
#f9a39a
#f9a39a
rgb(249,163,154)
-
#fab4ad
#fab4ad
rgb(250,180,173)
-
#fbc5bf
#fbc5bf
rgb(251,197,191)
-
#fcd6d2
#fcd6d2
rgb(252,214,210)
-
#fde7e4
#fde7e4
rgb(253,231,228)
-
#fff8f7
#fff8f7
rgb(255,248,247)
Tones of #f22d18
A tone is produced by adding gray to any pure hue. In this case, #8b807f is the less saturated color, while #fb250f is the most saturated one.
-
#8b807f
#8b807f
rgb(139,128,127)
-
#947976
#947976
rgb(148,121,118)
-
#9e716c
#9e716c
rgb(158,113,108)
-
#a76a63
#a76a63
rgb(167,106,99)
-
#b0625a
#b0625a
rgb(176,98,90)
-
#ba5a50
#ba5a50
rgb(186,90,80)
-
#c35347
#c35347
rgb(195,83,71)
-
#cc4b3e
#cc4b3e
rgb(204,75,62)
-
#d64434
#d64434
rgb(214,68,52)
-
#df3c2b
#df3c2b
rgb(223,60,43)
-
#e93521
#e93521
rgb(233,53,33)
-
#f22d18
#f22d18
rgb(242,45,24)
-
#fb250f
#fb250f
rgb(251,37,15)
Color Blindness Simulator
Below, you can see how #f22d18 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.