#f522fa hex color

In a RGB color space, hex #f522fa is composed of 96.1% red, 13.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 86.4% magenta, 0% yellow and 2% black. It has a hue angle of 298.6 degrees, a saturation of 95.6% and a lightness of 55.7%. #f522fa color hex could be obtained by blending #ff44ff with #eb00f5. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 96
- G 13
- B 98
RGB color chart
- C 2
- M 86
- Y 0
- K 2
CMYK color chart

● #f522fa color description : Vivid magenta.

The hexadecimal color #f522fa has RGB values of R:245, G:34, B:250 and CMYK values of C:0.02, M:0.86, Y:0, K:0.02. Its decimal value is 16065274.

Hex triplet	f522fa	`#f522fa`
RGB Decimal	245, 34, 250	`rgb(245,34,250)`
RGB Percent	96.1, 13.3, 98	`rgb(96.1%,13.3%,98%)`
CMYK	2, 86, 0, 2
HSL	298.6°, 95.6, 55.7	`hsl(298.6,95.6%,55.7%)`
HSV (or HSB)	298.6°, 86.4, 98
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.4, 92.871, -59.635
XYZ	55.482, 27.462, 92.816
xyY	0.316, 0.156, 27.462
CIE-LCH	59.4, 110.369, 327.295
CIE-LUV	59.4, 76.993, -105.761
Hunter-Lab	52.405, 97.275, -68.328
Binary	11110101, 00100010, 11111010

#f522fa
```
#f522fa rgb(245,34,250)
```
#27fa22
```
#27fa22 rgb(39,250,34)
```

Complementary Color

#8922fa
```
#8922fa rgb(137,34,250)
```
#f522fa
```
#f522fa rgb(245,34,250)
```
#fa2293
```
#fa2293 rgb(250,34,147)
```

Analogous Color

#22fa89
```
#22fa89 rgb(34,250,137)
```
#f522fa
```
#f522fa rgb(245,34,250)
```
#93fa22
```
#93fa22 rgb(147,250,34)
```

Split Complementary Color

#22faf5
```
#22faf5 rgb(34,250,245)
```
#f522fa
```
#f522fa rgb(245,34,250)
```
#faf522
```
#faf522 rgb(250,245,34)
```

Triadic Color

#2227fa
```
#2227fa rgb(34,39,250)
```
#f522fa
```
#f522fa rgb(245,34,250)
```
#faf522
```
#faf522 rgb(250,245,34)
```
#27fa22
```
#27fa22 rgb(39,250,34)
```

Tetradic Color

#c605cb
```
#c605cb rgb(198,5,203)
```
#df05e4
```
#df05e4 rgb(223,5,228)
```
#f409f9
```
#f409f9 rgb(244,9,249)
```
#f522fa
```
#f522fa rgb(245,34,250)
```
#f63bfb
```
#f63bfb rgb(246,59,251)
```
#f754fb
```
#f754fb rgb(247,84,251)
```
#f86dfc
```
#f86dfc rgb(248,109,252)
```

Monochromatic Color

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

#bf22fa
```
#bf22fa rgb(191,34,250)
```
#d122fa
```
#d122fa rgb(209,34,250)
```
#e322fa
```
#e322fa rgb(227,34,250)
```
#f522fa
```
#f522fa rgb(245,34,250)
```
#fa22ed
```
#fa22ed rgb(250,34,237)
```
#fa22db
```
#fa22db rgb(250,34,219)
```
#fa22c9
```
#fa22c9 rgb(250,34,201)
```

Similar Colors

Text with hexadecimal color #f522fa

This text has a font color of #f522fa.

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

#f522fa background color

This paragraph has a background color of #f522fa.

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

#f522fa border color

This element has a border color of #f522fa.

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

CSS codes

.text {color:#f522fa;}

.background {background-color:#f522fa;}

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

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

#090009
```
#090009 rgb(9,0,9)
```
#1c011c
```
#1c011c rgb(28,1,28)
```
#2e0130
```
#2e0130 rgb(46,1,48)
```
#410243
```
#410243 rgb(65,2,67)
```
#540256
```
#540256 rgb(84,2,86)
```
#670269
```
#670269 rgb(103,2,105)
```
#79037c
```
#79037c rgb(121,3,124)
```
#8c038f
```
#8c038f rgb(140,3,143)
```
#9f04a3
```
#9f04a3 rgb(159,4,163)
```
#b204b6
```
#b204b6 rgb(178,4,182)
```
#c405c9
```
#c405c9 rgb(196,5,201)
```
#d705dc
```
#d705dc rgb(215,5,220)
```
#ea05ef
```
#ea05ef rgb(234,5,239)
```

Shade Color Variation

#f40ffa
```
#f40ffa rgb(244,15,250)
```
#f522fa
```
#f522fa rgb(245,34,250)
```
#f635fa
```
#f635fa rgb(246,53,250)
```
#f748fb
```
#f748fb rgb(247,72,251)
```
#f85cfb
```
#f85cfb rgb(248,92,251)
```
#f86ffc
```
#f86ffc rgb(248,111,252)
```
#f982fc
```
#f982fc rgb(249,130,252)
```
#fa95fd
```
#fa95fd rgb(250,149,253)
```
#fba8fd
```
#fba8fd rgb(251,168,253)
```
#fcbbfd
```
#fcbbfd rgb(252,187,253)
```
#fdcffe
```
#fdcffe rgb(253,207,254)
```
#fee2fe
```
#fee2fe rgb(254,226,254)
```
#fff5ff
```
#fff5ff rgb(255,245,255)
```

Tint Color Variation

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

#928a92
```
#928a92 rgb(146,138,146)
```
#9a829a
```
#9a829a rgb(154,130,154)
```
#a279a3
```
#a279a3 rgb(162,121,163)
```
#aa70ac
```
#aa70ac rgb(170,112,172)
```
#b368b4
```
#b368b4 rgb(179,104,180)
```
#bb5fbd
```
#bb5fbd rgb(187,95,189)
```
#c356c6
```
#c356c6 rgb(195,86,198)
```
#cc4dcf
```
#cc4dcf rgb(204,77,207)
```
#d445d7
```
#d445d7 rgb(212,69,215)
```
#dc3ce0
```
#dc3ce0 rgb(220,60,224)
```
#e433e9
```
#e433e9 rgb(228,51,233)
```
#ed2bf1
```
#ed2bf1 rgb(237,43,241)
```
#f522fa
```
#f522fa rgb(245,34,250)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#936894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5691ff Protanopia 1% of men
#6395e3 Deuteranopia 1% of men
#e56f76 Tritanopia 0.001% of the population

Trichromacy

#9069fd Protanomaly 1% of men, 0.01% of women
#986beb Deuteranomaly 6% of men, 0.4% of women
#ea53a6 Tritanomaly 0.01% of the population

#f522fa hex color

#f522fa Color Information

#f522fa Color Conversion

Color Schemes with #f522fa

Alternatives to #f522fa

#f522fa Preview

Shades and Tints of #f522fa

Tones of #f522fa

Color Blindness Simulator