#f22215 Color Information
In a RGB color space, hex #f22215 is composed of 94.9% red, 13.3% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 91.3% yellow and 5.1% black. It has a hue angle of 3.5 degrees, a saturation of 89.5% and a lightness of 51.6%. #f22215 color hex could be obtained by blending #ff442a with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 13
- B 8
-
- C 0
- M 86
- Y 91
- K 5
● #f22215 color description : Vivid red.
#f22215 Color Conversion
The hexadecimal color #f22215 has RGB values of R:242, G:34, B:21 and CMYK values of C:0, M:0.86, Y:0.91, K:0.05. Its decimal value is 15868437.
Hex triplet | f22215 | #f22215 |
---|---|---|
RGB Decimal | 242, 34, 21 | rgb(242,34,21) |
RGB Percent | 94.9, 13.3, 8.2 | rgb(94.9%,13.3%,8.2%) |
CMYK | 0, 86, 91, 5 | |
HSL | 3.5°, 89.5, 51.6 | hsl(3.5,89.5%,51.6%) |
HSV (or HSB) | 3.5°, 91.3, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 51.928, 73.363, 59.377 |
---|---|
XYZ | 37.327, 20.08, 2.62 |
xyY | 0.622, 0.335, 20.08 |
CIE-LCH | 51.928, 94.381, 38.985 |
CIE-LUV | 51.928, 157.426, 36.044 |
Hunter-Lab | 44.811, 70.27, 27.901 |
Binary | 11110010, 00100010, 00010101 |
Color Schemes with #f22215
Alternatives to #f22215
Below, you can see some colors close to #f22215. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22215 Preview
This text has a font color of #f22215.
<span style="color:#f22215;">Text here</span>
This paragraph has a background color of #f22215.
<p style="background-color:#f22215;">Content here</p>
This element has a border color of #f22215.
<div style="border:1px solid #f22215;">Content here</div>
.text {color:#f22215;}
.background {background-color:#f22215;}
.border {border:1px solid #f22215;}
Shades and Tints of #f22215
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, #080100 is the darkest color, while #fef5f4 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1a0301
#1a0301
rgb(26,3,1)
-
#2d0502
#2d0502
rgb(45,5,2)
-
#3f0704
#3f0704
rgb(63,7,4)
-
#520905
#520905
rgb(82,9,5)
-
#640b06
#640b06
rgb(100,11,6)
-
#770d07
#770d07
rgb(119,13,7)
-
#8a0f08
#8a0f08
rgb(138,15,8)
-
#9c1109
#9c1109
rgb(156,17,9)
-
#af130a
#af130a
rgb(175,19,10)
-
#c1150b
#c1150b
rgb(193,21,11)
-
#d4180c
#d4180c
rgb(212,24,12)
-
#e71a0d
#e71a0d
rgb(231,26,13)
-
#f22215
#f22215
rgb(242,34,21)
-
#f33428
#f33428
rgb(243,52,40)
-
#f4453a
#f4453a
rgb(244,69,58)
-
#f5574d
#f5574d
rgb(245,87,77)
-
#f6685f
#f6685f
rgb(246,104,95)
-
#f77a72
#f77a72
rgb(247,122,114)
-
#f88b84
#f88b84
rgb(248,139,132)
-
#f99d97
#f99d97
rgb(249,157,151)
-
#faaeaa
#faaeaa
rgb(250,174,170)
-
#fbc0bc
#fbc0bc
rgb(251,192,188)
-
#fcd2cf
#fcd2cf
rgb(252,210,207)
-
#fde3e1
#fde3e1
rgb(253,227,225)
-
#fef5f4
#fef5f4
rgb(254,245,244)
Tones of #f22215
A tone is produced by adding gray to any pure hue. In this case, #8a7e7e is the less saturated color, while #fc1a0c is the most saturated one.
-
#8a7e7e
#8a7e7e
rgb(138,126,126)
-
#937674
#937674
rgb(147,118,116)
-
#9d6d6b
#9d6d6b
rgb(157,109,107)
-
#a66561
#a66561
rgb(166,101,97)
-
#b05d58
#b05d58
rgb(176,93,88)
-
#b9544e
#b9544e
rgb(185,84,78)
-
#c34c45
#c34c45
rgb(195,76,69)
-
#cc443b
#cc443b
rgb(204,68,59)
-
#d63b32
#d63b32
rgb(214,59,50)
-
#df3328
#df3328
rgb(223,51,40)
-
#e92a1e
#e92a1e
rgb(233,42,30)
-
#f22215
#f22215
rgb(242,34,21)
-
#fc1a0c
#fc1a0c
rgb(252,26,12)
Color Blindness Simulator
Below, you can see how #f22215 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.