#f22c25 Color Information
In a RGB color space, hex #f22c25 is composed of 94.9% red, 17.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.8% magenta, 84.7% yellow and 5.1% black. It has a hue angle of 2 degrees, a saturation of 88.7% and a lightness of 54.7%. #f22c25 color hex could be obtained by blending #ff584a with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 17
- B 15
-
- C 0
- M 82
- Y 85
- K 5
● #f22c25 color description : Bright red.
#f22c25 Color Conversion
The hexadecimal color #f22c25 has RGB values of R:242, G:44, B:37 and CMYK values of C:0, M:0.82, Y:0.85, K:0.05. Its decimal value is 15871013.
Hex triplet | f22c25 | #f22c25 |
---|---|---|
RGB Decimal | 242, 44, 37 | rgb(242,44,37) |
RGB Percent | 94.9, 17.3, 14.5 | rgb(94.9%,17.3%,14.5%) |
CMYK | 0, 82, 85, 5 | |
HSL | 2°, 88.7, 54.7 | hsl(2,88.7%,54.7%) |
HSV (or HSB) | 2°, 84.7, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.749, 71.542, 53.316 |
---|---|
XYZ | 37.855, 20.817, 3.775 |
xyY | 0.606, 0.333, 20.817 |
CIE-LCH | 52.749, 89.223, 36.695 |
CIE-LUV | 52.749, 151.613, 34.302 |
Hunter-Lab | 45.626, 68.252, 27.032 |
Binary | 11110010, 00101100, 00100101 |
Color Schemes with #f22c25
Alternatives to #f22c25
Below, you can see some colors close to #f22c25. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22c25 Preview
This text has a font color of #f22c25.
<span style="color:#f22c25;">Text here</span>
This paragraph has a background color of #f22c25.
<p style="background-color:#f22c25;">Content here</p>
This element has a border color of #f22c25.
<div style="border:1px solid #f22c25;">Content here</div>
.text {color:#f22c25;}
.background {background-color:#f22c25;}
.border {border:1px solid #f22c25;}
Shades and Tints of #f22c25
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, #040000 is the darkest color, while #fef1f1 is the lightest one.
-
#040000
#040000
rgb(4,0,0)
-
#170201
#170201
rgb(23,2,1)
-
#290402
#290402
rgb(41,4,2)
-
#3c0504
#3c0504
rgb(60,5,4)
-
#4e0705
#4e0705
rgb(78,7,5)
-
#610906
#610906
rgb(97,9,6)
-
#730b07
#730b07
rgb(115,11,7)
-
#860c08
#860c08
rgb(134,12,8)
-
#980e09
#980e09
rgb(152,14,9)
-
#ab100a
#ab100a
rgb(171,16,10)
-
#bd110b
#bd110b
rgb(189,17,11)
-
#d0130c
#d0130c
rgb(208,19,12)
-
#e2150d
#e2150d
rgb(226,21,13)
-
#f11a12
#f11a12
rgb(241,26,18)
-
#f22c25
#f22c25
rgb(242,44,37)
-
#f33e38
#f33e38
rgb(243,62,56)
-
#f4504a
#f4504a
rgb(244,80,74)
-
#f5625d
#f5625d
rgb(245,98,93)
-
#f6746f
#f6746f
rgb(246,116,111)
-
#f88682
#f88682
rgb(248,134,130)
-
#f99894
#f99894
rgb(249,152,148)
-
#faa9a7
#faa9a7
rgb(250,169,167)
-
#fbbbb9
#fbbbb9
rgb(251,187,185)
-
#fccdcc
#fccdcc
rgb(252,205,204)
-
#fddfde
#fddfde
rgb(253,223,222)
-
#fef1f1
#fef1f1
rgb(254,241,241)
Tones of #f22c25
A tone is produced by adding gray to any pure hue. In this case, #908787 is the less saturated color, while #fb241c is the most saturated one.
-
#908787
#908787
rgb(144,135,135)
-
#997f7e
#997f7e
rgb(153,127,126)
-
#a27775
#a27775
rgb(162,119,117)
-
#ab6e6c
#ab6e6c
rgb(171,110,108)
-
#b46663
#b46663
rgb(180,102,99)
-
#bd5e5a
#bd5e5a
rgb(189,94,90)
-
#c65551
#c65551
rgb(198,85,81)
-
#ce4d49
#ce4d49
rgb(206,77,73)
-
#d74540
#d74540
rgb(215,69,64)
-
#e03d37
#e03d37
rgb(224,61,55)
-
#e9342e
#e9342e
rgb(233,52,46)
-
#f22c25
#f22c25
rgb(242,44,37)
-
#fb241c
#fb241c
rgb(251,36,28)
Color Blindness Simulator
Below, you can see how #f22c25 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.