#f523ff hex color

In a RGB color space, hex #f523ff is composed of 96.1% red, 13.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 86.3% magenta, 0% yellow and 0% black. It has a hue angle of 297.3 degrees, a saturation of 100% and a lightness of 56.9%. #f523ff color hex could be obtained by blending #ff46ff with #eb00ff. Closest websafe color is: #ff33ff.

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

● #f523ff color description : Vivid magenta.

The hexadecimal color #f523ff has RGB values of R:245, G:35, B:255 and CMYK values of C:0.04, M:0.86, Y:0, K:0. Its decimal value is 16065535.

Hex triplet	f523ff	`#f523ff`
RGB Decimal	245, 35, 255	`rgb(245,35,255)`
RGB Percent	96.1, 13.7, 100	`rgb(96.1%,13.7%,100%)`
CMYK	4, 86, 0, 0
HSL	297.3°, 100, 56.9	`hsl(297.3,100%,56.9%)`
HSV (or HSB)	297.3°, 86.3, 100
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.742, 93.453, -61.859
XYZ	56.306, 27.838, 97.01
xyY	0.311, 0.154, 27.838
CIE-LCH	59.742, 112.071, 326.498
CIE-LUV	59.742, 75.028, -109.344
Hunter-Lab	52.762, 98.156, -72.08
Binary	11110101, 00100011, 11111111

#f523ff
```
#f523ff rgb(245,35,255)
```
#2dff23
```
#2dff23 rgb(45,255,35)
```

Complementary Color

#8723ff
```
#8723ff rgb(135,35,255)
```
#f523ff
```
#f523ff rgb(245,35,255)
```
#ff239b
```
#ff239b rgb(255,35,155)
```

Analogous Color

#23ff87
```
#23ff87 rgb(35,255,135)
```
#f523ff
```
#f523ff rgb(245,35,255)
```
#9bff23
```
#9bff23 rgb(155,255,35)
```

Split Complementary Color

#23fff5
```
#23fff5 rgb(35,255,245)
```
#f523ff
```
#f523ff rgb(245,35,255)
```
#fff523
```
#fff523 rgb(255,245,35)
```

Triadic Color

#232dff
```
#232dff rgb(35,45,255)
```
#f523ff
```
#f523ff rgb(245,35,255)
```
#fff523
```
#fff523 rgb(255,245,35)
```
#2dff23
```
#2dff23 rgb(45,255,35)
```

Tetradic Color

#cc00d6
```
#cc00d6 rgb(204,0,214)
```
#e400ef
```
#e400ef rgb(228,0,239)
```
#f409ff
```
#f409ff rgb(244,9,255)
```
#f523ff
```
#f523ff rgb(245,35,255)
```
#f63dff
```
#f63dff rgb(246,61,255)
```
#f756ff
```
#f756ff rgb(247,86,255)
```
#f870ff
```
#f870ff rgb(248,112,255)
```

Monochromatic Color

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

#be23ff
```
#be23ff rgb(190,35,255)
```
#d023ff
```
#d023ff rgb(208,35,255)
```
#e323ff
```
#e323ff rgb(227,35,255)
```
#f523ff
```
#f523ff rgb(245,35,255)
```
#ff23f7
```
#ff23f7 rgb(255,35,247)
```
#ff23e4
```
#ff23e4 rgb(255,35,228)
```
#ff23d2
```
#ff23d2 rgb(255,35,210)
```

Similar Colors

Text with hexadecimal color #f523ff

This text has a font color of #f523ff.

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

#f523ff background color

This paragraph has a background color of #f523ff.

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

#f523ff border color

This element has a border color of #f523ff.

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

CSS codes

.text {color:#f523ff;}

.background {background-color:#f523ff;}

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

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

#0f000f
```
#0f000f rgb(15,0,15)
```
#210023
```
#210023 rgb(33,0,35)
```
#340037
```
#340037 rgb(52,0,55)
```
#47004a
```
#47004a rgb(71,0,74)
```
#5a005e
```
#5a005e rgb(90,0,94)
```
#6c0071
```
#6c0071 rgb(108,0,113)
```
#7f0085
```
#7f0085 rgb(127,0,133)
```
#920099
```
#920099 rgb(146,0,153)
```
#a400ac
```
#a400ac rgb(164,0,172)
```
#b700c0
```
#b700c0 rgb(183,0,192)
```
#ca00d4
```
#ca00d4 rgb(202,0,212)
```
#dd00e7
```
#dd00e7 rgb(221,0,231)
```
#ef00fb
```
#ef00fb rgb(239,0,251)
```

Shade Color Variation

#f40fff
```
#f40fff rgb(244,15,255)
```
#f523ff
```
#f523ff rgb(245,35,255)
```
#f637ff
```
#f637ff rgb(246,55,255)
```
#f74aff
```
#f74aff rgb(247,74,255)
```
#f85eff
```
#f85eff rgb(248,94,255)
```
#f971ff
```
#f971ff rgb(249,113,255)
```
#f985ff
```
#f985ff rgb(249,133,255)
```
#fa99ff
```
#fa99ff rgb(250,153,255)
```
#fbacff
```
#fbacff rgb(251,172,255)
```
#fcc0ff
```
#fcc0ff rgb(252,192,255)
```
#fdd4ff
```
#fdd4ff rgb(253,212,255)
```
#fee7ff
```
#fee7ff rgb(254,231,255)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#998999
```
#998999 rgb(153,137,153)
```
#a080a2
```
#a080a2 rgb(160,128,162)
```
#a878aa
```
#a878aa rgb(168,120,170)
```
#b06fb3
```
#b06fb3 rgb(176,111,179)
```
#b767bb
```
#b767bb rgb(183,103,187)
```
#bf5ec4
```
#bf5ec4 rgb(191,94,196)
```
#c756cc
```
#c756cc rgb(199,86,204)
```
#cf4dd5
```
#cf4dd5 rgb(207,77,213)
```
#d645dd
```
#d645dd rgb(214,69,221)
```
#de3ce6
```
#de3ce6 rgb(222,60,230)
```
#e634ee
```
#e634ee rgb(230,52,238)
```
#ed2bf7
```
#ed2bf7 rgb(237,43,247)
```
#f523ff
```
#f523ff rgb(245,35,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#936995 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5992ff Protanopia 1% of men
#5e96e8 Deuteranopia 1% of men
#e47179 Tritanopia 0.001% of the population

Trichromacy

#9169ff Protanomaly 1% of men, 0.01% of women
#956cf0 Deuteranomaly 6% of men, 0.4% of women
#ea55a9 Tritanomaly 0.01% of the population

#f523ff hex color

#f523ff Color Information

#f523ff Color Conversion

Color Schemes with #f523ff

Alternatives to #f523ff

#f523ff Preview

Shades and Tints of #f523ff

Tones of #f523ff

Color Blindness Simulator