#f22dfd hex color

In a RGB color space, hex #f22dfd is composed of 94.9% red, 17.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 82.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.8 degrees, a saturation of 98.1% and a lightness of 58.4%. #f22dfd color hex could be obtained by blending #ff5aff with #e500fb. Closest websafe color is: #ff33ff.

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

● #f22dfd color description : Bright magenta.

The hexadecimal color #f22dfd has RGB values of R:242, G:45, B:253 and CMYK values of C:0.04, M:0.82, Y:0, K:0.01. Its decimal value is 15871485.

Hex triplet	f22dfd	`#f22dfd`
RGB Decimal	242, 45, 253	`rgb(242,45,253)`
RGB Percent	94.9, 17.6, 99.2	`rgb(94.9%,17.6%,99.2%)`
CMYK	4, 82, 0, 1
HSL	296.8°, 98.1, 58.4	`hsl(296.8,98.1%,58.4%)`
HSV (or HSB)	296.8°, 82.2, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.752, 90.855, -60.762
XYZ	55.284, 27.849, 95.387
xyY	0.31, 0.156, 27.849
CIE-LCH	59.752, 109.301, 326.226
CIE-LUV	59.752, 72.585, -107.341
Hunter-Lab	52.772, 94.645, -70.227
Binary	11110010, 00101101, 11111101

#f22dfd
```
#f22dfd rgb(242,45,253)
```
#38fd2d
```
#38fd2d rgb(56,253,45)
```

Complementary Color

#8a2dfd
```
#8a2dfd rgb(138,45,253)
```
#f22dfd
```
#f22dfd rgb(242,45,253)
```
#fd2da0
```
#fd2da0 rgb(253,45,160)
```

Analogous Color

#2dfd8a
```
#2dfd8a rgb(45,253,138)
```
#f22dfd
```
#f22dfd rgb(242,45,253)
```
#a0fd2d
```
#a0fd2d rgb(160,253,45)
```

Split Complementary Color

#2dfdf2
```
#2dfdf2 rgb(45,253,242)
```
#f22dfd
```
#f22dfd rgb(242,45,253)
```
#fdf22d
```
#fdf22d rgb(253,242,45)
```

Triadic Color

#2d38fd
```
#2d38fd rgb(45,56,253)
```
#f22dfd
```
#f22dfd rgb(242,45,253)
```
#fdf22d
```
#fdf22d rgb(253,242,45)
```
#38fd2d
```
#38fd2d rgb(56,253,45)
```

Tetradic Color

#d002db
```
#d002db rgb(208,2,219)
```
#e802f5
```
#e802f5 rgb(232,2,245)
```
#f014fd
```
#f014fd rgb(240,20,253)
```
#f22dfd
```
#f22dfd rgb(242,45,253)
```
#f446fd
```
#f446fd rgb(244,70,253)
```
#f560fd
```
#f560fd rgb(245,96,253)
```
#f779fe
```
#f779fe rgb(247,121,254)
```

Monochromatic Color

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

#be2dfd
```
#be2dfd rgb(190,45,253)
```
#cf2dfd
```
#cf2dfd rgb(207,45,253)
```
#e12dfd
```
#e12dfd rgb(225,45,253)
```
#f22dfd
```
#f22dfd rgb(242,45,253)
```
#fd2df7
```
#fd2df7 rgb(253,45,247)
```
#fd2de5
```
#fd2de5 rgb(253,45,229)
```
#fd2dd4
```
#fd2dd4 rgb(253,45,212)
```

Similar Colors

Text with hexadecimal color #f22dfd

This text has a font color of #f22dfd.

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

#f22dfd background color

This paragraph has a background color of #f22dfd.

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

#f22dfd border color

This element has a border color of #f22dfd.

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

CSS codes

.text {color:#f22dfd;}

.background {background-color:#f22dfd;}

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

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 #feefff is the lightest one.

#040004
```
#040004 rgb(4,0,4)
```
#160017
```
#160017 rgb(22,0,23)
```
#28002b
```
#28002b rgb(40,0,43)
```
#3b013e
```
#3b013e rgb(59,1,62)
```
#4d0151
```
#4d0151 rgb(77,1,81)
```
#600165
```
#600165 rgb(96,1,101)
```
#720178
```
#720178 rgb(114,1,120)
```
#84018c
```
#84018c rgb(132,1,140)
```
#97029f
```
#97029f rgb(151,2,159)
```
#a902b3
```
#a902b3 rgb(169,2,179)
```
#bc02c6
```
#bc02c6 rgb(188,2,198)
```
#ce02d9
```
#ce02d9 rgb(206,2,217)
```
#e002ed
```
#e002ed rgb(224,2,237)
```

Shade Color Variation

#f006fd
```
#f006fd rgb(240,6,253)
```
#f11afd
```
#f11afd rgb(241,26,253)
```
#f22dfd
```
#f22dfd rgb(242,45,253)
```
#f340fd
```
#f340fd rgb(243,64,253)
```
#f454fd
```
#f454fd rgb(244,84,253)
```
#f667fe
```
#f667fe rgb(246,103,254)
```
#f77bfe
```
#f77bfe rgb(247,123,254)
```
#f88efe
```
#f88efe rgb(248,142,254)
```
#f9a2fe
```
#f9a2fe rgb(249,162,254)
```
#fab5fe
```
#fab5fe rgb(250,181,254)
```
#fcc8fe
```
#fcc8fe rgb(252,200,254)
```
#fddcff
```
#fddcff rgb(253,220,255)
```
#feefff
```
#feefff rgb(254,239,255)
```

Tint Color Variation

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

#9b8f9b
```
#9b8f9b rgb(155,143,155)
```
#a287a3
```
#a287a3 rgb(162,135,163)
```
#a97fab
```
#a97fab rgb(169,127,171)
```
#b076b4
```
#b076b4 rgb(176,118,180)
```
#b86ebc
```
#b86ebc rgb(184,110,188)
```
#bf66c4
```
#bf66c4 rgb(191,102,196)
```
#c65ecc
```
#c65ecc rgb(198,94,204)
```
#ce56d4
```
#ce56d4 rgb(206,86,212)
```
#d54edc
```
#d54edc rgb(213,78,220)
```
#dc45e5
```
#dc45e5 rgb(220,69,229)
```
#e33ded
```
#e33ded rgb(227,61,237)
```
#eb35f5
```
#eb35f5 rgb(235,53,245)
```
#f22dfd
```
#f22dfd rgb(242,45,253)
```

Tone Color Variation

Below, you can see how #f22dfd 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
#6096e7 Deuteranopia 1% of men
#e1737b Tritanopia 0.001% of the population

Trichromacy

#906dfe Protanomaly 1% of men, 0.01% of women
#956fef Deuteranomaly 6% of men, 0.4% of women
#e759aa Tritanomaly 0.01% of the population

#f22dfd hex color

#f22dfd Color Information

#f22dfd Color Conversion

Color Schemes with #f22dfd

Alternatives to #f22dfd

#f22dfd Preview

Shades and Tints of #f22dfd

Tones of #f22dfd

Color Blindness Simulator