#f54dfd hex color

In a RGB color space, hex #f54dfd is composed of 96.1% red, 30.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 69.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 297.3 degrees, a saturation of 97.8% and a lightness of 64.7%. #f54dfd color hex could be obtained by blending #ff9aff with #eb00fb. Closest websafe color is: #ff66ff.

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

● #f54dfd color description : Soft magenta.

The hexadecimal color #f54dfd has RGB values of R:245, G:77, B:253 and CMYK values of C:0.03, M:0.7, Y:0, K:0.01. Its decimal value is 16076285.

Hex triplet	f54dfd	`#f54dfd`
RGB Decimal	245, 77, 253	`rgb(245,77,253)`
RGB Percent	96.1, 30.2, 99.2	`rgb(96.1%,30.2%,99.2%)`
CMYK	3, 70, 0, 1
HSL	297.3°, 97.8, 64.7	`hsl(297.3,97.8%,64.7%)`
HSV (or HSB)	297.3°, 69.6, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.19, 82.855, -55.249
XYZ	58.038, 31.815, 96.007
xyY	0.312, 0.171, 31.815
CIE-LCH	63.19, 99.586, 326.304
CIE-LUV	63.19, 69.12, -99.019
Hunter-Lab	56.405, 84.959, -61.434
Binary	11110101, 01001101, 11111101

#f54dfd
```
#f54dfd rgb(245,77,253)
```
#55fd4d
```
#55fd4d rgb(85,253,77)
```

Complementary Color

#9d4dfd
```
#9d4dfd rgb(157,77,253)
```
#f54dfd
```
#f54dfd rgb(245,77,253)
```
#fd4dad
```
#fd4dad rgb(253,77,173)
```

Analogous Color

#4dfd9d
```
#4dfd9d rgb(77,253,157)
```
#f54dfd
```
#f54dfd rgb(245,77,253)
```
#adfd4d
```
#adfd4d rgb(173,253,77)
```

Split Complementary Color

#4dfdf5
```
#4dfdf5 rgb(77,253,245)
```
#f54dfd
```
#f54dfd rgb(245,77,253)
```
#fdf54d
```
#fdf54d rgb(253,245,77)
```

Triadic Color

#4d55fd
```
#4d55fd rgb(77,85,253)
```
#f54dfd
```
#f54dfd rgb(245,77,253)
```
#fdf54d
```
#fdf54d rgb(253,245,77)
```
#55fd4d
```
#55fd4d rgb(85,253,77)
```

Tetradic Color

#ef03fb
```
#ef03fb rgb(239,3,251)
```
#f21bfc
```
#f21bfc rgb(242,27,252)
```
#f434fd
```
#f434fd rgb(244,52,253)
```
#f54dfd
```
#f54dfd rgb(245,77,253)
```
#f666fd
```
#f666fd rgb(246,102,253)
```
#f87ffe
```
#f87ffe rgb(248,127,254)
```
#f999fe
```
#f999fe rgb(249,153,254)
```

Monochromatic Color

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

#c94dfd
```
#c94dfd rgb(201,77,253)
```
#d84dfd
```
#d84dfd rgb(216,77,253)
```
#e64dfd
```
#e64dfd rgb(230,77,253)
```
#f54dfd
```
#f54dfd rgb(245,77,253)
```
#fd4df6
```
#fd4df6 rgb(253,77,246)
```
#fd4de8
```
#fd4de8 rgb(253,77,232)
```
#fd4dd9
```
#fd4dd9 rgb(253,77,217)
```

Similar Colors

Text with hexadecimal color #f54dfd

This text has a font color of #f54dfd.

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

#f54dfd background color

This paragraph has a background color of #f54dfd.

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

#f54dfd border color

This element has a border color of #f54dfd.

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

CSS codes

.text {color:#f54dfd;}

.background {background-color:#f54dfd;}

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

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

#0f0010
```
#0f0010 rgb(15,0,16)
```
#220023
```
#220023 rgb(34,0,35)
```
#340137
```
#340137 rgb(52,1,55)
```
#47014a
```
#47014a rgb(71,1,74)
```
#59015e
```
#59015e rgb(89,1,94)
```
#6c0171
```
#6c0171 rgb(108,1,113)
```
#7e0184
```
#7e0184 rgb(126,1,132)
```
#910298
```
#910298 rgb(145,2,152)
```
#a302ab
```
#a302ab rgb(163,2,171)
```
#b602bf
```
#b602bf rgb(182,2,191)
```
#c902d2
```
#c902d2 rgb(201,2,210)
```
#db03e5
```
#db03e5 rgb(219,3,229)
```
#ee03f9
```
#ee03f9 rgb(238,3,249)
```

Shade Color Variation

#f213fc
```
#f213fc rgb(242,19,252)
```
#f326fd
```
#f326fd rgb(243,38,253)
```
#f43afd
```
#f43afd rgb(244,58,253)
```
#f54dfd
```
#f54dfd rgb(245,77,253)
```
#f660fd
```
#f660fd rgb(246,96,253)
```
#f774fd
```
#f774fd rgb(247,116,253)
```
#f887fe
```
#f887fe rgb(248,135,254)
```
#f99bfe
```
#f99bfe rgb(249,155,254)
```
#faaefe
```
#faaefe rgb(250,174,254)
```
#fcc1fe
```
#fcc1fe rgb(252,193,254)
```
#fdd5ff
```
#fdd5ff rgb(253,213,255)
```
#fee8ff
```
#fee8ff rgb(254,232,255)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#a9a0aa
```
#a9a0aa rgb(169,160,170)
```
#b099b1
```
#b099b1 rgb(176,153,177)
```
#b692b8
```
#b692b8 rgb(182,146,184)
```
#bc8bbf
```
#bc8bbf rgb(188,139,191)
```
#c384c6
```
#c384c6 rgb(195,132,198)
```
#c97dcd
```
#c97dcd rgb(201,125,205)
```
#cf77d3
```
#cf77d3 rgb(207,119,211)
```
#d670da
```
#d670da rgb(214,112,218)
```
#dc69e1
```
#dc69e1 rgb(220,105,225)
```
#e262e8
```
#e262e8 rgb(226,98,232)
```
#e85bef
```
#e85bef rgb(232,91,239)
```
#ef54f6
```
#ef54f6 rgb(239,84,246)
```
#f54dfd
```
#f54dfd rgb(245,77,253)
```

Tone Color Variation

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

#6d9bff Protanopia 1% of men
#749eea Deuteranopia 1% of men
#e57f88 Tritanopia 0.001% of the population

Trichromacy

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

#f54dfd hex color

#f54dfd Color Information

#f54dfd Color Conversion

Color Schemes with #f54dfd

Alternatives to #f54dfd

#f54dfd Preview

Shades and Tints of #f54dfd

Tones of #f54dfd

Color Blindness Simulator