#f22a18 Color Information
In a RGB color space, hex #f22a18 is composed of 94.9% red, 16.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.6% magenta, 90.1% yellow and 5.1% black. It has a hue angle of 5 degrees, a saturation of 89.3% and a lightness of 52.2%. #f22a18 color hex could be obtained by blending #ff5430 with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 16
- B 9
-
- C 0
- M 83
- Y 90
- K 5
● #f22a18 color description : Vivid red.
#f22a18 Color Conversion
The hexadecimal color #f22a18 has RGB values of R:242, G:42, B:24 and CMYK values of C:0, M:0.83, Y:0.9, K:0.05. Its decimal value is 15870488.
Hex triplet | f22a18 | #f22a18 |
---|---|---|
RGB Decimal | 242, 42, 24 | rgb(242,42,24) |
RGB Percent | 94.9, 16.5, 9.4 | rgb(94.9%,16.5%,9.4%) |
CMYK | 0, 83, 90, 5 | |
HSL | 5°, 89.3, 52.2 | hsl(5,89.3%,52.2%) |
HSV (or HSB) | 5°, 90.1, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 52.513, 71.771, 58.67 |
---|---|
XYZ | 37.613, 20.604, 2.861 |
xyY | 0.616, 0.337, 20.604 |
CIE-LCH | 52.513, 92.7, 39.265 |
CIE-LUV | 52.513, 154.054, 36.621 |
Hunter-Lab | 45.392, 68.475, 28.038 |
Binary | 11110010, 00101010, 00011000 |
Color Schemes with #f22a18
Alternatives to #f22a18
Below, you can see some colors close to #f22a18. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22a18 Preview
This text has a font color of #f22a18.
<span style="color:#f22a18;">Text here</span>
This paragraph has a background color of #f22a18.
<p style="background-color:#f22a18;">Content here</p>
This element has a border color of #f22a18.
<div style="border:1px solid #f22a18;">Content here</div>
.text {color:#f22a18;}
.background {background-color:#f22a18;}
.border {border:1px solid #f22a18;}
Shades and Tints of #f22a18
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, #0a0101 is the darkest color, while #fff7f7 is the lightest one.
-
#0a0101
#0a0101
rgb(10,1,1)
-
#1d0402
#1d0402
rgb(29,4,2)
-
#300603
#300603
rgb(48,6,3)
-
#420904
#420904
rgb(66,9,4)
-
#550b05
#550b05
rgb(85,11,5)
-
#670e06
#670e06
rgb(103,14,6)
-
#7a1007
#7a1007
rgb(122,16,7)
-
#8c1308
#8c1308
rgb(140,19,8)
-
#9f1509
#9f1509
rgb(159,21,9)
-
#b2180a
#b2180a
rgb(178,24,10)
-
#c41a0b
#c41a0b
rgb(196,26,11)
-
#d71d0c
#d71d0c
rgb(215,29,12)
-
#e91f0d
#e91f0d
rgb(233,31,13)
-
#f22a18
#f22a18
rgb(242,42,24)
-
#f33b2b
#f33b2b
rgb(243,59,43)
-
#f44c3d
#f44c3d
rgb(244,76,61)
-
#f55d50
#f55d50
rgb(245,93,80)
-
#f66e62
#f66e62
rgb(246,110,98)
-
#f78075
#f78075
rgb(247,128,117)
-
#f89187
#f89187
rgb(248,145,135)
-
#f9a29a
#f9a29a
rgb(249,162,154)
-
#fab3ad
#fab3ad
rgb(250,179,173)
-
#fbc4bf
#fbc4bf
rgb(251,196,191)
-
#fcd5d2
#fcd5d2
rgb(252,213,210)
-
#fde6e4
#fde6e4
rgb(253,230,228)
-
#fff7f7
#fff7f7
rgb(255,247,247)
Tones of #f22a18
A tone is produced by adding gray to any pure hue. In this case, #8b807f is the less saturated color, while #fb220f is the most saturated one.
-
#8b807f
#8b807f
rgb(139,128,127)
-
#947876
#947876
rgb(148,120,118)
-
#9e716c
#9e716c
rgb(158,113,108)
-
#a76963
#a76963
rgb(167,105,99)
-
#b0615a
#b0615a
rgb(176,97,90)
-
#ba5950
#ba5950
rgb(186,89,80)
-
#c35147
#c35147
rgb(195,81,71)
-
#cc493e
#cc493e
rgb(204,73,62)
-
#d64234
#d64234
rgb(214,66,52)
-
#df3a2b
#df3a2b
rgb(223,58,43)
-
#e93221
#e93221
rgb(233,50,33)
-
#f22a18
#f22a18
rgb(242,42,24)
-
#fb220f
#fb220f
rgb(251,34,15)
Color Blindness Simulator
Below, you can see how #f22a18 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.