#f54de5 hex color

In a RGB color space, hex #f54de5 is composed of 96.1% red, 30.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 6.5% yellow and 3.9% black. It has a hue angle of 305.7 degrees, a saturation of 89.4% and a lightness of 63.1%. #f54de5 color hex could be obtained by blending #ff9aff with #eb00cb. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 96
- G 30
- B 90
RGB color chart
- C 0
- M 69
- Y 7
- K 4
CMYK color chart

● #f54de5 color description : Soft magenta.

The hexadecimal color #f54de5 has RGB values of R:245, G:77, B:229 and CMYK values of C:0, M:0.69, Y:0.07, K:0.04. Its decimal value is 16076261.

Hex triplet	f54de5	`#f54de5`
RGB Decimal	245, 77, 229	`rgb(245,77,229)`
RGB Percent	96.1, 30.2, 89.8	`rgb(96.1%,30.2%,89.8%)`
CMYK	0, 69, 7, 4
HSL	305.7°, 89.4, 63.1	`hsl(305.7,89.4%,63.1%)`
HSV (or HSB)	305.7°, 68.6, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	61.982, 79.141, -43.828
XYZ	54.452, 30.381, 77.121
xyY	0.336, 0.188, 30.381
CIE-LCH	61.982, 90.466, 331.022
CIE-LUV	61.982, 77.263, -80.253
Hunter-Lab	55.119, 79.882, -44.373
Binary	11110101, 01001101, 11100101

#f54de5
```
#f54de5 rgb(245,77,229)
```
#4df55d
```
#4df55d rgb(77,245,93)
```

Complementary Color

#b14df5
```
#b14df5 rgb(177,77,245)
```
#f54de5
```
#f54de5 rgb(245,77,229)
```
#f54d91
```
#f54d91 rgb(245,77,145)
```

Analogous Color

#4df5b1
```
#4df5b1 rgb(77,245,177)
```
#f54de5
```
#f54de5 rgb(245,77,229)
```
#91f54d
```
#91f54d rgb(145,245,77)
```

Split Complementary Color

#4de5f5
```
#4de5f5 rgb(77,229,245)
```
#f54de5
```
#f54de5 rgb(245,77,229)
```
#e5f54d
```
#e5f54d rgb(229,245,77)
```

Triadic Color

#5d4df5
```
#5d4df5 rgb(93,77,245)
```
#f54de5
```
#f54de5 rgb(245,77,229)
```
#e5f54d
```
#e5f54d rgb(229,245,77)
```
#4df55d
```
#4df55d rgb(77,245,93)
```

Tetradic Color

#e80dd4
```
#e80dd4 rgb(232,13,212)
```
#f21dde
```
#f21dde rgb(242,29,222)
```
#f435e1
```
#f435e1 rgb(244,53,225)
```
#f54de5
```
#f54de5 rgb(245,77,229)
```
#f665e9
```
#f665e9 rgb(246,101,233)
```
#f87dec
```
#f87dec rgb(248,125,236)
```
#f995f0
```
#f995f0 rgb(249,149,240)
```

Monochromatic Color

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

#db4df5
```
#db4df5 rgb(219,77,245)
```
#e94df5
```
#e94df5 rgb(233,77,245)
```
#f54df3
```
#f54df3 rgb(245,77,243)
```
#f54de5
```
#f54de5 rgb(245,77,229)
```
#f54dd7
```
#f54dd7 rgb(245,77,215)
```
#f54dc9
```
#f54dc9 rgb(245,77,201)
```
#f54dbb
```
#f54dbb rgb(245,77,187)
```

Similar Colors

Text with hexadecimal color #f54de5

This text has a font color of #f54de5.

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

#f54de5 background color

This paragraph has a background color of #f54de5.

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

#f54de5 border color

This element has a border color of #f54de5.

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

CSS codes

.text {color:#f54de5;}

.background {background-color:#f54de5;}

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

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

#080007
```
#080007 rgb(8,0,7)
```
#1a0118
```
#1a0118 rgb(26,1,24)
```
#2d0329
```
#2d0329 rgb(45,3,41)
```
#3f043a
```
#3f043a rgb(63,4,58)
```
#52054b
```
#52054b rgb(82,5,75)
```
#65065c
```
#65065c rgb(101,6,92)
```
#77076c
```
#77076c rgb(119,7,108)
```
#8a087d
```
#8a087d rgb(138,8,125)
```
#9c098e
```
#9c098e rgb(156,9,142)
```
#af0a9f
```
#af0a9f rgb(175,10,159)
```
#c10bb0
```
#c10bb0 rgb(193,11,176)
```
#d40cc1
```
#d40cc1 rgb(212,12,193)
```
#e70dd2
```
#e70dd2 rgb(231,13,210)
```

Shade Color Variation

#f215dd
```
#f215dd rgb(242,21,221)
```
#f328e0
```
#f328e0 rgb(243,40,224)
```
#f43ae2
```
#f43ae2 rgb(244,58,226)
```
#f54de5
```
#f54de5 rgb(245,77,229)
```
#f660e8
```
#f660e8 rgb(246,96,232)
```
#f772ea
```
#f772ea rgb(247,114,234)
```
#f885ed
```
#f885ed rgb(248,133,237)
```
#f997f0
```
#f997f0 rgb(249,151,240)
```
#faaaf3
```
#faaaf3 rgb(250,170,243)
```
#fbbcf5
```
#fbbcf5 rgb(251,188,245)
```
#fccff8
```
#fccff8 rgb(252,207,248)
```
#fde2fb
```
#fde2fb rgb(253,226,251)
```
#fef4fd
```
#fef4fd rgb(254,244,253)
```

Tint Color Variation

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

#a59da5
```
#a59da5 rgb(165,157,165)
```
#ad95aa
```
#ad95aa rgb(173,149,170)
```
#b48eb0
```
#b48eb0 rgb(180,142,176)
```
#bb87b6
```
#bb87b6 rgb(187,135,182)
```
#c280bc
```
#c280bc rgb(194,128,188)
```
#ca78c2
```
#ca78c2 rgb(202,120,194)
```
#d171c8
```
#d171c8 rgb(209,113,200)
```
#d86ace
```
#d86ace rgb(216,106,206)
```
#df63d3
```
#df63d3 rgb(223,99,211)
```
#e75bd9
```
#e75bd9 rgb(231,91,217)
```
#ee54df
```
#ee54df rgb(238,84,223)
```
#f54de5
```
#f54de5 rgb(245,77,229)
```
#fc46eb
```
#fc46eb rgb(252,70,235)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a583a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6898ff Protanopia 1% of men
#8499d5 Deuteranopia 1% of men
#e9787f Tritanopia 0.001% of the population

Trichromacy

#9b7cf5 Protanomaly 1% of men, 0.01% of women
#ad7dda Deuteranomaly 6% of men, 0.4% of women
#ed68a4 Tritanomaly 0.01% of the population

#f54de5 hex color

#f54de5 Color Information

#f54de5 Color Conversion

Color Schemes with #f54de5

Alternatives to #f54de5

#f54de5 Preview

Shades and Tints of #f54de5

Tones of #f54de5

Color Blindness Simulator