#f054f9 hex color

In a RGB color space, hex #f054f9 is composed of 94.1% red, 32.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 66.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 296.7 degrees, a saturation of 93.2% and a lightness of 65.3%. #f054f9 color hex could be obtained by blending #ffa8ff with #e100f3. Closest websafe color is: #ff66ff.

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

● #f054f9 color description : Soft magenta.

The hexadecimal color #f054f9 has RGB values of R:240, G:84, B:249 and CMYK values of C:0.04, M:0.66, Y:0, K:0.02. Its decimal value is 15750393.

Hex triplet	f054f9	`#f054f9`
RGB Decimal	240, 84, 249	`rgb(240,84,249)`
RGB Percent	94.1, 32.9, 97.6	`rgb(94.1%,32.9%,97.6%)`
CMYK	4, 66, 0, 2
HSL	296.7°, 93.2, 65.3	`hsl(296.7,93.2%,65.3%)`
HSV (or HSB)	296.7°, 66.3, 97.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.101, 78.718, -53.227
XYZ	56.203, 31.709, 92.777
xyY	0.311, 0.175, 31.709
CIE-LCH	63.101, 95.024, 325.935
CIE-LUV	63.101, 65.337, -95.231
Hunter-Lab	56.31, 79.616, -58.269
Binary	11110000, 01010100, 11111001

#f054f9
```
#f054f9 rgb(240,84,249)
```
#5df954
```
#5df954 rgb(93,249,84)
```

Complementary Color

#9e54f9
```
#9e54f9 rgb(158,84,249)
```
#f054f9
```
#f054f9 rgb(240,84,249)
```
#f954b0
```
#f954b0 rgb(249,84,176)
```

Analogous Color

#54f99e
```
#54f99e rgb(84,249,158)
```
#f054f9
```
#f054f9 rgb(240,84,249)
```
#b0f954
```
#b0f954 rgb(176,249,84)
```

Split Complementary Color

#54f9f0
```
#54f9f0 rgb(84,249,240)
```
#f054f9
```
#f054f9 rgb(240,84,249)
```
#f9f054
```
#f9f054 rgb(249,240,84)
```

Triadic Color

#545df9
```
#545df9 rgb(84,93,249)
```
#f054f9
```
#f054f9 rgb(240,84,249)
```
#f9f054
```
#f9f054 rgb(249,240,84)
```
#5df954
```
#5df954 rgb(93,249,84)
```

Tetradic Color

#ea0af6
```
#ea0af6 rgb(234,10,246)
```
#ec23f7
```
#ec23f7 rgb(236,35,247)
```
#ee3bf8
```
#ee3bf8 rgb(238,59,248)
```
#f054f9
```
#f054f9 rgb(240,84,249)
```
#f26dfa
```
#f26dfa rgb(242,109,250)
```
#f485fb
```
#f485fb rgb(244,133,251)
```
#f69efc
```
#f69efc rgb(246,158,252)
```

Monochromatic Color

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

#c754f9
```
#c754f9 rgb(199,84,249)
```
#d554f9
```
#d554f9 rgb(213,84,249)
```
#e254f9
```
#e254f9 rgb(226,84,249)
```
#f054f9
```
#f054f9 rgb(240,84,249)
```
#f954f4
```
#f954f4 rgb(249,84,244)
```
#f954e7
```
#f954e7 rgb(249,84,231)
```
#f954d9
```
#f954d9 rgb(249,84,217)
```

Similar Colors

Text with hexadecimal color #f054f9

This text has a font color of #f054f9.

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

#f054f9 background color

This paragraph has a background color of #f054f9.

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

#f054f9 border color

This element has a border color of #f054f9.

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

CSS codes

.text {color:#f054f9;}

.background {background-color:#f054f9;}

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

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

#120113
```
#120113 rgb(18,1,19)
```
#230125
```
#230125 rgb(35,1,37)
```
#350238
```
#350238 rgb(53,2,56)
```
#47034b
```
#47034b rgb(71,3,75)
```
#59035e
```
#59035e rgb(89,3,94)
```
#6b0471
```
#6b0471 rgb(107,4,113)
```
#7d0584
```
#7d0584 rgb(125,5,132)
```
#8f0597
```
#8f0597 rgb(143,5,151)
```
#a106aa
```
#a106aa rgb(161,6,170)
```
#b307bd
```
#b307bd rgb(179,7,189)
```
#c507d0
```
#c507d0 rgb(197,7,208)
```
#d708e3
```
#d708e3 rgb(215,8,227)
```
#e909f6
```
#e909f6 rgb(233,9,246)
```

Shade Color Variation

#eb1bf7
```
#eb1bf7 rgb(235,27,247)
```
#ed2ef8
```
#ed2ef8 rgb(237,46,248)
```
#ee41f8
```
#ee41f8 rgb(238,65,248)
```
#f054f9
```
#f054f9 rgb(240,84,249)
```
#f267fa
```
#f267fa rgb(242,103,250)
```
#f37afa
```
#f37afa rgb(243,122,250)
```
#f58dfb
```
#f58dfb rgb(245,141,251)
```
#f7a0fc
```
#f7a0fc rgb(247,160,252)
```
#f8b3fc
```
#f8b3fc rgb(248,179,252)
```
#fac6fd
```
#fac6fd rgb(250,198,253)
```
#fcd9fe
```
#fcd9fe rgb(252,217,254)
```
#fdecfe
```
#fdecfe rgb(253,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a7a6a7
```
#a7a6a7 rgb(167,166,167)
```
#ad9fae
```
#ad9fae rgb(173,159,174)
```
#b398b5
```
#b398b5 rgb(179,152,181)
```
#b991bc
```
#b991bc rgb(185,145,188)
```
#bf8ac3
```
#bf8ac3 rgb(191,138,195)
```
#c684c9
```
#c684c9 rgb(198,132,201)
```
#cc7dd0
```
#cc7dd0 rgb(204,125,208)
```
#d276d7
```
#d276d7 rgb(210,118,215)
```
#d86fde
```
#d86fde rgb(216,111,222)
```
#de68e5
```
#de68e5 rgb(222,104,229)
```
#e462eb
```
#e462eb rgb(228,98,235)
```
#ea5bf2
```
#ea5bf2 rgb(234,91,242)
```
#f054f9
```
#f054f9 rgb(240,84,249)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#a788a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9bff Protanopia 1% of men
#779de7 Deuteranopia 1% of men
#e1818a Tritanopia 0.001% of the population

Trichromacy

#9d81fc Protanomaly 1% of men, 0.01% of women
#a382ed Deuteranomaly 6% of men, 0.4% of women
#e671b2 Tritanomaly 0.01% of the population

#f054f9 hex color

#f054f9 Color Information

#f054f9 Color Conversion

Color Schemes with #f054f9

Alternatives to #f054f9

#f054f9 Preview

Shades and Tints of #f054f9

Tones of #f054f9

Color Blindness Simulator