#f22dff hex color

In a RGB color space, hex #f22dff is composed of 94.9% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 296.3 degrees, a saturation of 100% and a lightness of 58.8%. #f22dff color hex could be obtained by blending #ff5aff with #e500ff. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 95
- G 18
- B 100
RGB color chart
- C 5
- M 82
- Y 0
- K 0
CMYK color chart

● #f22dff color description : Vivid magenta.

The hexadecimal color #f22dff has RGB values of R:242, G:45, B:255 and CMYK values of C:0.05, M:0.82, Y:0, K:0. Its decimal value is 15871487.

Hex triplet	f22dff	`#f22dff`
RGB Decimal	242, 45, 255	`rgb(242,45,255)`
RGB Percent	94.9, 17.6, 100	`rgb(94.9%,17.6%,100%)`
CMYK	5, 82, 0, 0
HSL	296.3°, 100, 58.8	`hsl(296.3,100%,58.8%)`
HSV (or HSB)	296.3°, 82.4, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.868, 91.159, -61.684
XYZ	55.605, 27.977, 97.074
xyY	0.308, 0.155, 27.977
CIE-LCH	59.868, 110.068, 325.916
CIE-LUV	59.868, 71.867, -108.827
Hunter-Lab	52.894, 95.085, -71.787
Binary	11110010, 00101101, 11111111

#f22dff
```
#f22dff rgb(242,45,255)
```
#3aff2d
```
#3aff2d rgb(58,255,45)
```

Complementary Color

#892dff
```
#892dff rgb(137,45,255)
```
#f22dff
```
#f22dff rgb(242,45,255)
```
#ff2da3
```
#ff2da3 rgb(255,45,163)
```

Analogous Color

#2dff89
```
#2dff89 rgb(45,255,137)
```
#f22dff
```
#f22dff rgb(242,45,255)
```
#a3ff2d
```
#a3ff2d rgb(163,255,45)
```

Split Complementary Color

#2dfff2
```
#2dfff2 rgb(45,255,242)
```
#f22dff
```
#f22dff rgb(242,45,255)
```
#fff22d
```
#fff22d rgb(255,242,45)
```

Triadic Color

#2d3aff
```
#2d3aff rgb(45,58,255)
```
#f22dff
```
#f22dff rgb(242,45,255)
```
#fff22d
```
#fff22d rgb(255,242,45)
```
#3aff2d
```
#3aff2d rgb(58,255,45)
```

Tetradic Color

#d200e0
```
#d200e0 rgb(210,0,224)
```
#ea00f9
```
#ea00f9 rgb(234,0,249)
```
#f014ff
```
#f014ff rgb(240,20,255)
```
#f22dff
```
#f22dff rgb(242,45,255)
```
#f447ff
```
#f447ff rgb(244,71,255)
```
#f560ff
```
#f560ff rgb(245,96,255)
```
#f77aff
```
#f77aff rgb(247,122,255)
```

Monochromatic Color

Below, you can see some colors close to #f22dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#be2dff
```
#be2dff rgb(190,45,255)
```
#cf2dff
```
#cf2dff rgb(207,45,255)
```
#e12dff
```
#e12dff rgb(225,45,255)
```
#f22dff
```
#f22dff rgb(242,45,255)
```
#ff2dfb
```
#ff2dfb rgb(255,45,251)
```
#ff2de9
```
#ff2de9 rgb(255,45,233)
```
#ff2dd8
```
#ff2dd8 rgb(255,45,216)
```

Similar Colors

Text with hexadecimal color #f22dff

This text has a font color of #f22dff.

<span style="color:#f22dff;">Text here</span>

#f22dff background color

This paragraph has a background color of #f22dff.

<p style="background-color:#f22dff;">Content here</p>

#f22dff border color

This element has a border color of #f22dff.

<div style="border:1px solid #f22dff;">Content here</div>

CSS codes

.text {color:#f22dff;}

.background {background-color:#f22dff;}

.border {border:1px solid #f22dff;}

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, #050006 is the darkest color, while #fef1ff is the lightest one.

#050006
```
#050006 rgb(5,0,6)
```
#180019
```
#180019 rgb(24,0,25)
```
#2a002d
```
#2a002d rgb(42,0,45)
```
#3d0041
```
#3d0041 rgb(61,0,65)
```
#4f0054
```
#4f0054 rgb(79,0,84)
```
#610068
```
#610068 rgb(97,0,104)
```
#74007b
```
#74007b rgb(116,0,123)
```
#86008f
```
#86008f rgb(134,0,143)
```
#9900a3
```
#9900a3 rgb(153,0,163)
```
#ab00b6
```
#ab00b6 rgb(171,0,182)
```
#bd00ca
```
#bd00ca rgb(189,0,202)
```
#d000de
```
#d000de rgb(208,0,222)
```
#e200f1
```
#e200f1 rgb(226,0,241)
```

Shade Color Variation

#f006ff
```
#f006ff rgb(240,6,255)
```
#f119ff
```
#f119ff rgb(241,25,255)
```
#f22dff
```
#f22dff rgb(242,45,255)
```
#f341ff
```
#f341ff rgb(243,65,255)
```
#f454ff
```
#f454ff rgb(244,84,255)
```
#f668ff
```
#f668ff rgb(246,104,255)
```
#f77bff
```
#f77bff rgb(247,123,255)
```
#f88fff
```
#f88fff rgb(248,143,255)
```
#f9a3ff
```
#f9a3ff rgb(249,163,255)
```
#fbb6ff
```
#fbb6ff rgb(251,182,255)
```
#fccaff
```
#fccaff rgb(252,202,255)
```
#fddeff
```
#fddeff rgb(253,222,255)
```
#fef1ff
```
#fef1ff rgb(254,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d8e9e is the less saturated color, while #f22dff is the most saturated one.

#9d8e9e
```
#9d8e9e rgb(157,142,158)
```
#a486a6
```
#a486a6 rgb(164,134,166)
```
#ab7eae
```
#ab7eae rgb(171,126,174)
```
#b276b6
```
#b276b6 rgb(178,118,182)
```
#b96ebe
```
#b96ebe rgb(185,110,190)
```
#c066c6
```
#c066c6 rgb(192,102,198)
```
#c85dcf
```
#c85dcf rgb(200,93,207)
```
#cf55d7
```
#cf55d7 rgb(207,85,215)
```
#d64ddf
```
#d64ddf rgb(214,77,223)
```
#dd45e7
```
#dd45e7 rgb(221,69,231)
```
#e43def
```
#e43def rgb(228,61,239)
```
#eb35f7
```
#eb35f7 rgb(235,53,247)
```
#f22dff
```
#f22dff rgb(242,45,255)
```

Tone Color Variation

Below, you can see how #f22dff 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.

Monochromacy

#808080 Achromatopsia 0.005% of the population
#976f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5992ff Protanopia 1% of men
#5e96e8 Deuteranopia 1% of men
#e1747b Tritanopia 0.001% of the population

Trichromacy

#916dff Protanomaly 1% of men, 0.01% of women
#9470f0 Deuteranomaly 6% of men, 0.4% of women
#e75aab Tritanomaly 0.01% of the population

#f22dff hex color

#f22dff Color Information

#f22dff Color Conversion

Color Schemes with #f22dff

Alternatives to #f22dff

#f22dff Preview

Shades and Tints of #f22dff

Tones of #f22dff

Color Blindness Simulator