#f22d4f Color Information
In a RGB color space, hex #f22d4f is composed of 94.9% red, 17.6% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.4% magenta, 67.4% yellow and 5.1% black. It has a hue angle of 349.6 degrees, a saturation of 88.3% and a lightness of 56.3%. #f22d4f color hex could be obtained by blending #ff5a9e with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 18
- B 31
-
- C 0
- M 81
- Y 67
- K 5
● #f22d4f color description : Bright red.
#f22d4f Color Conversion
The hexadecimal color #f22d4f has RGB values of R:242, G:45, B:79 and CMYK values of C:0, M:0.81, Y:0.67, K:0.05. Its decimal value is 15871311.
Hex triplet | f22d4f | #f22d4f |
---|---|---|
RGB Decimal | 242, 45, 79 | rgb(242,45,79) |
RGB Percent | 94.9, 17.6, 31 | rgb(94.9%,17.6%,31%) |
CMYK | 0, 81, 67, 5 | |
HSL | 349.6°, 88.3, 56.3 | hsl(349.6,88.3%,56.3%) |
HSV (or HSB) | 349.6°, 81.4, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.302, 72.735, 30.902 |
---|---|
XYZ | 38.969, 21.323, 9.461 |
xyY | 0.559, 0.306, 21.323 |
CIE-LCH | 53.302, 79.027, 23.019 |
CIE-LUV | 53.302, 141.866, 18.915 |
Hunter-Lab | 46.177, 69.828, 20.177 |
Binary | 11110010, 00101101, 01001111 |
Color Schemes with #f22d4f
Alternatives to #f22d4f
Below, you can see some colors close to #f22d4f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22d4f Preview
This text has a font color of #f22d4f.
<span style="color:#f22d4f;">Text here</span>
This paragraph has a background color of #f22d4f.
<p style="background-color:#f22d4f;">Content here</p>
This element has a border color of #f22d4f.
<div style="border:1px solid #f22d4f;">Content here</div>
.text {color:#f22d4f;}
.background {background-color:#f22d4f;}
.border {border:1px solid #f22d4f;}
Shades and Tints of #f22d4f
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, #0c0103 is the darkest color, while #fff8f9 is the lightest one.
-
#0c0103
#0c0103
rgb(12,1,3)
-
#1e0207
#1e0207
rgb(30,2,7)
-
#31030b
#31030b
rgb(49,3,11)
-
#43040f
#43040f
rgb(67,4,15)
-
#560513
#560513
rgb(86,5,19)
-
#680617
#680617
rgb(104,6,23)
-
#7a081b
#7a081b
rgb(122,8,27)
-
#8d0920
#8d0920
rgb(141,9,32)
-
#9f0a24
#9f0a24
rgb(159,10,36)
-
#b20b28
#b20b28
rgb(178,11,40)
-
#c40c2c
#c40c2c
rgb(196,12,44)
-
#d70d30
#d70d30
rgb(215,13,48)
-
#e90e34
#e90e34
rgb(233,14,52)
-
#f11b40
#f11b40
rgb(241,27,64)
-
#f22d4f
#f22d4f
rgb(242,45,79)
-
#f33f5e
#f33f5e
rgb(243,63,94)
-
#f4526e
#f4526e
rgb(244,82,110)
-
#f5647d
#f5647d
rgb(245,100,125)
-
#f7778d
#f7778d
rgb(247,119,141)
-
#f8899c
#f8899c
rgb(248,137,156)
-
#f99cac
#f99cac
rgb(249,156,172)
-
#faaebb
#faaebb
rgb(250,174,187)
-
#fbc1cb
#fbc1cb
rgb(251,193,203)
-
#fcd3da
#fcd3da
rgb(252,211,218)
-
#fde6ea
#fde6ea
rgb(253,230,234)
-
#fff8f9
#fff8f9
rgb(255,248,249)
Tones of #f22d4f
A tone is produced by adding gray to any pure hue. In this case, #948b8d is the less saturated color, while #fb2449 is the most saturated one.
-
#948b8d
#948b8d
rgb(148,139,141)
-
#9c8387
#9c8387
rgb(156,131,135)
-
#a57a82
#a57a82
rgb(165,122,130)
-
#ad727c
#ad727c
rgb(173,114,124)
-
#b66976
#b66976
rgb(182,105,118)
-
#bf6071
#bf6071
rgb(191,96,113)
-
#c7586b
#c7586b
rgb(199,88,107)
-
#d04f65
#d04f65
rgb(208,79,101)
-
#d84760
#d84760
rgb(216,71,96)
-
#e13e5a
#e13e5a
rgb(225,62,90)
-
#e93655
#e93655
rgb(233,54,85)
-
#f22d4f
#f22d4f
rgb(242,45,79)
-
#fb2449
#fb2449
rgb(251,36,73)
Color Blindness Simulator
Below, you can see how #f22d4f 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.