#f524cc hex color

In a RGB color space, hex #f524cc is composed of 96.1% red, 14.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 16.7% yellow and 3.9% black. It has a hue angle of 311.8 degrees, a saturation of 91.3% and a lightness of 55.1%. #f524cc color hex could be obtained by blending #ff48ff with #eb0099. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 96
- G 14
- B 80
RGB color chart
- C 0
- M 85
- Y 17
- K 4
CMYK color chart

● #f524cc color description : Vivid magenta.

The hexadecimal color #f524cc has RGB values of R:245, G:36, B:204 and CMYK values of C:0, M:0.85, Y:0.17, K:0.04. Its decimal value is 16065740.

Hex triplet	f524cc	`#f524cc`
RGB Decimal	245, 36, 204	`rgb(245,36,204)`
RGB Percent	96.1, 14.1, 80	`rgb(96.1%,14.1%,80%)`
CMYK	0, 85, 17, 4
HSL	311.8°, 91.3, 55.1	`hsl(311.8,91.3%,55.1%)`
HSV (or HSB)	311.8°, 85.3, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.112, 86.285, -37.333
XYZ	49.186, 25.038, 59.366
xyY	0.368, 0.187, 25.038
CIE-LCH	57.112, 94.015, 336.603
CIE-LUV	57.112, 95.418, -70.195
Hunter-Lab	50.038, 87.895, -35.316
Binary	11110101, 00100100, 11001100

#f524cc
```
#f524cc rgb(245,36,204)
```
#24f54d
```
#24f54d rgb(36,245,77)
```

Complementary Color

#b624f5
```
#b624f5 rgb(182,36,245)
```
#f524cc
```
#f524cc rgb(245,36,204)
```
#f52464
```
#f52464 rgb(245,36,100)
```

Analogous Color

#24f5b6
```
#24f5b6 rgb(36,245,182)
```
#f524cc
```
#f524cc rgb(245,36,204)
```
#63f524
```
#63f524 rgb(99,245,36)
```

Split Complementary Color

#24ccf5
```
#24ccf5 rgb(36,204,245)
```
#f524cc
```
#f524cc rgb(245,36,204)
```
#ccf524
```
#ccf524 rgb(204,245,36)
```

Triadic Color

#4d24f5
```
#4d24f5 rgb(77,36,245)
```
#f524cc
```
#f524cc rgb(245,36,204)
```
#ccf524
```
#ccf524 rgb(204,245,36)
```
#24f54d
```
#24f54d rgb(36,245,77)
```

Tetradic Color

#c4099f
```
#c4099f rgb(196,9,159)
```
#dc0ab3
```
#dc0ab3 rgb(220,10,179)
```
#f40cc6
```
#f40cc6 rgb(244,12,198)
```
#f524cc
```
#f524cc rgb(245,36,204)
```
#f63cd2
```
#f63cd2 rgb(246,60,210)
```
#f755d7
```
#f755d7 rgb(247,85,215)
```
#f86ddd
```
#f86ddd rgb(248,109,221)
```

Monochromatic Color

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

#ea24f5
```
#ea24f5 rgb(234,36,245)
```
#f524ef
```
#f524ef rgb(245,36,239)
```
#f524dd
```
#f524dd rgb(245,36,221)
```
#f524cc
```
#f524cc rgb(245,36,204)
```
#f524bb
```
#f524bb rgb(245,36,187)
```
#f524a9
```
#f524a9 rgb(245,36,169)
```
#f52498
```
#f52498 rgb(245,36,152)
```

Similar Colors

Text with hexadecimal color #f524cc

This text has a font color of #f524cc.

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

#f524cc background color

This paragraph has a background color of #f524cc.

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

#f524cc border color

This element has a border color of #f524cc.

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

CSS codes

.text {color:#f524cc;}

.background {background-color:#f524cc;}

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

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

#060005
```
#060005 rgb(6,0,5)
```
#190114
```
#190114 rgb(25,1,20)
```
#2c0223
```
#2c0223 rgb(44,2,35)
```
#3e0333
```
#3e0333 rgb(62,3,51)
```
#510442
```
#510442 rgb(81,4,66)
```
#640551
```
#640551 rgb(100,5,81)
```
#770560
```
#770560 rgb(119,5,96)
```
#890670
```
#890670 rgb(137,6,112)
```
#9c077f
```
#9c077f rgb(156,7,127)
```
#af088e
```
#af088e rgb(175,8,142)
```
#c2099d
```
#c2099d rgb(194,9,157)
```
#d40aad
```
#d40aad rgb(212,10,173)
```
#e70bbc
```
#e70bbc rgb(231,11,188)
```

Shade Color Variation

#f411c8
```
#f411c8 rgb(244,17,200)
```
#f524cc
```
#f524cc rgb(245,36,204)
```
#f637d0
```
#f637d0 rgb(246,55,208)
```
#f74ad5
```
#f74ad5 rgb(247,74,213)
```
#f85cd9
```
#f85cd9 rgb(248,92,217)
```
#f86fdd
```
#f86fdd rgb(248,111,221)
```
#f982e2
```
#f982e2 rgb(249,130,226)
```
#fa95e6
```
#fa95e6 rgb(250,149,230)
```
#fba7eb
```
#fba7eb rgb(251,167,235)
```
#fcbaef
```
#fcbaef rgb(252,186,239)
```
#fdcdf3
```
#fdcdf3 rgb(253,205,243)
```
#fee0f8
```
#fee0f8 rgb(254,224,248)
```
#fef2fc
```
#fef2fc rgb(254,242,252)
```

Tint Color Variation

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

#948591
```
#948591 rgb(148,133,145)
```
#9d7c96
```
#9d7c96 rgb(157,124,150)
```
#a6739c
```
#a6739c rgb(166,115,156)
```
#af6aa1
```
#af6aa1 rgb(175,106,161)
```
#b762a7
```
#b762a7 rgb(183,98,167)
```
#c059ac
```
#c059ac rgb(192,89,172)
```
#c950b1
```
#c950b1 rgb(201,80,177)
```
#d247b7
```
#d247b7 rgb(210,71,183)
```
#db3ebc
```
#db3ebc rgb(219,62,188)
```
#e336c1
```
#e336c1 rgb(227,54,193)
```
#ec2dc7
```
#ec2dc7 rgb(236,45,199)
```
#f524cc
```
#f524cc rgb(245,36,204)
```
#fe1bd1
```
#fe1bd1 rgb(254,27,209)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8f6687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#818dbc Deuteranopia 1% of men
#eb5f64 Tritanopia 0.001% of the population

Trichromacy

#8665ec Protanomaly 1% of men, 0.01% of women
#ab67c1 Deuteranomaly 6% of men, 0.4% of women
#ee498a Tritanomaly 0.01% of the population

#f524cc hex color

#f524cc Color Information

#f524cc Color Conversion

Color Schemes with #f524cc

Alternatives to #f524cc

#f524cc Preview

Shades and Tints of #f524cc

Tones of #f524cc

Color Blindness Simulator