#f054e4 hex color

In a RGB color space, hex #f054e4 is composed of 94.1% red, 32.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65% magenta, 5% yellow and 5.9% black. It has a hue angle of 304.6 degrees, a saturation of 83.9% and a lightness of 63.5%. #f054e4 color hex could be obtained by blending #ffa8ff with #e100c9. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 94
- G 33
- B 89
RGB color chart
- C 0
- M 65
- Y 5
- K 6
CMYK color chart

● #f054e4 color description : Soft magenta.

The hexadecimal color #f054e4 has RGB values of R:240, G:84, B:228 and CMYK values of C:0, M:0.65, Y:0.05, K:0.06. Its decimal value is 15750372.

Hex triplet	f054e4	`#f054e4`
RGB Decimal	240, 84, 228	`rgb(240,84,228)`
RGB Percent	94.1, 32.9, 89.4	`rgb(94.1%,32.9%,89.4%)`
CMYK	0, 65, 5, 6
HSL	304.6°, 83.9, 63.5	`hsl(304.6,83.9%,63.5%)`
HSV (or HSB)	304.6°, 65, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	62.058, 75.365, -43.2
XYZ	53.108, 30.471, 76.479
xyY	0.332, 0.19, 30.471
CIE-LCH	62.058, 86.869, 330.178
CIE-LUV	62.058, 72.112, -78.698
Hunter-Lab	55.2, 75.134, -43.505
Binary	11110000, 01010100, 11100100

#f054e4
```
#f054e4 rgb(240,84,228)
```
#54f060
```
#54f060 rgb(84,240,96)
```

Complementary Color

#ae54f0
```
#ae54f0 rgb(174,84,240)
```
#f054e4
```
#f054e4 rgb(240,84,228)
```
#f05496
```
#f05496 rgb(240,84,150)
```

Analogous Color

#54f0ae
```
#54f0ae rgb(84,240,174)
```
#f054e4
```
#f054e4 rgb(240,84,228)
```
#96f054
```
#96f054 rgb(150,240,84)
```

Split Complementary Color

#54e4f0
```
#54e4f0 rgb(84,228,240)
```
#f054e4
```
#f054e4 rgb(240,84,228)
```
#e4f054
```
#e4f054 rgb(228,240,84)
```

Triadic Color

#6054f0
```
#6054f0 rgb(96,84,240)
```
#f054e4
```
#f054e4 rgb(240,84,228)
```
#e4f054
```
#e4f054 rgb(228,240,84)
```
#54f060
```
#54f060 rgb(84,240,96)
```

Tetradic Color

#e414d4
```
#e414d4 rgb(228,20,212)
```
#ec25dd
```
#ec25dd rgb(236,37,221)
```
#ee3de0
```
#ee3de0 rgb(238,61,224)
```
#f054e4
```
#f054e4 rgb(240,84,228)
```
#f26be8
```
#f26be8 rgb(242,107,232)
```
#f483eb
```
#f483eb rgb(244,131,235)
```
#f69aef
```
#f69aef rgb(246,154,239)
```

Monochromatic Color

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

#d554f0
```
#d554f0 rgb(213,84,240)
```
#e254f0
```
#e254f0 rgb(226,84,240)
```
#ef54f0
```
#ef54f0 rgb(239,84,240)
```
#f054e4
```
#f054e4 rgb(240,84,228)
```
#f054d7
```
#f054d7 rgb(240,84,215)
```
#f054ca
```
#f054ca rgb(240,84,202)
```
#f054bd
```
#f054bd rgb(240,84,189)
```

Similar Colors

Text with hexadecimal color #f054e4

This text has a font color of #f054e4.

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

#f054e4 background color

This paragraph has a background color of #f054e4.

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

#f054e4 border color

This element has a border color of #f054e4.

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

CSS codes

.text {color:#f054e4;}

.background {background-color:#f054e4;}

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

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

#090109
```
#090109 rgb(9,1,9)
```
#1b0219
```
#1b0219 rgb(27,2,25)
```
#2d042a
```
#2d042a rgb(45,4,42)
```
#3f063b
```
#3f063b rgb(63,6,59)
```
#51074c
```
#51074c rgb(81,7,76)
```
#64095d
```
#64095d rgb(100,9,93)
```
#760a6d
```
#760a6d rgb(118,10,109)
```
#880c7e
```
#880c7e rgb(136,12,126)
```
#9a0d8f
```
#9a0d8f rgb(154,13,143)
```
#ac0fa0
```
#ac0fa0 rgb(172,15,160)
```
#be11b0
```
#be11b0 rgb(190,17,176)
```
#d012c1
```
#d012c1 rgb(208,18,193)
```
#e214d2
```
#e214d2 rgb(226,20,210)
```

Shade Color Variation

#eb1edb
```
#eb1edb rgb(235,30,219)
```
#ed30de
```
#ed30de rgb(237,48,222)
```
#ee42e1
```
#ee42e1 rgb(238,66,225)
```
#f054e4
```
#f054e4 rgb(240,84,228)
```
#f266e7
```
#f266e7 rgb(242,102,231)
```
#f378ea
```
#f378ea rgb(243,120,234)
```
#f58aed
```
#f58aed rgb(245,138,237)
```
#f69cef
```
#f69cef rgb(246,156,239)
```
#f8aef2
```
#f8aef2 rgb(248,174,242)
```
#f9c0f5
```
#f9c0f5 rgb(249,192,245)
```
#fbd2f8
```
#fbd2f8 rgb(251,210,248)
```
#fde4fb
```
#fde4fb rgb(253,228,251)
```
#fef6fe
```
#fef6fe rgb(254,246,254)
```

Tint Color Variation

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

#a89ca7
```
#a89ca7 rgb(168,156,167)
```
#b094ae
```
#b094ae rgb(176,148,174)
```
#b78db4
```
#b78db4 rgb(183,141,180)
```
#be86ba
```
#be86ba rgb(190,134,186)
```
#c57fc0
```
#c57fc0 rgb(197,127,192)
```
#cc78c6
```
#cc78c6 rgb(204,120,198)
```
#d371cc
```
#d371cc rgb(211,113,204)
```
#db69d2
```
#db69d2 rgb(219,105,210)
```
#e262d8
```
#e262d8 rgb(226,98,216)
```
#e95bde
```
#e95bde rgb(233,91,222)
```
#f054e4
```
#f054e4 rgb(240,84,228)
```
#f74dea
```
#f74dea rgb(247,77,234)
```
#fe46f0
```
#fe46f0 rgb(254,70,240)
```

Tone Color Variation

Below, you can see how #f054e4 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
#a686a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6898ff Protanopia 1% of men
#849ad5 Deuteranopia 1% of men
#e47b83 Tritanopia 0.001% of the population

Trichromacy

#997ff5 Protanomaly 1% of men, 0.01% of women
#ab80da Deuteranomaly 6% of men, 0.4% of women
#e86da6 Tritanomaly 0.01% of the population

#f054e4 hex color

#f054e4 Color Information

#f054e4 Color Conversion

Color Schemes with #f054e4

Alternatives to #f054e4

#f054e4 Preview

Shades and Tints of #f054e4

Tones of #f054e4

Color Blindness Simulator