#f224fa hex color

In a RGB color space, hex #f224fa is composed of 94.9% red, 14.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 85.6% magenta, 0% yellow and 2% black. It has a hue angle of 297.8 degrees, a saturation of 95.5% and a lightness of 56.1%. #f224fa color hex could be obtained by blending #ff48ff with #e500f5. Closest websafe color is: #ff33ff.

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

● #f224fa color description : Vivid magenta.

The hexadecimal color #f224fa has RGB values of R:242, G:36, B:250 and CMYK values of C:0.03, M:0.86, Y:0, K:0.02. Its decimal value is 15869178.

Hex triplet	f224fa	`#f224fa`
RGB Decimal	242, 36, 250	`rgb(242,36,250)`
RGB Percent	94.9, 14.1, 98	`rgb(94.9%,14.1%,98%)`
CMYK	3, 86, 0, 2
HSL	297.8°, 95.5, 56.1	`hsl(297.8,95.5%,56.1%)`
HSV (or HSB)	297.8°, 85.6, 98
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.016, 92.054, -60.277
XYZ	54.503, 27.045, 92.787
xyY	0.313, 0.155, 27.045
CIE-LCH	59.016, 110.033, 326.783
CIE-LUV	59.016, 74.691, -106.458
Hunter-Lab	52.004, 96.067, -69.383
Binary	11110010, 00100100, 11111010

#f224fa
```
#f224fa rgb(242,36,250)
```
#2cfa24
```
#2cfa24 rgb(44,250,36)
```

Complementary Color

#8724fa
```
#8724fa rgb(135,36,250)
```
#f224fa
```
#f224fa rgb(242,36,250)
```
#fa2497
```
#fa2497 rgb(250,36,151)
```

Analogous Color

#24fa87
```
#24fa87 rgb(36,250,135)
```
#f224fa
```
#f224fa rgb(242,36,250)
```
#97fa24
```
#97fa24 rgb(151,250,36)
```

Split Complementary Color

#24faf2
```
#24faf2 rgb(36,250,242)
```
#f224fa
```
#f224fa rgb(242,36,250)
```
#faf224
```
#faf224 rgb(250,242,36)
```

Triadic Color

#242cfa
```
#242cfa rgb(36,44,250)
```
#f224fa
```
#f224fa rgb(242,36,250)
```
#faf224
```
#faf224 rgb(250,242,36)
```
#2cfa24
```
#2cfa24 rgb(44,250,36)
```

Tetradic Color

#c505cd
```
#c505cd rgb(197,5,205)
```
#dd05e6
```
#dd05e6 rgb(221,5,230)
```
#f10bf9
```
#f10bf9 rgb(241,11,249)
```
#f224fa
```
#f224fa rgb(242,36,250)
```
#f33dfb
```
#f33dfb rgb(243,61,251)
```
#f556fb
```
#f556fb rgb(245,86,251)
```
#f66ffc
```
#f66ffc rgb(246,111,252)
```

Monochromatic Color

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

#bd24fa
```
#bd24fa rgb(189,36,250)
```
#ce24fa
```
#ce24fa rgb(206,36,250)
```
#e024fa
```
#e024fa rgb(224,36,250)
```
#f224fa
```
#f224fa rgb(242,36,250)
```
#fa24f0
```
#fa24f0 rgb(250,36,240)
```
#fa24de
```
#fa24de rgb(250,36,222)
```
#fa24cd
```
#fa24cd rgb(250,36,205)
```

Similar Colors

Text with hexadecimal color #f224fa

This text has a font color of #f224fa.

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

#f224fa background color

This paragraph has a background color of #f224fa.

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

#f224fa border color

This element has a border color of #f224fa.

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

CSS codes

.text {color:#f224fa;}

.background {background-color:#f224fa;}

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

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, #0b000b is the darkest color, while #fff7ff is the lightest one.

#0b000b
```
#0b000b rgb(11,0,11)
```
#1d011e
```
#1d011e rgb(29,1,30)
```
#300131
```
#300131 rgb(48,1,49)
```
#420245
```
#420245 rgb(66,2,69)
```
#550258
```
#550258 rgb(85,2,88)
```
#67026b
```
#67026b rgb(103,2,107)
```
#7a037e
```
#7a037e rgb(122,3,126)
```
#8c0391
```
#8c0391 rgb(140,3,145)
```
#9f04a5
```
#9f04a5 rgb(159,4,165)
```
#b104b8
```
#b104b8 rgb(177,4,184)
```
#c305cb
```
#c305cb rgb(195,5,203)
```
#d605de
```
#d605de rgb(214,5,222)
```
#e806f1
```
#e806f1 rgb(232,6,241)
```

Shade Color Variation

#f111fa
```
#f111fa rgb(241,17,250)
```
#f224fa
```
#f224fa rgb(242,36,250)
```
#f337fa
```
#f337fa rgb(243,55,250)
```
#f44afb
```
#f44afb rgb(244,74,251)
```
#f55efb
```
#f55efb rgb(245,94,251)
```
#f771fc
```
#f771fc rgb(247,113,252)
```
#f884fc
```
#f884fc rgb(248,132,252)
```
#f997fd
```
#f997fd rgb(249,151,253)
```
#faaafd
```
#faaafd rgb(250,170,253)
```
#fbbdfe
```
#fbbdfe rgb(251,189,254)
```
#fcd1fe
```
#fcd1fe rgb(252,209,254)
```
#fde4fe
```
#fde4fe rgb(253,228,254)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#928b93
```
#928b93 rgb(146,139,147)
```
#9a839b
```
#9a839b rgb(154,131,155)
```
#a27aa4
```
#a27aa4 rgb(162,122,164)
```
#aa72ac
```
#aa72ac rgb(170,114,172)
```
#b269b5
```
#b269b5 rgb(178,105,181)
```
#ba60be
```
#ba60be rgb(186,96,190)
```
#c258c6
```
#c258c6 rgb(194,88,198)
```
#ca4fcf
```
#ca4fcf rgb(202,79,207)
```
#d246d8
```
#d246d8 rgb(210,70,216)
```
#da3ee0
```
#da3ee0 rgb(218,62,224)
```
#e235e9
```
#e235e9 rgb(226,53,233)
```
#ea2df1
```
#ea2df1 rgb(234,45,241)
```
#f224fa
```
#f224fa rgb(242,36,250)
```

Tone Color Variation

Below, you can see how #f224fa 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
#926994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5490ff Protanopia 1% of men
#6094e3 Deuteranopia 1% of men
#e17077 Tritanopia 0.001% of the population

Trichromacy

#8d69fd Protanomaly 1% of men, 0.01% of women
#956beb Deuteranomaly 6% of men, 0.4% of women
#e754a6 Tritanomaly 0.01% of the population

#f224fa hex color

#f224fa Color Information

#f224fa Color Conversion

Color Schemes with #f224fa

Alternatives to #f224fa

#f224fa Preview

Shades and Tints of #f224fa

Tones of #f224fa

Color Blindness Simulator