#f524d3 hex color

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

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

● #f524d3 color description : Vivid magenta.

The hexadecimal color #f524d3 has RGB values of R:245, G:36, B:211 and CMYK values of C:0, M:0.85, Y:0.14, K:0.04. Its decimal value is 16065747.

Hex triplet	f524d3	`#f524d3`
RGB Decimal	245, 36, 211	`rgb(245,36,211)`
RGB Percent	96.1, 14.1, 82.7	`rgb(96.1%,14.1%,82.7%)`
CMYK	0, 85, 14, 4
HSL	309.8°, 91.3, 55.1	`hsl(309.8,91.3%,55.1%)`
HSV (or HSB)	309.8°, 85.3, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.445, 87.173, -40.807
XYZ	50.045, 25.381, 63.888
xyY	0.359, 0.182, 25.381
CIE-LCH	57.445, 96.252, 334.915
CIE-LUV	57.445, 92.429, -75.675
Hunter-Lab	50.38, 89.147, -39.921
Binary	11110101, 00100100, 11010011

#f524d3
```
#f524d3 rgb(245,36,211)
```
#24f546
```
#24f546 rgb(36,245,70)
```

Complementary Color

#af24f5
```
#af24f5 rgb(175,36,245)
```
#f524d3
```
#f524d3 rgb(245,36,211)
```
#f5246b
```
#f5246b rgb(245,36,107)
```

Analogous Color

#24f5af
```
#24f5af rgb(36,245,175)
```
#f524d3
```
#f524d3 rgb(245,36,211)
```
#6bf524
```
#6bf524 rgb(107,245,36)
```

Split Complementary Color

#24d3f5
```
#24d3f5 rgb(36,211,245)
```
#f524d3
```
#f524d3 rgb(245,36,211)
```
#d3f524
```
#d3f524 rgb(211,245,36)
```

Triadic Color

#4624f5
```
#4624f5 rgb(70,36,245)
```
#f524d3
```
#f524d3 rgb(245,36,211)
```
#d3f524
```
#d3f524 rgb(211,245,36)
```
#24f546
```
#24f546 rgb(36,245,70)
```

Tetradic Color

#c409a5
```
#c409a5 rgb(196,9,165)
```
#dc0aba
```
#dc0aba rgb(220,10,186)
```
#f40cce
```
#f40cce rgb(244,12,206)
```
#f524d3
```
#f524d3 rgb(245,36,211)
```
#f63cd8
```
#f63cd8 rgb(246,60,216)
```
#f755dd
```
#f755dd rgb(247,85,221)
```
#f86de2
```
#f86de2 rgb(248,109,226)
```

Monochromatic Color

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

#e324f5
```
#e324f5 rgb(227,36,245)
```
#f424f5
```
#f424f5 rgb(244,36,245)
```
#f524e4
```
#f524e4 rgb(245,36,228)
```
#f524d3
```
#f524d3 rgb(245,36,211)
```
#f524c2
```
#f524c2 rgb(245,36,194)
```
#f524b0
```
#f524b0 rgb(245,36,176)
```
#f5249f
```
#f5249f rgb(245,36,159)
```

Similar Colors

Text with hexadecimal color #f524d3

This text has a font color of #f524d3.

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

#f524d3 background color

This paragraph has a background color of #f524d3.

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

#f524d3 border color

This element has a border color of #f524d3.

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

CSS codes

.text {color:#f524d3;}

.background {background-color:#f524d3;}

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

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)
```
#190115
```
#190115 rgb(25,1,21)
```
#2c0225
```
#2c0225 rgb(44,2,37)
```
#3e0335
```
#3e0335 rgb(62,3,53)
```
#510445
```
#510445 rgb(81,4,69)
```
#640554
```
#640554 rgb(100,5,84)
```
#770564
```
#770564 rgb(119,5,100)
```
#890674
```
#890674 rgb(137,6,116)
```
#9c0784
```
#9c0784 rgb(156,7,132)
```
#af0894
```
#af0894 rgb(175,8,148)
```
#c209a4
```
#c209a4 rgb(194,9,164)
```
#d40ab3
```
#d40ab3 rgb(212,10,179)
```
#e70bc3
```
#e70bc3 rgb(231,11,195)
```

Shade Color Variation

#f411cf
```
#f411cf rgb(244,17,207)
```
#f524d3
```
#f524d3 rgb(245,36,211)
```
#f637d7
```
#f637d7 rgb(246,55,215)
```
#f74adb
```
#f74adb rgb(247,74,219)
```
#f85cde
```
#f85cde rgb(248,92,222)
```
#f86fe2
```
#f86fe2 rgb(248,111,226)
```
#f982e6
```
#f982e6 rgb(249,130,230)
```
#fa95ea
```
#fa95ea rgb(250,149,234)
```
#fba7ed
```
#fba7ed rgb(251,167,237)
```
#fcbaf1
```
#fcbaf1 rgb(252,186,241)
```
#fdcdf5
```
#fdcdf5 rgb(253,205,245)
```
#fee0f9
```
#fee0f9 rgb(254,224,249)
```
#fef2fc
```
#fef2fc rgb(254,242,252)
```

Tint Color Variation

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

#948592
```
#948592 rgb(148,133,146)
```
#9d7c98
```
#9d7c98 rgb(157,124,152)
```
#a6739e
```
#a6739e rgb(166,115,158)
```
#af6aa3
```
#af6aa3 rgb(175,106,163)
```
#b762a9
```
#b762a9 rgb(183,98,169)
```
#c059af
```
#c059af rgb(192,89,175)
```
#c950b5
```
#c950b5 rgb(201,80,181)
```
#d247bb
```
#d247bb rgb(210,71,187)
```
#db3ec1
```
#db3ec1 rgb(219,62,193)
```
#e336c7
```
#e336c7 rgb(227,54,199)
```
#ec2dcd
```
#ec2dcd rgb(236,45,205)
```
#f524d3
```
#f524d3 rgb(245,36,211)
```
#fe1bd9
```
#fe1bd9 rgb(254,27,217)
```

Tone Color Variation

Below, you can see how #f524d3 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
#8f6689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#498cff Protanopia 1% of men
#7e8ec2 Deuteranopia 1% of men
#ea6167 Tritanopia 0.001% of the population

Trichromacy

#8866ef Protanomaly 1% of men, 0.01% of women
#a967c8 Deuteranomaly 6% of men, 0.4% of women
#ee4b8e Tritanomaly 0.01% of the population

#f524d3 hex color

#f524d3 Color Information

#f524d3 Color Conversion

Color Schemes with #f524d3

Alternatives to #f524d3

#f524d3 Preview

Shades and Tints of #f524d3

Tones of #f524d3

Color Blindness Simulator