#f522c5 hex color

In a RGB color space, hex #f522c5 is composed of 96.1% red, 13.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.1% magenta, 19.6% yellow and 3.9% black. It has a hue angle of 313.6 degrees, a saturation of 91.3% and a lightness of 54.7%. #f522c5 color hex could be obtained by blending #ff44ff with #eb008b. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 96
- G 13
- B 77
RGB color chart
- C 0
- M 86
- Y 20
- K 4
CMYK color chart

● #f522c5 color description : Vivid magenta.

The hexadecimal color #f522c5 has RGB values of R:245, G:34, B:197 and CMYK values of C:0, M:0.86, Y:0.2, K:0.04. Its decimal value is 16065221.

Hex triplet	f522c5	`#f522c5`
RGB Decimal	245, 34, 197	`rgb(245,34,197)`
RGB Percent	96.1, 13.3, 77.3	`rgb(96.1%,13.3%,77.3%)`
CMYK	0, 86, 20, 4
HSL	313.6°, 91.3, 54.7	`hsl(313.6,91.3%,54.7%)`
HSV (or HSB)	313.6°, 86.1, 96.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.676, 85.76, -34
XYZ	48.306, 24.592, 55.023
xyY	0.378, 0.192, 24.592
CIE-LCH	56.676, 92.254, 338.374
CIE-LUV	56.676, 98.742, -64.995
Hunter-Lab	49.59, 87.096, -31.072
Binary	11110101, 00100010, 11000101

#f522c5
```
#f522c5 rgb(245,34,197)
```
#22f552
```
#22f552 rgb(34,245,82)
```

Complementary Color

#bc22f5
```
#bc22f5 rgb(188,34,245)
```
#f522c5
```
#f522c5 rgb(245,34,197)
```
#f5225b
```
#f5225b rgb(245,34,91)
```

Analogous Color

#22f5bc
```
#22f5bc rgb(34,245,188)
```
#f522c5
```
#f522c5 rgb(245,34,197)
```
#5cf522
```
#5cf522 rgb(92,245,34)
```

Split Complementary Color

#22c5f5
```
#22c5f5 rgb(34,197,245)
```
#f522c5
```
#f522c5 rgb(245,34,197)
```
#c5f522
```
#c5f522 rgb(197,245,34)
```

Triadic Color

#5222f5
```
#5222f5 rgb(82,34,245)
```
#f522c5
```
#f522c5 rgb(245,34,197)
```
#c5f522
```
#c5f522 rgb(197,245,34)
```
#22f552
```
#22f552 rgb(34,245,82)
```

Tetradic Color

#c20998
```
#c20998 rgb(194,9,152)
```
#da0aab
```
#da0aab rgb(218,10,171)
```
#f30bbe
```
#f30bbe rgb(243,11,190)
```
#f522c5
```
#f522c5 rgb(245,34,197)
```
#f63acb
```
#f63acb rgb(246,58,203)
```
#f753d2
```
#f753d2 rgb(247,83,210)
```
#f86bd8
```
#f86bd8 rgb(248,107,216)
```

Monochromatic Color

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

#f022f5
```
#f022f5 rgb(240,34,245)
```
#f522e8
```
#f522e8 rgb(245,34,232)
```
#f522d7
```
#f522d7 rgb(245,34,215)
```
#f522c5
```
#f522c5 rgb(245,34,197)
```
#f522b3
```
#f522b3 rgb(245,34,179)
```
#f522a2
```
#f522a2 rgb(245,34,162)
```
#f52290
```
#f52290 rgb(245,34,144)
```

Similar Colors

Text with hexadecimal color #f522c5

This text has a font color of #f522c5.

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

#f522c5 background color

This paragraph has a background color of #f522c5.

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

#f522c5 border color

This element has a border color of #f522c5.

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

CSS codes

.text {color:#f522c5;}

.background {background-color:#f522c5;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#170112
```
#170112 rgb(23,1,18)
```
#2a0221
```
#2a0221 rgb(42,2,33)
```
#3c032f
```
#3c032f rgb(60,3,47)
```
#4f043e
```
#4f043e rgb(79,4,62)
```
#62044d
```
#62044d rgb(98,4,77)
```
#75055b
```
#75055b rgb(117,5,91)
```
#88066a
```
#88066a rgb(136,6,106)
```
#9a0779
```
#9a0779 rgb(154,7,121)
```
#ad0887
```
#ad0887 rgb(173,8,135)
```
#c00996
```
#c00996 rgb(192,9,150)
```
#d30aa5
```
#d30aa5 rgb(211,10,165)
```
#e50ab4
```
#e50ab4 rgb(229,10,180)
```

Shade Color Variation

#f40fc0
```
#f40fc0 rgb(244,15,192)
```
#f522c5
```
#f522c5 rgb(245,34,197)
```
#f635ca
```
#f635ca rgb(246,53,202)
```
#f748cf
```
#f748cf rgb(247,72,207)
```
#f85ad4
```
#f85ad4 rgb(248,90,212)
```
#f86dd9
```
#f86dd9 rgb(248,109,217)
```
#f980de
```
#f980de rgb(249,128,222)
```
#fa93e3
```
#fa93e3 rgb(250,147,227)
```
#fba5e7
```
#fba5e7 rgb(251,165,231)
```
#fcb8ec
```
#fcb8ec rgb(252,184,236)
```
#fdcbf1
```
#fdcbf1 rgb(253,203,241)
```
#fddef6
```
#fddef6 rgb(253,222,246)
```
#fef0fb
```
#fef0fb rgb(254,240,251)
```

Tint Color Variation

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

#938490
```
#938490 rgb(147,132,144)
```
#9c7b95
```
#9c7b95 rgb(156,123,149)
```
#a57299
```
#a57299 rgb(165,114,153)
```
#ae699e
```
#ae699e rgb(174,105,158)
```
#b760a3
```
#b760a3 rgb(183,96,163)
```
#c057a8
```
#c057a8 rgb(192,87,168)
```
#c94ead
```
#c94ead rgb(201,78,173)
```
#d146b2
```
#d146b2 rgb(209,70,178)
```
#da3db6
```
#da3db6 rgb(218,61,182)
```
#e334bb
```
#e334bb rgb(227,52,187)
```
#ec2bc0
```
#ec2bc0 rgb(236,43,192)
```
#f522c5
```
#f522c5 rgb(245,34,197)
```
#fe19ca
```
#fe19ca rgb(254,25,202)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#8e6484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#448aff Protanopia 1% of men
#848cb5 Deuteranopia 1% of men
#ec5b60 Tritanopia 0.001% of the population

Trichromacy

#8464e9 Protanomaly 1% of men, 0.01% of women
#ad65bb Deuteranomaly 6% of men, 0.4% of women
#ef4685 Tritanomaly 0.01% of the population

#f522c5 hex color

#f522c5 Color Information

#f522c5 Color Conversion

Color Schemes with #f522c5

Alternatives to #f522c5

#f522c5 Preview

Shades and Tints of #f522c5

Tones of #f522c5

Color Blindness Simulator