#f52ae4 hex color

In a RGB color space, hex #f52ae4 is composed of 96.1% red, 16.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 6.9% yellow and 3.9% black. It has a hue angle of 305 degrees, a saturation of 91% and a lightness of 56.3%. #f52ae4 color hex could be obtained by blending #ff54ff with #eb00c9. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 96
- G 16
- B 89
RGB color chart
- C 0
- M 83
- Y 7
- K 4
CMYK color chart

● #f52ae4 color description : Bright magenta.

The hexadecimal color #f52ae4 has RGB values of R:245, G:42, B:228 and CMYK values of C:0, M:0.83, Y:0.07, K:0.04. Its decimal value is 16067300.

Hex triplet	f52ae4	`#f52ae4`
RGB Decimal	245, 42, 228	`rgb(245,42,228)`
RGB Percent	96.1, 16.5, 89.4	`rgb(96.1%,16.5%,89.4%)`
CMYK	0, 83, 7, 4
HSL	305°, 91, 56.3	`hsl(305,91%,56.3%)`
HSV (or HSB)	305°, 82.9, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	58.671, 88.353, -48.496
XYZ	52.487, 26.674, 75.779
xyY	0.339, 0.172, 26.674
CIE-LCH	58.671, 100.788, 331.238
CIE-LUV	58.671, 84.616, -87.915
Hunter-Lab	51.647, 91.023, -50.841
Binary	11110101, 00101010, 11100100

#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#2af53b
```
#2af53b rgb(42,245,59)
```

Complementary Color

#a12af5
```
#a12af5 rgb(161,42,245)
```
#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#f52a7f
```
#f52a7f rgb(245,42,127)
```

Analogous Color

#2af5a1
```
#2af5a1 rgb(42,245,161)
```
#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#7ff52a
```
#7ff52a rgb(127,245,42)
```

Split Complementary Color

#2ae4f5
```
#2ae4f5 rgb(42,228,245)
```
#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#e4f52a
```
#e4f52a rgb(228,245,42)
```

Triadic Color

#3b2af5
```
#3b2af5 rgb(59,42,245)
```
#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#e4f52a
```
#e4f52a rgb(228,245,42)
```
#2af53b
```
#2af53b rgb(42,245,59)
```

Tetradic Color

#c909b9
```
#c909b9 rgb(201,9,185)
```
#e10bcf
```
#e10bcf rgb(225,11,207)
```
#f412e1
```
#f412e1 rgb(244,18,225)
```
#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#f642e7
```
#f642e7 rgb(246,66,231)
```
#f75bea
```
#f75bea rgb(247,91,234)
```
#f873ed
```
#f873ed rgb(248,115,237)
```

Monochromatic Color

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

#d32af5
```
#d32af5 rgb(211,42,245)
```
#e42af5
```
#e42af5 rgb(228,42,245)
```
#f52af5
```
#f52af5 rgb(245,42,245)
```
#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#f52ad3
```
#f52ad3 rgb(245,42,211)
```
#f52ac2
```
#f52ac2 rgb(245,42,194)
```
#f52ab1
```
#f52ab1 rgb(245,42,177)
```

Similar Colors

Text with hexadecimal color #f52ae4

This text has a font color of #f52ae4.

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

#f52ae4 background color

This paragraph has a background color of #f52ae4.

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

#f52ae4 border color

This element has a border color of #f52ae4.

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

CSS codes

.text {color:#f52ae4;}

.background {background-color:#f52ae4;}

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

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

#0c010b
```
#0c010b rgb(12,1,11)
```
#1f011c
```
#1f011c rgb(31,1,28)
```
#31022d
```
#31022d rgb(49,2,45)
```
#44033f
```
#44033f rgb(68,3,63)
```
#570450
```
#570450 rgb(87,4,80)
```
#6a0561
```
#6a0561 rgb(106,5,97)
```
#7c0672
```
#7c0672 rgb(124,6,114)
```
#8f0784
```
#8f0784 rgb(143,7,132)
```
#a20895
```
#a20895 rgb(162,8,149)
```
#b408a6
```
#b408a6 rgb(180,8,166)
```
#c709b7
```
#c709b7 rgb(199,9,183)
```
#da0ac9
```
#da0ac9 rgb(218,10,201)
```
#ed0bda
```
#ed0bda rgb(237,11,218)
```

Shade Color Variation

#f417e2
```
#f417e2 rgb(244,23,226)
```
#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#f63de6
```
#f63de6 rgb(246,61,230)
```
#f74fe9
```
#f74fe9 rgb(247,79,233)
```
#f862eb
```
#f862eb rgb(248,98,235)
```
#f975ed
```
#f975ed rgb(249,117,237)
```
#f988f0
```
#f988f0 rgb(249,136,240)
```
#fa9af2
```
#fa9af2 rgb(250,154,242)
```
#fbadf5
```
#fbadf5 rgb(251,173,245)
```
#fcc0f7
```
#fcc0f7 rgb(252,192,247)
```
#fdd3f9
```
#fdd3f9 rgb(253,211,249)
```
#fee5fc
```
#fee5fc rgb(254,229,252)
```
#fff8fe
```
#fff8fe rgb(255,248,254)
```

Tint Color Variation

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

#978895
```
#978895 rgb(151,136,149)
```
#9f809d
```
#9f809d rgb(159,128,157)
```
#a877a4
```
#a877a4 rgb(168,119,164)
```
#b06fab
```
#b06fab rgb(176,111,171)
```
#b966b2
```
#b966b2 rgb(185,102,178)
```
#c25db9
```
#c25db9 rgb(194,93,185)
```
#ca55c0
```
#ca55c0 rgb(202,85,192)
```
#d34cc7
```
#d34cc7 rgb(211,76,199)
```
#db44cf
```
#db44cf rgb(219,68,207)
```
#e43bd6
```
#e43bd6 rgb(228,59,214)
```
#ec33dd
```
#ec33dd rgb(236,51,221)
```
#f52ae4
```
#f52ae4 rgb(245,42,228)
```
#fe21eb
```
#fe21eb rgb(254,33,235)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#946c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#528fff Protanopia 1% of men
#7692d1 Deuteranopia 1% of men
#e86970 Tritanopia 0.001% of the population

Trichromacy

#8d6af5 Protanomaly 1% of men, 0.01% of women
#a46cd8 Deuteranomaly 6% of men, 0.4% of women
#ed529a Tritanomaly 0.01% of the population

#f52ae4 hex color

#f52ae4 Color Information

#f52ae4 Color Conversion

Color Schemes with #f52ae4

Alternatives to #f52ae4

#f52ae4 Preview

Shades and Tints of #f52ae4

Tones of #f52ae4

Color Blindness Simulator