#f224f3 Color Information
In a RGB color space, hex #f224f3 is composed of 94.9% red, 14.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 85.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 299.7 degrees, a saturation of 89.6% and a lightness of 54.7%. #f224f3 color hex could be obtained by blending #ff48ff with #e500e7. Closest websafe color is: #ff33ff.
-
- R 95
- G 14
- B 95
-
- C 0
- M 85
- Y 0
- K 5
● #f224f3 color description : Vivid magenta.
#f224f3 Color Conversion
The hexadecimal color #f224f3 has RGB values of R:242, G:36, B:243 and CMYK values of C:0, M:0.85, Y:0, K:0.05. Its decimal value is 15869171.
Hex triplet | f224f3 | #f224f3 |
---|---|---|
RGB Decimal | 242, 36, 243 | rgb(242,36,243) |
RGB Percent | 94.9, 14.1, 95.3 | rgb(94.9%,14.1%,95.3%) |
CMYK | 0, 85, 0, 5 | |
HSL | 299.7°, 89.6, 54.7 | hsl(299.7,89.6%,54.7%) |
HSV (or HSB) | 299.7°, 85.2, 95.3 | |
Web Safe | ff33ff | #ff33ff |
CIE-LAB | 58.615, 91.025, -57.021 |
---|---|
XYZ | 53.425, 26.614, 87.112 |
xyY | 0.32, 0.159, 26.614 |
CIE-LCH | 58.615, 107.41, 327.936 |
CIE-LUV | 58.615, 77.324, -101.234 |
Hunter-Lab | 51.588, 94.576, -64.005 |
Binary | 11110010, 00100100, 11110011 |
Color Schemes with #f224f3
Alternatives to #f224f3
Below, you can see some colors close to #f224f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f224f3 Preview
This text has a font color of #f224f3.
<span style="color:#f224f3;">Text here</span>
This paragraph has a background color of #f224f3.
<p style="background-color:#f224f3;">Content here</p>
This element has a border color of #f224f3.
<div style="border:1px solid #f224f3;">Content here</div>
.text {color:#f224f3;}
.background {background-color:#f224f3;}
.border {border:1px solid #f224f3;}
Shades and Tints of #f224f3
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, #040004 is the darkest color, while #fef1fe is the lightest one.
-
#040004
#040004
rgb(4,0,4)
-
#170117
#170117
rgb(23,1,23)
-
#290229
#290229
rgb(41,2,41)
-
#3c033c
#3c033c
rgb(60,3,60)
-
#4e044f
#4e044f
rgb(78,4,79)
-
#610561
#610561
rgb(97,5,97)
-
#730674
#730674
rgb(115,6,116)
-
#860786
#860786
rgb(134,7,134)
-
#980899
#980899
rgb(152,8,153)
-
#ab09ac
#ab09ac
rgb(171,9,172)
-
#bd0abe
#bd0abe
rgb(189,10,190)
-
#d00bd1
#d00bd1
rgb(208,11,209)
-
#e20ce3
#e20ce3
rgb(226,12,227)
-
#f111f2
#f111f2
rgb(241,17,242)
-
#f224f3
#f224f3
rgb(242,36,243)
-
#f337f4
#f337f4
rgb(243,55,244)
-
#f449f5
#f449f5
rgb(244,73,245)
-
#f55cf6
#f55cf6
rgb(245,92,246)
-
#f66ef7
#f66ef7
rgb(246,110,247)
-
#f881f8
#f881f8
rgb(248,129,248)
-
#f994f9
#f994f9
rgb(249,148,249)
-
#faa6fa
#faa6fa
rgb(250,166,250)
-
#fbb9fb
#fbb9fb
rgb(251,185,251)
-
#fccbfc
#fccbfc
rgb(252,203,252)
-
#fddefd
#fddefd
rgb(253,222,253)
-
#fef1fe
#fef1fe
rgb(254,241,254)
Tones of #f224f3
A tone is produced by adding gray to any pure hue. In this case, #918691 is the less saturated color, while #fb1bfc is the most saturated one.
-
#918691
#918691
rgb(145,134,145)
-
#9a7d9a
#9a7d9a
rgb(154,125,154)
-
#a374a3
#a374a3
rgb(163,116,163)
-
#ac6bac
#ac6bac
rgb(172,107,172)
-
#b462b5
#b462b5
rgb(180,98,181)
-
#bd59be
#bd59be
rgb(189,89,190)
-
#c650c7
#c650c7
rgb(198,80,199)
-
#cf48cf
#cf48cf
rgb(207,72,207)
-
#d83fd8
#d83fd8
rgb(216,63,216)
-
#e036e1
#e036e1
rgb(224,54,225)
-
#e92dea
#e92dea
rgb(233,45,234)
-
#f224f3
#f224f3
rgb(242,36,243)
-
#fb1bfc
#fb1bfc
rgb(251,27,252)
Color Blindness Simulator
Below, you can see how #f224f3 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.