#f22afc hex color

In a RGB color space, hex #f22afc is composed of 94.9% red, 16.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 83.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 297.1 degrees, a saturation of 97.2% and a lightness of 57.6%. #f22afc color hex could be obtained by blending #ff54ff with #e500f9. Closest websafe color is: #ff33ff.

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

● #f22afc color description : Bright magenta.

The hexadecimal color #f22afc has RGB values of R:242, G:42, B:252 and CMYK values of C:0.04, M:0.83, Y:0, K:0.01. Its decimal value is 15870716.

Hex triplet	f22afc	`#f22afc`
RGB Decimal	242, 42, 252	`rgb(242,42,252)`
RGB Percent	94.9, 16.5, 98.8	`rgb(94.9%,16.5%,98.8%)`
CMYK	4, 83, 0, 1
HSL	297.1°, 97.2, 57.6	`hsl(297.1,97.2%,57.6%)`
HSV (or HSB)	297.1°, 83.3, 98.8
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.494, 91.291, -60.622
XYZ	55.015, 27.565, 94.513
xyY	0.311, 0.156, 27.565
CIE-LCH	59.494, 109.586, 326.414
CIE-LUV	59.494, 73.307, -107.079
Hunter-Lab	52.502, 95.164, -69.98
Binary	11110010, 00101010, 11111100

#f22afc
```
#f22afc rgb(242,42,252)
```
#34fc2a
```
#34fc2a rgb(52,252,42)
```

Complementary Color

#892afc
```
#892afc rgb(137,42,252)
```
#f22afc
```
#f22afc rgb(242,42,252)
```
#fc2a9d
```
#fc2a9d rgb(252,42,157)
```

Analogous Color

#2afc89
```
#2afc89 rgb(42,252,137)
```
#f22afc
```
#f22afc rgb(242,42,252)
```
#9dfc2a
```
#9dfc2a rgb(157,252,42)
```

Split Complementary Color

#2afcf2
```
#2afcf2 rgb(42,252,242)
```
#f22afc
```
#f22afc rgb(242,42,252)
```
#fcf22a
```
#fcf22a rgb(252,242,42)
```

Triadic Color

#2a34fc
```
#2a34fc rgb(42,52,252)
```
#f22afc
```
#f22afc rgb(242,42,252)
```
#fcf22a
```
#fcf22a rgb(252,242,42)
```
#34fc2a
```
#34fc2a rgb(52,252,42)
```

Tetradic Color

#cc03d6
```
#cc03d6 rgb(204,3,214)
```
#e403f0
```
#e403f0 rgb(228,3,240)
```
#f011fc
```
#f011fc rgb(240,17,252)
```
#f22afc
```
#f22afc rgb(242,42,252)
```
#f443fc
```
#f443fc rgb(244,67,252)
```
#f55cfd
```
#f55cfd rgb(245,92,253)
```
#f775fd
```
#f775fd rgb(247,117,253)
```

Monochromatic Color

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

#be2afc
```
#be2afc rgb(190,42,252)
```
#cf2afc
```
#cf2afc rgb(207,42,252)
```
#e12afc
```
#e12afc rgb(225,42,252)
```
#f22afc
```
#f22afc rgb(242,42,252)
```
#fc2af5
```
#fc2af5 rgb(252,42,245)
```
#fc2ae3
```
#fc2ae3 rgb(252,42,227)
```
#fc2ad2
```
#fc2ad2 rgb(252,42,210)
```

Similar Colors

Text with hexadecimal color #f22afc

This text has a font color of #f22afc.

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

#f22afc background color

This paragraph has a background color of #f22afc.

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

#f22afc border color

This element has a border color of #f22afc.

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

CSS codes

.text {color:#f22afc;}

.background {background-color:#f22afc;}

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

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

#120013
```
#120013 rgb(18,0,19)
```
#250126
```
#250126 rgb(37,1,38)
```
#37013a
```
#37013a rgb(55,1,58)
```
#4a014d
```
#4a014d rgb(74,1,77)
```
#5c0160
```
#5c0160 rgb(92,1,96)
```
#6e0274
```
#6e0274 rgb(110,2,116)
```
#810287
```
#810287 rgb(129,2,135)
```
#93029b
```
#93029b rgb(147,2,155)
```
#a602ae
```
#a602ae rgb(166,2,174)
```
#b803c1
```
#b803c1 rgb(184,3,193)
```
#cb03d5
```
#cb03d5 rgb(203,3,213)
```
#dd03e8
```
#dd03e8 rgb(221,3,232)
```
#ef04fb
```
#ef04fb rgb(239,4,251)
```

Shade Color Variation

#f117fc
```
#f117fc rgb(241,23,252)
```
#f22afc
```
#f22afc rgb(242,42,252)
```
#f33dfc
```
#f33dfc rgb(243,61,252)
```
#f451fd
```
#f451fd rgb(244,81,253)
```
#f664fd
```
#f664fd rgb(246,100,253)
```
#f777fd
```
#f777fd rgb(247,119,253)
```
#f88bfd
```
#f88bfd rgb(248,139,253)
```
#f99efe
```
#f99efe rgb(249,158,254)
```
#fab1fe
```
#fab1fe rgb(250,177,254)
```
#fbc5fe
```
#fbc5fe rgb(251,197,254)
```
#fdd8fe
```
#fdd8fe rgb(253,216,254)
```
#feebff
```
#feebff rgb(254,235,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#988e98
```
#988e98 rgb(152,142,152)
```
#9f85a1
```
#9f85a1 rgb(159,133,161)
```
#a77da9
```
#a77da9 rgb(167,125,169)
```
#ae75b1
```
#ae75b1 rgb(174,117,177)
```
#b66cba
```
#b66cba rgb(182,108,186)
```
#bd64c2
```
#bd64c2 rgb(189,100,194)
```
#c55cca
```
#c55cca rgb(197,92,202)
```
#cc54d2
```
#cc54d2 rgb(204,84,210)
```
#d44bdb
```
#d44bdb rgb(212,75,219)
```
#db43e3
```
#db43e3 rgb(219,67,227)
```
#e33beb
```
#e33beb rgb(227,59,235)
```
#ea32f4
```
#ea32f4 rgb(234,50,244)
```
#f22afc
```
#f22afc rgb(242,42,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#956d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5791ff Protanopia 1% of men
#6095e5 Deuteranopia 1% of men
#e17279 Tritanopia 0.001% of the population

Trichromacy

#8f6cfd Protanomaly 1% of men, 0.01% of women
#956eed Deuteranomaly 6% of men, 0.4% of women
#e758a9 Tritanomaly 0.01% of the population

#f22afc hex color

#f22afc Color Information

#f22afc Color Conversion

Color Schemes with #f22afc

Alternatives to #f22afc

#f22afc Preview

Shades and Tints of #f22afc

Tones of #f22afc

Color Blindness Simulator