#f22356 Color Information
In a RGB color space, hex #f22356 is composed of 94.9% red, 13.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 64.5% yellow and 5.1% black. It has a hue angle of 345.2 degrees, a saturation of 88.8% and a lightness of 54.3%. #f22356 color hex could be obtained by blending #ff46ac with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 14
- B 34
-
- C 0
- M 86
- Y 64
- K 5
● #f22356 color description : Vivid red.
#f22356 Color Conversion
The hexadecimal color #f22356 has RGB values of R:242, G:35, B:86 and CMYK values of C:0, M:0.86, Y:0.64, K:0.05. Its decimal value is 15868758.
Hex triplet | f22356 | #f22356 |
---|---|---|
RGB Decimal | 242, 35, 86 | rgb(242,35,86) |
RGB Percent | 94.9, 13.7, 33.7 | rgb(94.9%,13.7%,33.7%) |
CMYK | 0, 86, 64, 5 | |
HSL | 345.2°, 88.8, 54.3 | hsl(345.2,88.8%,54.3%) |
HSV (or HSB) | 345.2°, 85.5, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 52.681, 75.189, 25.946 |
---|---|
XYZ | 38.9, 20.756, 10.762 |
xyY | 0.552, 0.295, 20.756 |
CIE-LCH | 52.681, 79.54, 19.038 |
CIE-LUV | 52.681, 143.091, 13.702 |
Hunter-Lab | 45.559, 72.685, 17.886 |
Binary | 11110010, 00100011, 01010110 |
Color Schemes with #f22356
Alternatives to #f22356
Below, you can see some colors close to #f22356. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22356 Preview
This text has a font color of #f22356.
<span style="color:#f22356;">Text here</span>
This paragraph has a background color of #f22356.
<p style="background-color:#f22356;">Content here</p>
This element has a border color of #f22356.
<div style="border:1px solid #f22356;">Content here</div>
.text {color:#f22356;}
.background {background-color:#f22356;}
.border {border:1px solid #f22356;}
Shades and Tints of #f22356
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, #020001 is the darkest color, while #feeff3 is the lightest one.
-
#020001
#020001
rgb(2,0,1)
-
#150106
#150106
rgb(21,1,6)
-
#27020b
#27020b
rgb(39,2,11)
-
#3a0311
#3a0311
rgb(58,3,17)
-
#4c0516
#4c0516
rgb(76,5,22)
-
#5f061c
#5f061c
rgb(95,6,28)
-
#710721
#710721
rgb(113,7,33)
-
#840826
#840826
rgb(132,8,38)
-
#96092c
#96092c
rgb(150,9,44)
-
#a90a31
#a90a31
rgb(169,10,49)
-
#bb0b37
#bb0b37
rgb(187,11,55)
-
#ce0c3c
#ce0c3c
rgb(206,12,60)
-
#e10d41
#e10d41
rgb(225,13,65)
-
#f11048
#f11048
rgb(241,16,72)
-
#f22356
#f22356
rgb(242,35,86)
-
#f33664
#f33664
rgb(243,54,100)
-
#f44872
#f44872
rgb(244,72,114)
-
#f55b81
#f55b81
rgb(245,91,129)
-
#f66d8f
#f66d8f
rgb(246,109,143)
-
#f7809d
#f7809d
rgb(247,128,157)
-
#f992ab
#f992ab
rgb(249,146,171)
-
#faa5ba
#faa5ba
rgb(250,165,186)
-
#fbb7c8
#fbb7c8
rgb(251,183,200)
-
#fccad6
#fccad6
rgb(252,202,214)
-
#fddce4
#fddce4
rgb(253,220,228)
-
#feeff3
#feeff3
rgb(254,239,243)
Tones of #f22356
A tone is produced by adding gray to any pure hue. In this case, #8f8688 is the less saturated color, while #fb1a51 is the most saturated one.
-
#8f8688
#8f8688
rgb(143,134,136)
-
#987d83
#987d83
rgb(152,125,131)
-
#a1747f
#a1747f
rgb(161,116,127)
-
#aa6b7a
#aa6b7a
rgb(170,107,122)
-
#b36276
#b36276
rgb(179,98,118)
-
#bc5971
#bc5971
rgb(188,89,113)
-
#c5506d
#c5506d
rgb(197,80,109)
-
#ce4768
#ce4768
rgb(206,71,104)
-
#d73e64
#d73e64
rgb(215,62,100)
-
#e0355f
#e0355f
rgb(224,53,95)
-
#e92c5b
#e92c5b
rgb(233,44,91)
-
#f22356
#f22356
rgb(242,35,86)
-
#fb1a51
#fb1a51
rgb(251,26,81)
Color Blindness Simulator
Below, you can see how #f22356 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.