#f54cfa hex color

In a RGB color space, hex #f54cfa is composed of 96.1% red, 29.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 69.6% magenta, 0% yellow and 2% black. It has a hue angle of 298.3 degrees, a saturation of 94.6% and a lightness of 63.9%. #f54cfa color hex could be obtained by blending #ff98ff with #eb00f5. Closest websafe color is: #ff33ff.

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

● #f54cfa color description : Soft magenta.

The hexadecimal color #f54cfa has RGB values of R:245, G:76, B:250 and CMYK values of C:0.02, M:0.7, Y:0, K:0.02. Its decimal value is 16076026.

Hex triplet	f54cfa	`#f54cfa`
RGB Decimal	245, 76, 250	`rgb(245,76,250)`
RGB Percent	96.1, 29.8, 98	`rgb(96.1%,29.8%,98%)`
CMYK	2, 70, 0, 2
HSL	298.3°, 94.6, 63.9	`hsl(298.3,94.6%,63.9%)`
HSV (or HSB)	298.3°, 69.6, 98
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	62.917, 82.705, -54.027
XYZ	57.495, 31.487, 93.487
xyY	0.315, 0.173, 31.487
CIE-LCH	62.917, 98.788, 326.845
CIE-LUV	62.917, 70.335, -96.999
Hunter-Lab	56.113, 84.696, -59.5
Binary	11110101, 01001100, 11111010

#f54cfa
```
#f54cfa rgb(245,76,250)
```
#51fa4c
```
#51fa4c rgb(81,250,76)
```

Complementary Color

#9e4cfa
```
#9e4cfa rgb(158,76,250)
```
#f54cfa
```
#f54cfa rgb(245,76,250)
```
#fa4ca8
```
#fa4ca8 rgb(250,76,168)
```

Analogous Color

#4cfa9e
```
#4cfa9e rgb(76,250,158)
```
#f54cfa
```
#f54cfa rgb(245,76,250)
```
#a8fa4c
```
#a8fa4c rgb(168,250,76)
```

Split Complementary Color

#4cfaf5
```
#4cfaf5 rgb(76,250,245)
```
#f54cfa
```
#f54cfa rgb(245,76,250)
```
#faf54c
```
#faf54c rgb(250,245,76)
```

Triadic Color

#4c51fa
```
#4c51fa rgb(76,81,250)
```
#f54cfa
```
#f54cfa rgb(245,76,250)
```
#faf54c
```
#faf54c rgb(250,245,76)
```
#51fa4c
```
#51fa4c rgb(81,250,76)
```

Tetradic Color

#ec07f3
```
#ec07f3 rgb(236,7,243)
```
#f21af9
```
#f21af9 rgb(242,26,249)
```
#f433f9
```
#f433f9 rgb(244,51,249)
```
#f54cfa
```
#f54cfa rgb(245,76,250)
```
#f665fb
```
#f665fb rgb(246,101,251)
```
#f87efb
```
#f87efb rgb(248,126,251)
```
#f996fc
```
#f996fc rgb(249,150,252)
```

Monochromatic Color

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

#ca4cfa
```
#ca4cfa rgb(202,76,250)
```
#d84cfa
```
#d84cfa rgb(216,76,250)
```
#e74cfa
```
#e74cfa rgb(231,76,250)
```
#f54cfa
```
#f54cfa rgb(245,76,250)
```
#fa4cf1
```
#fa4cf1 rgb(250,76,241)
```
#fa4ce2
```
#fa4ce2 rgb(250,76,226)
```
#fa4cd4
```
#fa4cd4 rgb(250,76,212)
```

Similar Colors

Text with hexadecimal color #f54cfa

This text has a font color of #f54cfa.

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

#f54cfa background color

This paragraph has a background color of #f54cfa.

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

#f54cfa border color

This element has a border color of #f54cfa.

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

CSS codes

.text {color:#f54cfa;}

.background {background-color:#f54cfa;}

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

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

#0b000c
```
#0b000c rgb(11,0,12)
```
#1e011f
```
#1e011f rgb(30,1,31)
```
#310132
```
#310132 rgb(49,1,50)
```
#430245
```
#430245 rgb(67,2,69)
```
#560258
```
#560258 rgb(86,2,88)
```
#68036b
```
#68036b rgb(104,3,107)
```
#7b047e
```
#7b047e rgb(123,4,126)
```
#8d0491
```
#8d0491 rgb(141,4,145)
```
#a005a4
```
#a005a4 rgb(160,5,164)
```
#b205b8
```
#b205b8 rgb(178,5,184)
```
#c506cb
```
#c506cb rgb(197,6,203)
```
#d806de
```
#d806de rgb(216,6,222)
```
#ea07f1
```
#ea07f1 rgb(234,7,241)
```

Shade Color Variation

#f213f8
```
#f213f8 rgb(242,19,248)
```
#f326f9
```
#f326f9 rgb(243,38,249)
```
#f439f9
```
#f439f9 rgb(244,57,249)
```
#f54cfa
```
#f54cfa rgb(245,76,250)
```
#f65ffb
```
#f65ffb rgb(246,95,251)
```
#f772fb
```
#f772fb rgb(247,114,251)
```
#f885fc
```
#f885fc rgb(248,133,252)
```
#f998fc
```
#f998fc rgb(249,152,252)
```
#faabfd
```
#faabfd rgb(250,171,253)
```
#fbbefd
```
#fbbefd rgb(251,190,253)
```
#fcd2fe
```
#fcd2fe rgb(252,210,254)
```
#fee5fe
```
#fee5fe rgb(254,229,254)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#a5a1a5
```
#a5a1a5 rgb(165,161,165)
```
#ac9aac
```
#ac9aac rgb(172,154,172)
```
#b293b3
```
#b293b3 rgb(178,147,179)
```
#b98cba
```
#b98cba rgb(185,140,186)
```
#c085c1
```
#c085c1 rgb(192,133,193)
```
#c67ec8
```
#c67ec8 rgb(198,126,200)
```
#cd76d0
```
#cd76d0 rgb(205,118,208)
```
#d46fd7
```
#d46fd7 rgb(212,111,215)
```
#da68de
```
#da68de rgb(218,104,222)
```
#e161e5
```
#e161e5 rgb(225,97,229)
```
#e85aec
```
#e85aec rgb(232,90,236)
```
#ee53f3
```
#ee53f3 rgb(238,83,243)
```
#f54cfa
```
#f54cfa rgb(245,76,250)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a684a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c9aff Protanopia 1% of men
#769de7 Deuteranopia 1% of men
#e67e86 Tritanopia 0.001% of the population

Trichromacy

#9e7efd Protanomaly 1% of men, 0.01% of women
#a47fee Deuteranomaly 6% of men, 0.4% of women
#eb6cb0 Tritanomaly 0.01% of the population

#f54cfa hex color

#f54cfa Color Information

#f54cfa Color Conversion

Color Schemes with #f54cfa

Alternatives to #f54cfa

#f54cfa Preview

Shades and Tints of #f54cfa

Tones of #f54cfa

Color Blindness Simulator