#f54dfe hex color

In a RGB color space, hex #f54dfe is composed of 96.1% red, 30.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 3.5% cyan, 69.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 296.9 degrees, a saturation of 98.9% and a lightness of 64.9%. #f54dfe color hex could be obtained by blending #ff9aff with #eb00fd. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 30
- B 100
RGB color chart
- C 4
- M 70
- Y 0
- K 0
CMYK color chart

● #f54dfe color description : Soft magenta.

The hexadecimal color #f54dfe has RGB values of R:245, G:77, B:254 and CMYK values of C:0.04, M:0.7, Y:0, K:0. Its decimal value is 16076286.

Hex triplet	f54dfe	`#f54dfe`
RGB Decimal	245, 77, 254	`rgb(245,77,254)`
RGB Percent	96.1, 30.2, 99.6	`rgb(96.1%,30.2%,99.6%)`
CMYK	4, 70, 0, 0
HSL	296.9°, 98.9, 64.9	`hsl(296.9,98.9%,64.9%)`
HSV (or HSB)	296.9°, 69.7, 99.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.243, 83.015, -55.716
XYZ	58.198, 31.879, 96.849
xyY	0.311, 0.171, 31.879
CIE-LCH	63.243, 99.979, 326.132
CIE-LUV	63.243, 68.792, -99.789
Hunter-Lab	56.462, 85.18, -62.176
Binary	11110101, 01001101, 11111110

#f54dfe
```
#f54dfe rgb(245,77,254)
```
#56fe4d
```
#56fe4d rgb(86,254,77)
```

Complementary Color

#9d4dfe
```
#9d4dfe rgb(157,77,254)
```
#f54dfe
```
#f54dfe rgb(245,77,254)
```
#fe4daf
```
#fe4daf rgb(254,77,175)
```

Analogous Color

#4dfe9d
```
#4dfe9d rgb(77,254,157)
```
#f54dfe
```
#f54dfe rgb(245,77,254)
```
#affe4d
```
#affe4d rgb(175,254,77)
```

Split Complementary Color

#4dfef5
```
#4dfef5 rgb(77,254,245)
```
#f54dfe
```
#f54dfe rgb(245,77,254)
```
#fef54d
```
#fef54d rgb(254,245,77)
```

Triadic Color

#4d56fe
```
#4d56fe rgb(77,86,254)
```
#f54dfe
```
#f54dfe rgb(245,77,254)
```
#fef54d
```
#fef54d rgb(254,245,77)
```
#56fe4d
```
#56fe4d rgb(86,254,77)
```

Tetradic Color

#f001fd
```
#f001fd rgb(240,1,253)
```
#f21afe
```
#f21afe rgb(242,26,254)
```
#f434fe
```
#f434fe rgb(244,52,254)
```
#f54dfe
```
#f54dfe rgb(245,77,254)
```
#f666fe
```
#f666fe rgb(246,102,254)
```
#f880fe
```
#f880fe rgb(248,128,254)
```
#f999fe
```
#f999fe rgb(249,153,254)
```

Monochromatic Color

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

#c94dfe
```
#c94dfe rgb(201,77,254)
```
#d84dfe
```
#d84dfe rgb(216,77,254)
```
#e64dfe
```
#e64dfe rgb(230,77,254)
```
#f54dfe
```
#f54dfe rgb(245,77,254)
```
#fe4df8
```
#fe4df8 rgb(254,77,248)
```
#fe4dea
```
#fe4dea rgb(254,77,234)
```
#fe4ddb
```
#fe4ddb rgb(254,77,219)
```

Similar Colors

Text with hexadecimal color #f54dfe

This text has a font color of #f54dfe.

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

#f54dfe background color

This paragraph has a background color of #f54dfe.

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

#f54dfe border color

This element has a border color of #f54dfe.

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

CSS codes

.text {color:#f54dfe;}

.background {background-color:#f54dfe;}

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

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

#100011
```
#100011 rgb(16,0,17)
```
#230025
```
#230025 rgb(35,0,37)
```
#350038
```
#350038 rgb(53,0,56)
```
#48004c
```
#48004c rgb(72,0,76)
```
#5a015f
```
#5a015f rgb(90,1,95)
```
#6d0173
```
#6d0173 rgb(109,1,115)
```
#7f0186
```
#7f0186 rgb(127,1,134)
```
#92019a
```
#92019a rgb(146,1,154)
```
#a401ad
```
#a401ad rgb(164,1,173)
```
#b701c1
```
#b701c1 rgb(183,1,193)
```
#c901d4
```
#c901d4 rgb(201,1,212)
```
#dc01e8
```
#dc01e8 rgb(220,1,232)
```
#ee01fb
```
#ee01fb rgb(238,1,251)
```

Shade Color Variation

#f212fe
```
#f212fe rgb(242,18,254)
```
#f326fe
```
#f326fe rgb(243,38,254)
```
#f439fe
```
#f439fe rgb(244,57,254)
```
#f54dfe
```
#f54dfe rgb(245,77,254)
```
#f661fe
```
#f661fe rgb(246,97,254)
```
#f774fe
```
#f774fe rgb(247,116,254)
```
#f888fe
```
#f888fe rgb(248,136,254)
```
#f99bfe
```
#f99bfe rgb(249,155,254)
```
#faafff
```
#faafff rgb(250,175,255)
```
#fcc2ff
```
#fcc2ff rgb(252,194,255)
```
#fdd6ff
```
#fdd6ff rgb(253,214,255)
```
#fee9ff
```
#fee9ff rgb(254,233,255)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#aba0ab
```
#aba0ab rgb(171,160,171)
```
#b199b2
```
#b199b2 rgb(177,153,178)
```
#b792b9
```
#b792b9 rgb(183,146,185)
```
#bd8bc0
```
#bd8bc0 rgb(189,139,192)
```
#c484c7
```
#c484c7 rgb(196,132,199)
```
#ca7dce
```
#ca7dce rgb(202,125,206)
```
#d076d5
```
#d076d5 rgb(208,118,213)
```
#d66fdc
```
#d66fdc rgb(214,111,220)
```
#dc69e2
```
#dc69e2 rgb(220,105,226)
```
#e262e9
```
#e262e9 rgb(226,98,233)
```
#e95bf0
```
#e95bf0 rgb(233,91,240)
```
#ef54f7
```
#ef54f7 rgb(239,84,247)
```
#f54dfe
```
#f54dfe rgb(245,77,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#a785a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e9bff Protanopia 1% of men
#739eea Deuteranopia 1% of men
#e58088 Tritanopia 0.001% of the population

Trichromacy

#9f7efe Protanomaly 1% of men, 0.01% of women
#a280f1 Deuteranomaly 6% of men, 0.4% of women
#eb6db3 Tritanomaly 0.01% of the population

#f54dfe hex color

#f54dfe Color Information

#f54dfe Color Conversion

Color Schemes with #f54dfe

Alternatives to #f54dfe

#f54dfe Preview

Shades and Tints of #f54dfe

Tones of #f54dfe

Color Blindness Simulator