#f224e4 Color Information
In a RGB color space, hex #f224e4 is composed of 94.9% red, 14.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.1% magenta, 5.8% yellow and 5.1% black. It has a hue angle of 304.1 degrees, a saturation of 88.8% and a lightness of 54.5%. #f224e4 color hex could be obtained by blending #ff48ff with #e500c9. Closest websafe color is: #ff33cc.
-
- R 95
- G 14
- B 89
-
- C 0
- M 85
- Y 6
- K 5
● #f224e4 color description : Vivid magenta.
#f224e4 Color Conversion
The hexadecimal color #f224e4 has RGB values of R:242, G:36, B:228 and CMYK values of C:0, M:0.85, Y:0.06, K:0.05. Its decimal value is 15869156.
Hex triplet | f224e4 | #f224e4 |
---|---|---|
RGB Decimal | 242, 36, 228 | rgb(242,36,228) |
RGB Percent | 94.9, 14.1, 89.4 | rgb(94.9%,14.1%,89.4%) |
CMYK | 0, 85, 6, 5 | |
HSL | 304.1°, 88.8, 54.5 | hsl(304.1,88.8%,54.5%) |
HSV (or HSB) | 304.1°, 85.1, 94.9 | |
Web Safe | ff33cc | #ff33cc |
CIE-LAB | 57.793, 88.893, -49.92 |
---|---|
XYZ | 51.252, 25.744, 75.664 |
xyY | 0.336, 0.169, 25.744 |
CIE-LCH | 57.793, 101.95, 330.683 |
CIE-LUV | 57.793, 83.182, -89.863 |
Hunter-Lab | 50.739, 91.512, -52.899 |
Binary | 11110010, 00100100, 11100100 |
Color Schemes with #f224e4
Alternatives to #f224e4
Below, you can see some colors close to #f224e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f224e4 Preview
This text has a font color of #f224e4.
<span style="color:#f224e4;">Text here</span>
This paragraph has a background color of #f224e4.
<p style="background-color:#f224e4;">Content here</p>
This element has a border color of #f224e4.
<div style="border:1px solid #f224e4;">Content here</div>
.text {color:#f224e4;}
.background {background-color:#f224e4;}
.border {border:1px solid #f224e4;}
Shades and Tints of #f224e4
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, #030003 is the darkest color, while #fef0fd is the lightest one.
-
#030003
#030003
rgb(3,0,3)
-
#160114
#160114
rgb(22,1,20)
-
#280226
#280226
rgb(40,2,38)
-
#3b0337
#3b0337
rgb(59,3,55)
-
#4d0548
#4d0548
rgb(77,5,72)
-
#60065a
#60065a
rgb(96,6,90)
-
#72076b
#72076b
rgb(114,7,107)
-
#85087c
#85087c
rgb(133,8,124)
-
#97098e
#97098e
rgb(151,9,142)
-
#aa0a9f
#aa0a9f
rgb(170,10,159)
-
#bc0bb0
#bc0bb0
rgb(188,11,176)
-
#cf0cc2
#cf0cc2
rgb(207,12,194)
-
#e10dd3
#e10dd3
rgb(225,13,211)
-
#f111e2
#f111e2
rgb(241,17,226)
-
#f224e4
#f224e4
rgb(242,36,228)
-
#f337e6
#f337e6
rgb(243,55,230)
-
#f449e9
#f449e9
rgb(244,73,233)
-
#f55ceb
#f55ceb
rgb(245,92,235)
-
#f66eed
#f66eed
rgb(246,110,237)
-
#f781ef
#f781ef
rgb(247,129,239)
-
#f993f2
#f993f2
rgb(249,147,242)
-
#faa6f4
#faa6f4
rgb(250,166,244)
-
#fbb8f6
#fbb8f6
rgb(251,184,246)
-
#fccbf9
#fccbf9
rgb(252,203,249)
-
#fdddfb
#fdddfb
rgb(253,221,251)
-
#fef0fd
#fef0fd
rgb(254,240,253)
Tones of #f224e4
A tone is produced by adding gray to any pure hue. In this case, #90868f is the less saturated color, while #fb1bec is the most saturated one.
-
#90868f
#90868f
rgb(144,134,143)
-
#997d97
#997d97
rgb(153,125,151)
-
#a2749f
#a2749f
rgb(162,116,159)
-
#ab6ba6
#ab6ba6
rgb(171,107,166)
-
#b462ae
#b462ae
rgb(180,98,174)
-
#bc5ab6
#bc5ab6
rgb(188,90,182)
-
#c551bd
#c551bd
rgb(197,81,189)
-
#ce48c5
#ce48c5
rgb(206,72,197)
-
#d73fcd
#d73fcd
rgb(215,63,205)
-
#e036d5
#e036d5
rgb(224,54,213)
-
#e92ddc
#e92ddc
rgb(233,45,220)
-
#f224e4
#f224e4
rgb(242,36,228)
-
#fb1bec
#fb1bec
rgb(251,27,236)
Color Blindness Simulator
Below, you can see how #f224e4 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.