#f22dfa hex color

In a RGB color space, hex #f22dfa is composed of 94.9% red, 17.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 82% magenta, 0% yellow and 2% black. It has a hue angle of 297.7 degrees, a saturation of 95.3% and a lightness of 57.8%. #f22dfa color hex could be obtained by blending #ff5aff with #e500f5. Closest websafe color is: #ff33ff.

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

● #f22dfa color description : Bright magenta.

The hexadecimal color #f22dfa has RGB values of R:242, G:45, B:250 and CMYK values of C:0.03, M:0.82, Y:0, K:0.02. Its decimal value is 15871482.

Hex triplet	f22dfa	`#f22dfa`
RGB Decimal	242, 45, 250	`rgb(242,45,250)`
RGB Percent	94.9, 17.6, 98	`rgb(94.9%,17.6%,98%)`
CMYK	3, 82, 0, 2
HSL	297.7°, 95.3, 57.8	`hsl(297.7,95.3%,57.8%)`
HSV (or HSB)	297.7°, 82, 98
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.58, 90.401, -59.374
XYZ	54.81, 27.66, 92.889
xyY	0.313, 0.158, 27.66
CIE-LCH	59.58, 108.156, 326.704
CIE-LUV	59.58, 73.672, -105.104
Hunter-Lab	52.592, 93.991, -67.904
Binary	11110010, 00101101, 11111010

#f22dfa
```
#f22dfa rgb(242,45,250)
```
#35fa2d
```
#35fa2d rgb(53,250,45)
```

Complementary Color

#8c2dfa
```
#8c2dfa rgb(140,45,250)
```
#f22dfa
```
#f22dfa rgb(242,45,250)
```
#fa2d9c
```
#fa2d9c rgb(250,45,156)
```

Analogous Color

#2dfa8c
```
#2dfa8c rgb(45,250,140)
```
#f22dfa
```
#f22dfa rgb(242,45,250)
```
#9cfa2d
```
#9cfa2d rgb(156,250,45)
```

Split Complementary Color

#2dfaf2
```
#2dfaf2 rgb(45,250,242)
```
#f22dfa
```
#f22dfa rgb(242,45,250)
```
#faf22d
```
#faf22d rgb(250,242,45)
```

Triadic Color

#2d35fa
```
#2d35fa rgb(45,53,250)
```
#f22dfa
```
#f22dfa rgb(242,45,250)
```
#faf22d
```
#faf22d rgb(250,242,45)
```
#35fa2d
```
#35fa2d rgb(53,250,45)
```

Tetradic Color

#cd05d5
```
#cd05d5 rgb(205,5,213)
```
#e506ee
```
#e506ee rgb(229,6,238)
```
#f014f9
```
#f014f9 rgb(240,20,249)
```
#f22dfa
```
#f22dfa rgb(242,45,250)
```
#f446fb
```
#f446fb rgb(244,70,251)
```
#f55ffb
```
#f55ffb rgb(245,95,251)
```
#f778fc
```
#f778fc rgb(247,120,252)
```

Monochromatic Color

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

#bf2dfa
```
#bf2dfa rgb(191,45,250)
```
#d02dfa
```
#d02dfa rgb(208,45,250)
```
#e12dfa
```
#e12dfa rgb(225,45,250)
```
#f22dfa
```
#f22dfa rgb(242,45,250)
```
#fa2df1
```
#fa2df1 rgb(250,45,241)
```
#fa2de0
```
#fa2de0 rgb(250,45,224)
```
#fa2dcf
```
#fa2dcf rgb(250,45,207)
```

Similar Colors

Text with hexadecimal color #f22dfa

This text has a font color of #f22dfa.

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

#f22dfa background color

This paragraph has a background color of #f22dfa.

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

#f22dfa border color

This element has a border color of #f22dfa.

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

CSS codes

.text {color:#f22dfa;}

.background {background-color:#f22dfa;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#130014
```
#130014 rgb(19,0,20)
```
#260127
```
#260127 rgb(38,1,39)
```
#38013a
```
#38013a rgb(56,1,58)
```
#4a024d
```
#4a024d rgb(74,2,77)
```
#5d0261
```
#5d0261 rgb(93,2,97)
```
#6f0374
```
#6f0374 rgb(111,3,116)
```
#820387
```
#820387 rgb(130,3,135)
```
#94049a
```
#94049a rgb(148,4,154)
```
#a704ad
```
#a704ad rgb(167,4,173)
```
#b905c0
```
#b905c0 rgb(185,5,192)
```
#cb05d4
```
#cb05d4 rgb(203,5,212)
```
#de05e7
```
#de05e7 rgb(222,5,231)
```

Shade Color Variation

#f007f9
```
#f007f9 rgb(240,7,249)
```
#f11afa
```
#f11afa rgb(241,26,250)
```
#f22dfa
```
#f22dfa rgb(242,45,250)
```
#f340fa
```
#f340fa rgb(243,64,250)
```
#f453fb
```
#f453fb rgb(244,83,251)
```
#f666fb
```
#f666fb rgb(246,102,251)
```
#f77afc
```
#f77afc rgb(247,122,252)
```
#f88dfc
```
#f88dfc rgb(248,141,252)
```
#f9a0fd
```
#f9a0fd rgb(249,160,253)
```
#fab3fd
```
#fab3fd rgb(250,179,253)
```
#fbc6fe
```
#fbc6fe rgb(251,198,254)
```
#fdd9fe
```
#fdd9fe rgb(253,217,254)
```
#feedff
```
#feedff rgb(254,237,255)
```

Tint Color Variation

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

#979097
```
#979097 rgb(151,144,151)
```
#9e889f
```
#9e889f rgb(158,136,159)
```
#a680a7
```
#a680a7 rgb(166,128,167)
```
#ad77b0
```
#ad77b0 rgb(173,119,176)
```
#b56fb8
```
#b56fb8 rgb(181,111,184)
```
#bd67c0
```
#bd67c0 rgb(189,103,192)
```
#c45fc8
```
#c45fc8 rgb(196,95,200)
```
#cc56d1
```
#cc56d1 rgb(204,86,209)
```
#d44ed9
```
#d44ed9 rgb(212,78,217)
```
#db46e1
```
#db46e1 rgb(219,70,225)
```
#e33ee9
```
#e33ee9 rgb(227,62,233)
```
#ea35f2
```
#ea35f2 rgb(234,53,242)
```
#f22dfa
```
#f22dfa rgb(242,45,250)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#966f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5892ff Protanopia 1% of men
#6395e4 Deuteranopia 1% of men
#e27279 Tritanopia 0.001% of the population

Trichromacy

#906dfd Protanomaly 1% of men, 0.01% of women
#976fec Deuteranomaly 6% of men, 0.4% of women
#e759a8 Tritanomaly 0.01% of the population

#f22dfa hex color

#f22dfa Color Information

#f22dfa Color Conversion

Color Schemes with #f22dfa

Alternatives to #f22dfa

#f22dfa Preview

Shades and Tints of #f22dfa

Tones of #f22dfa

Color Blindness Simulator