#f254fa hex color

In a RGB color space, hex #f254fa is composed of 94.9% red, 32.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 66.4% magenta, 0% yellow and 2% black. It has a hue angle of 297.1 degrees, a saturation of 94.3% and a lightness of 65.5%. #f254fa color hex could be obtained by blending #ffa8ff with #e500f5. Closest websafe color is: #ff66ff.

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

● #f254fa color description : Soft magenta.

The hexadecimal color #f254fa has RGB values of R:242, G:84, B:250 and CMYK values of C:0.03, M:0.66, Y:0, K:0.02. Its decimal value is 15881466.

Hex triplet	f254fa	`#f254fa`
RGB Decimal	242, 84, 250	`rgb(242,84,250)`
RGB Percent	94.9, 32.9, 98	`rgb(94.9%,32.9%,98%)`
CMYK	3, 66, 0, 2
HSL	297.1°, 94.3, 65.5	`hsl(297.1,94.3%,65.5%)`
HSV (or HSB)	297.1°, 66.4, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.445, 79.317, -53.216
XYZ	57.042, 32.123, 93.633
xyY	0.312, 0.176, 32.123
CIE-LCH	63.445, 95.515, 326.141
CIE-LUV	63.445, 66.383, -95.406
Hunter-Lab	56.677, 80.463, -58.275
Binary	11110010, 01010100, 11111010

#f254fa
```
#f254fa rgb(242,84,250)
```
#5cfa54
```
#5cfa54 rgb(92,250,84)
```

Complementary Color

#9f54fa
```
#9f54fa rgb(159,84,250)
```
#f254fa
```
#f254fa rgb(242,84,250)
```
#fa54af
```
#fa54af rgb(250,84,175)
```

Analogous Color

#54fa9f
```
#54fa9f rgb(84,250,159)
```
#f254fa
```
#f254fa rgb(242,84,250)
```
#affa54
```
#affa54 rgb(175,250,84)
```

Split Complementary Color

#54faf2
```
#54faf2 rgb(84,250,242)
```
#f254fa
```
#f254fa rgb(242,84,250)
```
#faf254
```
#faf254 rgb(250,242,84)
```

Triadic Color

#545cfa
```
#545cfa rgb(84,92,250)
```
#f254fa
```
#f254fa rgb(242,84,250)
```
#faf254
```
#faf254 rgb(250,242,84)
```
#5cfa54
```
#5cfa54 rgb(92,250,84)
```

Tetradic Color

#ec0af8
```
#ec0af8 rgb(236,10,248)
```
#ee22f9
```
#ee22f9 rgb(238,34,249)
```
#f03bf9
```
#f03bf9 rgb(240,59,249)
```
#f254fa
```
#f254fa rgb(242,84,250)
```
#f46dfb
```
#f46dfb rgb(244,109,251)
```
#f686fb
```
#f686fb rgb(246,134,251)
```
#f89efc
```
#f89efc rgb(248,158,252)
```

Monochromatic Color

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

#c954fa
```
#c954fa rgb(201,84,250)
```
#d654fa
```
#d654fa rgb(214,84,250)
```
#e454fa
```
#e454fa rgb(228,84,250)
```
#f254fa
```
#f254fa rgb(242,84,250)
```
#fa54f4
```
#fa54f4 rgb(250,84,244)
```
#fa54e6
```
#fa54e6 rgb(250,84,230)
```
#fa54d9
```
#fa54d9 rgb(250,84,217)
```

Similar Colors

Text with hexadecimal color #f254fa

This text has a font color of #f254fa.

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

#f254fa background color

This paragraph has a background color of #f254fa.

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

#f254fa border color

This element has a border color of #f254fa.

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

CSS codes

.text {color:#f254fa;}

.background {background-color:#f254fa;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#130114
```
#130114 rgb(19,1,20)
```
#250127
```
#250127 rgb(37,1,39)
```
#37023a
```
#37023a rgb(55,2,58)
```
#49024d
```
#49024d rgb(73,2,77)
```
#5b0360
```
#5b0360 rgb(91,3,96)
```
#6d0373
```
#6d0373 rgb(109,3,115)
```
#800486
```
#800486 rgb(128,4,134)
```
#920499
```
#920499 rgb(146,4,153)
```
#a405ac
```
#a405ac rgb(164,5,172)
```
#b606bf
```
#b606bf rgb(182,6,191)
```
#c806d2
```
#c806d2 rgb(200,6,210)
```
#da07e5
```
#da07e5 rgb(218,7,229)
```

Shade Color Variation

#ec08f8
```
#ec08f8 rgb(236,8,248)
```
#ee1bf8
```
#ee1bf8 rgb(238,27,248)
```
#ef2ef9
```
#ef2ef9 rgb(239,46,249)
```
#f141f9
```
#f141f9 rgb(241,65,249)
```
#f254fa
```
#f254fa rgb(242,84,250)
```
#f367fb
```
#f367fb rgb(243,103,251)
```
#f57afb
```
#f57afb rgb(245,122,251)
```
#f68dfc
```
#f68dfc rgb(246,141,252)
```
#f8a0fc
```
#f8a0fc rgb(248,160,252)
```
#f9b3fd
```
#f9b3fd rgb(249,179,253)
```
#fbc6fd
```
#fbc6fd rgb(251,198,253)
```
#fcd9fe
```
#fcd9fe rgb(252,217,254)
```
#feecfe
```
#feecfe rgb(254,236,254)
```

Tint Color Variation

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

#a9a5a9
```
#a9a5a9 rgb(169,165,169)
```
#af9eb0
```
#af9eb0 rgb(175,158,176)
```
#b598b6
```
#b598b6 rgb(181,152,182)
```
#bb91bd
```
#bb91bd rgb(187,145,189)
```
#c18ac4
```
#c18ac4 rgb(193,138,196)
```
#c783cb
```
#c783cb rgb(199,131,203)
```
#cd7dd1
```
#cd7dd1 rgb(205,125,209)
```
#d376d8
```
#d376d8 rgb(211,118,216)
```
#da6fdf
```
#da6fdf rgb(218,111,223)
```
#e068e6
```
#e068e6 rgb(224,104,230)
```
#e662ec
```
#e662ec rgb(230,98,236)
```
#ec5bf3
```
#ec5bf3 rgb(236,91,243)
```
#f254fa
```
#f254fa rgb(242,84,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a889aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f9bff Protanopia 1% of men
#789ee8 Deuteranopia 1% of men
#e3828a Tritanopia 0.001% of the population

Trichromacy

#9e81fd Protanomaly 1% of men, 0.01% of women
#a483ee Deuteranomaly 6% of men, 0.4% of women
#e871b3 Tritanomaly 0.01% of the population

#f254fa hex color

#f254fa Color Information

#f254fa Color Conversion

Color Schemes with #f254fa

Alternatives to #f254fa

#f254fa Preview

Shades and Tints of #f254fa

Tones of #f254fa

Color Blindness Simulator