#f22d46 Color Information
In a RGB color space, hex #f22d46 is composed of 94.9% red, 17.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.4% magenta, 71.1% yellow and 5.1% black. It has a hue angle of 352.4 degrees, a saturation of 88.3% and a lightness of 56.3%. #f22d46 color hex could be obtained by blending #ff5a8c with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 18
- B 27
-
- C 0
- M 81
- Y 71
- K 5
● #f22d46 color description : Bright red.
#f22d46 Color Conversion
The hexadecimal color #f22d46 has RGB values of R:242, G:45, B:70 and CMYK values of C:0, M:0.81, Y:0.71, K:0.05. Its decimal value is 15871302.
Hex triplet | f22d46 | #f22d46 |
---|---|---|
RGB Decimal | 242, 45, 70 | rgb(242,45,70) |
RGB Percent | 94.9, 17.6, 27.5 | rgb(94.9%,17.6%,27.5%) |
CMYK | 0, 81, 71, 5 | |
HSL | 352.4°, 88.3, 56.3 | hsl(352.4,88.3%,56.3%) |
HSV (or HSB) | 352.4°, 81.4, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.169, 72.333, 36.015 |
---|---|
XYZ | 38.664, 21.201, 7.85 |
xyY | 0.571, 0.313, 21.201 |
CIE-LCH | 53.169, 80.803, 26.469 |
CIE-LUV | 53.169, 144.391, 23.147 |
Hunter-Lab | 46.045, 69.309, 22.122 |
Binary | 11110010, 00101101, 01000110 |
Color Schemes with #f22d46
Alternatives to #f22d46
Below, you can see some colors close to #f22d46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22d46 Preview
This text has a font color of #f22d46.
<span style="color:#f22d46;">Text here</span>
This paragraph has a background color of #f22d46.
<p style="background-color:#f22d46;">Content here</p>
This element has a border color of #f22d46.
<div style="border:1px solid #f22d46;">Content here</div>
.text {color:#f22d46;}
.background {background-color:#f22d46;}
.border {border:1px solid #f22d46;}
Shades and Tints of #f22d46
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, #0c0102 is the darkest color, while #fff8f9 is the lightest one.
-
#0c0102
#0c0102
rgb(12,1,2)
-
#1e0205
#1e0205
rgb(30,2,5)
-
#310309
#310309
rgb(49,3,9)
-
#43040c
#43040c
rgb(67,4,12)
-
#56050f
#56050f
rgb(86,5,15)
-
#680613
#680613
rgb(104,6,19)
-
#7a0816
#7a0816
rgb(122,8,22)
-
#8d091a
#8d091a
rgb(141,9,26)
-
#9f0a1d
#9f0a1d
rgb(159,10,29)
-
#b20b20
#b20b20
rgb(178,11,32)
-
#c40c24
#c40c24
rgb(196,12,36)
-
#d70d27
#d70d27
rgb(215,13,39)
-
#e90e2a
#e90e2a
rgb(233,14,42)
-
#f11b36
#f11b36
rgb(241,27,54)
-
#f22d46
#f22d46
rgb(242,45,70)
-
#f33f56
#f33f56
rgb(243,63,86)
-
#f45267
#f45267
rgb(244,82,103)
-
#f56477
#f56477
rgb(245,100,119)
-
#f77787
#f77787
rgb(247,119,135)
-
#f88997
#f88997
rgb(248,137,151)
-
#f99ca8
#f99ca8
rgb(249,156,168)
-
#faaeb8
#faaeb8
rgb(250,174,184)
-
#fbc1c8
#fbc1c8
rgb(251,193,200)
-
#fcd3d8
#fcd3d8
rgb(252,211,216)
-
#fde6e9
#fde6e9
rgb(253,230,233)
-
#fff8f9
#fff8f9
rgb(255,248,249)
Tones of #f22d46
A tone is produced by adding gray to any pure hue. In this case, #948b8c is the less saturated color, while #fb2440 is the most saturated one.
-
#948b8c
#948b8c
rgb(148,139,140)
-
#9c8386
#9c8386
rgb(156,131,134)
-
#a57a80
#a57a80
rgb(165,122,128)
-
#ad7279
#ad7279
rgb(173,114,121)
-
#b66973
#b66973
rgb(182,105,115)
-
#bf606c
#bf606c
rgb(191,96,108)
-
#c75866
#c75866
rgb(199,88,102)
-
#d04f60
#d04f60
rgb(208,79,96)
-
#d84759
#d84759
rgb(216,71,89)
-
#e13e53
#e13e53
rgb(225,62,83)
-
#e9364c
#e9364c
rgb(233,54,76)
-
#f22d46
#f22d46
rgb(242,45,70)
-
#fb2440
#fb2440
rgb(251,36,64)
Color Blindness Simulator
Below, you can see how #f22d46 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.