#f222ff Color Information
In a RGB color space, hex #f222ff is composed of 94.9% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 296.5 degrees, a saturation of 100% and a lightness of 56.7%. #f222ff color hex could be obtained by blending #ff44ff with #e500ff. Closest websafe color is: #ff33ff.
-
- R 95
- G 13
- B 100
-
- C 5
- M 87
- Y 0
- K 0
● #f222ff color description : Vivid magenta.
#f222ff Color Conversion
The hexadecimal color #f222ff has RGB values of R:242, G:34, B:255 and CMYK values of C:0.05, M:0.87, Y:0, K:0. Its decimal value is 15868671.
Hex triplet | f222ff | #f222ff |
---|---|---|
RGB Decimal | 242, 34, 255 | rgb(242,34,255) |
RGB Percent | 94.9, 13.3, 100 | rgb(94.9%,13.3%,100%) |
CMYK | 5, 87, 0, 0 | |
HSL | 296.5°, 100, 56.7 | hsl(296.5,100%,56.7%) |
HSV (or HSB) | 296.5°, 86.7, 100 | |
Web Safe | ff33ff | #ff33ff |
CIE-LAB | 59.2, 93.119, -62.755 |
---|---|
XYZ | 55.238, 27.245, 96.952 |
xyY | 0.308, 0.152, 27.245 |
CIE-LCH | 59.2, 112.291, 326.023 |
CIE-LUV | 59.2, 73.04, -110.41 |
Hunter-Lab | 52.197, 97.559, -73.59 |
Binary | 11110010, 00100010, 11111111 |
Color Schemes with #f222ff
Alternatives to #f222ff
Below, you can see some colors close to #f222ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f222ff Preview
This text has a font color of #f222ff.
<span style="color:#f222ff;">Text here</span>
This paragraph has a background color of #f222ff.
<p style="background-color:#f222ff;">Content here</p>
This element has a border color of #f222ff.
<div style="border:1px solid #f222ff;">Content here</div>
.text {color:#f222ff;}
.background {background-color:#f222ff;}
.border {border:1px solid #f222ff;}
Shades and Tints of #f222ff
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, #0e000e is the darkest color, while #fffaff is the lightest one.
-
#0e000e
#0e000e
rgb(14,0,14)
-
#200022
#200022
rgb(32,0,34)
-
#320036
#320036
rgb(50,0,54)
-
#450049
#450049
rgb(69,0,73)
-
#57005d
#57005d
rgb(87,0,93)
-
#6a0070
#6a0070
rgb(106,0,112)
-
#7c0084
#7c0084
rgb(124,0,132)
-
#8f0098
#8f0098
rgb(143,0,152)
-
#a100ab
#a100ab
rgb(161,0,171)
-
#b400bf
#b400bf
rgb(180,0,191)
-
#c600d3
#c600d3
rgb(198,0,211)
-
#d900e6
#d900e6
rgb(217,0,230)
-
#eb00fa
#eb00fa
rgb(235,0,250)
-
#f10eff
#f10eff
rgb(241,14,255)
-
#f222ff
#f222ff
rgb(242,34,255)
-
#f336ff
#f336ff
rgb(243,54,255)
-
#f449ff
#f449ff
rgb(244,73,255)
-
#f55dff
#f55dff
rgb(245,93,255)
-
#f770ff
#f770ff
rgb(247,112,255)
-
#f884ff
#f884ff
rgb(248,132,255)
-
#f998ff
#f998ff
rgb(249,152,255)
-
#faabff
#faabff
rgb(250,171,255)
-
#fbbfff
#fbbfff
rgb(251,191,255)
-
#fcd3ff
#fcd3ff
rgb(252,211,255)
-
#fee6ff
#fee6ff
rgb(254,230,255)
-
#fffaff
#fffaff
rgb(255,250,255)
Tones of #f222ff
A tone is produced by adding gray to any pure hue. In this case, #988899 is the less saturated color, while #f222ff is the most saturated one.
-
#988899
#988899
rgb(152,136,153)
-
#a080a2
#a080a2
rgb(160,128,162)
-
#a777aa
#a777aa
rgb(167,119,170)
-
#af6fb3
#af6fb3
rgb(175,111,179)
-
#b666bb
#b666bb
rgb(182,102,187)
-
#be5ec4
#be5ec4
rgb(190,94,196)
-
#c555cc
#c555cc
rgb(197,85,204)
-
#cd4dd5
#cd4dd5
rgb(205,77,213)
-
#d444dd
#d444dd
rgb(212,68,221)
-
#dc3ce6
#dc3ce6
rgb(220,60,230)
-
#e333ee
#e333ee
rgb(227,51,238)
-
#eb2bf7
#eb2bf7
rgb(235,43,247)
-
#f222ff
#f222ff
rgb(242,34,255)
Color Blindness Simulator
Below, you can see how #f222ff 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.