#f54aed hex color

In a RGB color space, hex #f54aed is composed of 96.1% red, 29% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.8% magenta, 3.3% yellow and 3.9% black. It has a hue angle of 302.8 degrees, a saturation of 89.5% and a lightness of 62.5%. #f54aed color hex could be obtained by blending #ff94ff with #eb00db. Closest websafe color is: #ff33ff.

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

● #f54aed color description : Soft magenta.

The hexadecimal color #f54aed has RGB values of R:245, G:74, B:237 and CMYK values of C:0, M:0.7, Y:0.03, K:0.04. Its decimal value is 16075501.

Hex triplet	f54aed	`#f54aed`
RGB Decimal	245, 74, 237	`rgb(245,74,237)`
RGB Percent	96.1, 29, 92.9	`rgb(96.1%,29%,92.9%)`
CMYK	0, 70, 3, 4
HSL	302.8°, 89.5, 62.5	`hsl(302.8,89.5%,62.5%)`
HSV (or HSB)	302.8°, 69.8, 96.1
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	62.022, 81.338, -48.231
XYZ	55.39, 30.428, 83.072
xyY	0.328, 0.18, 30.428
CIE-LCH	62.022, 94.563, 329.333
CIE-LUV	62.022, 75.221, -87.474
Hunter-Lab	55.162, 82.706, -50.676
Binary	11110101, 01001010, 11101101

#f54aed
```
#f54aed rgb(245,74,237)
```
#4af552
```
#4af552 rgb(74,245,82)
```

Complementary Color

#a84af5
```
#a84af5 rgb(168,74,245)
```
#f54aed
```
#f54aed rgb(245,74,237)
```
#f54a98
```
#f54a98 rgb(245,74,152)
```

Analogous Color

#4af5a8
```
#4af5a8 rgb(74,245,168)
```
#f54aed
```
#f54aed rgb(245,74,237)
```
#98f54a
```
#98f54a rgb(152,245,74)
```

Split Complementary Color

#4aedf5
```
#4aedf5 rgb(74,237,245)
```
#f54aed
```
#f54aed rgb(245,74,237)
```
#edf54a
```
#edf54a rgb(237,245,74)
```

Triadic Color

#524af5
```
#524af5 rgb(82,74,245)
```
#f54aed
```
#f54aed rgb(245,74,237)
```
#edf54a
```
#edf54a rgb(237,245,74)
```
#4af552
```
#4af552 rgb(74,245,82)
```

Tetradic Color

#e60ddc
```
#e60ddc rgb(230,13,220)
```
#f21ae8
```
#f21ae8 rgb(242,26,232)
```
#f432eb
```
#f432eb rgb(244,50,235)
```
#f54aed
```
#f54aed rgb(245,74,237)
```
#f662ef
```
#f662ef rgb(246,98,239)
```
#f87af2
```
#f87af2 rgb(248,122,242)
```
#f992f4
```
#f992f4 rgb(249,146,244)
```

Monochromatic Color

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

#d24af5
```
#d24af5 rgb(210,74,245)
```
#e14af5
```
#e14af5 rgb(225,74,245)
```
#ef4af5
```
#ef4af5 rgb(239,74,245)
```
#f54aed
```
#f54aed rgb(245,74,237)
```
#f54adf
```
#f54adf rgb(245,74,223)
```
#f54ad1
```
#f54ad1 rgb(245,74,209)
```
#f54ac2
```
#f54ac2 rgb(245,74,194)
```

Similar Colors

Text with hexadecimal color #f54aed

This text has a font color of #f54aed.

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

#f54aed background color

This paragraph has a background color of #f54aed.

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

#f54aed border color

This element has a border color of #f54aed.

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

CSS codes

.text {color:#f54aed;}

.background {background-color:#f54aed;}

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

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

#050005
```
#050005 rgb(5,0,5)
```
#170116
```
#170116 rgb(23,1,22)
```
#2a0228
```
#2a0228 rgb(42,2,40)
```
#3d033a
```
#3d033a rgb(61,3,58)
```
#4f044c
```
#4f044c rgb(79,4,76)
```
#62055e
```
#62055e rgb(98,5,94)
```
#74066f
```
#74066f rgb(116,6,111)
```
#870781
```
#870781 rgb(135,7,129)
```
#9a0893
```
#9a0893 rgb(154,8,147)
```
#ac0aa5
```
#ac0aa5 rgb(172,10,165)
```
#bf0bb6
```
#bf0bb6 rgb(191,11,182)
```
#d10cc8
```
#d10cc8 rgb(209,12,200)
```
#e40dda
```
#e40dda rgb(228,13,218)
```

Shade Color Variation

#f212e7
```
#f212e7 rgb(242,18,231)
```
#f325e9
```
#f325e9 rgb(243,37,233)
```
#f437eb
```
#f437eb rgb(244,55,235)
```
#f54aed
```
#f54aed rgb(245,74,237)
```
#f65def
```
#f65def rgb(246,93,239)
```
#f76ff1
```
#f76ff1 rgb(247,111,241)
```
#f882f3
```
#f882f3 rgb(248,130,243)
```
#f994f4
```
#f994f4 rgb(249,148,244)
```
#faa7f6
```
#faa7f6 rgb(250,167,246)
```
#fbbaf8
```
#fbbaf8 rgb(251,186,248)
```
#fcccfa
```
#fcccfa rgb(252,204,250)
```
#fddffc
```
#fddffc rgb(253,223,252)
```
#fef1fe
```
#fef1fe rgb(254,241,254)
```

Tint Color Variation

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

#a49ba4
```
#a49ba4 rgb(164,155,164)
```
#ac93aa
```
#ac93aa rgb(172,147,170)
```
#b38cb1
```
#b38cb1 rgb(179,140,177)
```
#ba85b8
```
#ba85b8 rgb(186,133,184)
```
#c27dbe
```
#c27dbe rgb(194,125,190)
```
#c976c5
```
#c976c5 rgb(201,118,197)
```
#d06fcc
```
#d06fcc rgb(208,111,204)
```
#d867d2
```
#d867d2 rgb(216,103,210)
```
#df60d9
```
#df60d9 rgb(223,96,217)
```
#e659e0
```
#e659e0 rgb(230,89,224)
```
#ee51e6
```
#ee51e6 rgb(238,81,230)
```
#f54aed
```
#f54aed rgb(245,74,237)
```
#fc43f4
```
#fc43f4 rgb(252,67,244)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a482a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6798ff Protanopia 1% of men
#7d9adb Deuteranopia 1% of men
#e87981 Tritanopia 0.001% of the population

Trichromacy

#9b7bf8 Protanomaly 1% of men, 0.01% of women
#a97de2 Deuteranomaly 6% of men, 0.4% of women
#ec68a8 Tritanomaly 0.01% of the population

#f54aed hex color

#f54aed Color Information

#f54aed Color Conversion

Color Schemes with #f54aed

Alternatives to #f54aed

#f54aed Preview

Shades and Tints of #f54aed

Tones of #f54aed

Color Blindness Simulator