#f52ae5 hex color

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

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

● #f52ae5 color description : Bright magenta.

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

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

CIE-LAB	58.723, 88.492, -48.976
XYZ	52.626, 26.729, 76.512
xyY	0.338, 0.171, 26.729
CIE-LCH	58.723, 101.141, 331.038
CIE-LUV	58.723, 84.218, -88.686
Hunter-Lab	51.701, 91.221, -51.553
Binary	11110101, 00101010, 11100101

#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#2af53a
```
#2af53a rgb(42,245,58)
```

Complementary Color

#a02af5
```
#a02af5 rgb(160,42,245)
```
#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#f52a80
```
#f52a80 rgb(245,42,128)
```

Analogous Color

#2af5a0
```
#2af5a0 rgb(42,245,160)
```
#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#80f52a
```
#80f52a rgb(128,245,42)
```

Split Complementary Color

#2ae5f5
```
#2ae5f5 rgb(42,229,245)
```
#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#e5f52a
```
#e5f52a rgb(229,245,42)
```

Triadic Color

#3a2af5
```
#3a2af5 rgb(58,42,245)
```
#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#e5f52a
```
#e5f52a rgb(229,245,42)
```
#2af53a
```
#2af53a rgb(42,245,58)
```

Tetradic Color

#c909ba
```
#c909ba rgb(201,9,186)
```
#e10bd0
```
#e10bd0 rgb(225,11,208)
```
#f412e2
```
#f412e2 rgb(244,18,226)
```
#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#f642e8
```
#f642e8 rgb(246,66,232)
```
#f75beb
```
#f75beb rgb(247,91,235)
```
#f873ee
```
#f873ee rgb(248,115,238)
```

Monochromatic Color

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

#d22af5
```
#d22af5 rgb(210,42,245)
```
#e32af5
```
#e32af5 rgb(227,42,245)
```
#f42af5
```
#f42af5 rgb(244,42,245)
```
#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#f52ad4
```
#f52ad4 rgb(245,42,212)
```
#f52ac3
```
#f52ac3 rgb(245,42,195)
```
#f52ab2
```
#f52ab2 rgb(245,42,178)
```

Similar Colors

Text with hexadecimal color #f52ae5

This text has a font color of #f52ae5.

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

#f52ae5 background color

This paragraph has a background color of #f52ae5.

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

#f52ae5 border color

This element has a border color of #f52ae5.

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

CSS codes

.text {color:#f52ae5;}

.background {background-color:#f52ae5;}

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

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)
```
#31022e
```
#31022e rgb(49,2,46)
```
#44033f
```
#44033f rgb(68,3,63)
```
#570450
```
#570450 rgb(87,4,80)
```
#6a0562
```
#6a0562 rgb(106,5,98)
```
#7c0673
```
#7c0673 rgb(124,6,115)
```
#8f0784
```
#8f0784 rgb(143,7,132)
```
#a20896
```
#a20896 rgb(162,8,150)
```
#b408a7
```
#b408a7 rgb(180,8,167)
```
#c709b8
```
#c709b8 rgb(199,9,184)
```
#da0aca
```
#da0aca rgb(218,10,202)
```
#ed0bdb
```
#ed0bdb rgb(237,11,219)
```

Shade Color Variation

#f417e3
```
#f417e3 rgb(244,23,227)
```
#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#f63de7
```
#f63de7 rgb(246,61,231)
```
#f74fea
```
#f74fea rgb(247,79,234)
```
#f862ec
```
#f862ec rgb(248,98,236)
```
#f975ee
```
#f975ee rgb(249,117,238)
```
#f988f0
```
#f988f0 rgb(249,136,240)
```
#fa9af3
```
#fa9af3 rgb(250,154,243)
```
#fbadf5
```
#fbadf5 rgb(251,173,245)
```
#fcc0f7
```
#fcc0f7 rgb(252,192,247)
```
#fdd3fa
```
#fdd3fa rgb(253,211,250)
```
#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, #978896 is the less saturated color, while #fe21ec is the most saturated one.

#978896
```
#978896 rgb(151,136,150)
```
#9f809d
```
#9f809d rgb(159,128,157)
```
#a877a4
```
#a877a4 rgb(168,119,164)
```
#b06fab
```
#b06fab rgb(176,111,171)
```
#b966b2
```
#b966b2 rgb(185,102,178)
```
#c25dba
```
#c25dba rgb(194,93,186)
```
#ca55c1
```
#ca55c1 rgb(202,85,193)
```
#d34cc8
```
#d34cc8 rgb(211,76,200)
```
#db44cf
```
#db44cf rgb(219,68,207)
```
#e43bd7
```
#e43bd7 rgb(228,59,215)
```
#ec33de
```
#ec33de rgb(236,51,222)
```
#f52ae5
```
#f52ae5 rgb(245,42,229)
```
#fe21ec
```
#fe21ec rgb(254,33,236)
```

Tone Color Variation

Below, you can see how #f52ae5 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
#7592d2 Deuteranopia 1% of men
#e86a70 Tritanopia 0.001% of the population

Trichromacy

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

#f52ae5 hex color

#f52ae5 Color Information

#f52ae5 Color Conversion

Color Schemes with #f52ae5

Alternatives to #f52ae5

#f52ae5 Preview

Shades and Tints of #f52ae5

Tones of #f52ae5

Color Blindness Simulator