#f518dc hex color

In a RGB color space, hex #f518dc is composed of 96.1% red, 9.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.2% magenta, 10.2% yellow and 3.9% black. It has a hue angle of 306.8 degrees, a saturation of 91.7% and a lightness of 52.7%. #f518dc color hex could be obtained by blending #ff30ff with #eb00b9. Closest websafe color is: #ff00cc.

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

● #f518dc color description : Vivid magenta.

The hexadecimal color #f518dc has RGB values of R:245, G:24, B:220 and CMYK values of C:0, M:0.9, Y:0.1, K:0.04. Its decimal value is 16062684.

Hex triplet	f518dc	`#f518dc`
RGB Decimal	245, 24, 220	`rgb(245,24,220)`
RGB Percent	96.1, 9.4, 86.3	`rgb(96.1%,9.4%,86.3%)`
CMYK	0, 90, 10, 4
HSL	306.8°, 91.7, 52.7	`hsl(306.8,91.7%,52.7%)`
HSV (or HSB)	306.8°, 90.2, 96.1
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	57.306, 90.064, -46.14
XYZ	50.901, 25.237, 69.897
xyY	0.349, 0.173, 25.237
CIE-LCH	57.306, 101.195, 332.874
CIE-LUV	57.306, 89.929, -84.157
Hunter-Lab	50.237, 92.946, -47.328
Binary	11110101, 00011000, 11011100

#f518dc
```
#f518dc rgb(245,24,220)
```
#18f531
```
#18f531 rgb(24,245,49)
```

Complementary Color

#a018f5
```
#a018f5 rgb(160,24,245)
```
#f518dc
```
#f518dc rgb(245,24,220)
```
#f5186e
```
#f5186e rgb(245,24,110)
```

Analogous Color

#18f5a0
```
#18f5a0 rgb(24,245,160)
```
#f518dc
```
#f518dc rgb(245,24,220)
```
#6ef518
```
#6ef518 rgb(110,245,24)
```

Split Complementary Color

#18dcf5
```
#18dcf5 rgb(24,220,245)
```
#f518dc
```
#f518dc rgb(245,24,220)
```
#dcf518
```
#dcf518 rgb(220,245,24)
```

Triadic Color

#3118f5
```
#3118f5 rgb(49,24,245)
```
#f518dc
```
#f518dc rgb(245,24,220)
```
#dcf518
```
#dcf518 rgb(220,245,24)
```
#18f531
```
#18f531 rgb(24,245,49)
```

Tetradic Color

#b908a5
```
#b908a5 rgb(185,8,165)
```
#d109ba
```
#d109ba rgb(209,9,186)
```
#e90ad0
```
#e90ad0 rgb(233,10,208)
```
#f518dc
```
#f518dc rgb(245,24,220)
```
#f630e0
```
#f630e0 rgb(246,48,224)
```
#f749e3
```
#f749e3 rgb(247,73,227)
```
#f861e7
```
#f861e7 rgb(248,97,231)
```

Monochromatic Color

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

#d718f5
```
#d718f5 rgb(215,24,245)
```
#e918f5
```
#e918f5 rgb(233,24,245)
```
#f518ee
```
#f518ee rgb(245,24,238)
```
#f518dc
```
#f518dc rgb(245,24,220)
```
#f518ca
```
#f518ca rgb(245,24,202)
```
#f518b7
```
#f518b7 rgb(245,24,183)
```
#f518a5
```
#f518a5 rgb(245,24,165)
```

Similar Colors

Text with hexadecimal color #f518dc

This text has a font color of #f518dc.

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

#f518dc background color

This paragraph has a background color of #f518dc.

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

#f518dc border color

This element has a border color of #f518dc.

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

CSS codes

.text {color:#f518dc;}

.background {background-color:#f518dc;}

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

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

#0d010c
```
#0d010c rgb(13,1,12)
```
#20011d
```
#20011d rgb(32,1,29)
```
#33022e
```
#33022e rgb(51,2,46)
```
#46033e
```
#46033e rgb(70,3,62)
```
#59044f
```
#59044f rgb(89,4,79)
```
#6b0560
```
#6b0560 rgb(107,5,96)
```
#7e0571
```
#7e0571 rgb(126,5,113)
```
#910681
```
#910681 rgb(145,6,129)
```
#a40792
```
#a40792 rgb(164,7,146)
```
#b708a3
```
#b708a3 rgb(183,8,163)
```
#c909b4
```
#c909b4 rgb(201,9,180)
```
#dc0ac4
```
#dc0ac4 rgb(220,10,196)
```
#ef0ad5
```
#ef0ad5 rgb(239,10,213)
```

Shade Color Variation

#f518dc
```
#f518dc rgb(245,24,220)
```
#f62bdf
```
#f62bdf rgb(246,43,223)
```
#f73ee2
```
#f73ee2 rgb(247,62,226)
```
#f750e5
```
#f750e5 rgb(247,80,229)
```
#f863e7
```
#f863e7 rgb(248,99,231)
```
#f976ea
```
#f976ea rgb(249,118,234)
```
#fa89ed
```
#fa89ed rgb(250,137,237)
```
#fb9cf0
```
#fb9cf0 rgb(251,156,240)
```
#fcaef3
```
#fcaef3 rgb(252,174,243)
```
#fcc1f6
```
#fcc1f6 rgb(252,193,246)
```
#fdd4f8
```
#fdd4f8 rgb(253,212,248)
```
#fee7fb
```
#fee7fb rgb(254,231,251)
```
#fffafe
```
#fffafe rgb(255,250,254)
```

Tint Color Variation

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

#8f7e8d
```
#8f7e8d rgb(143,126,141)
```
#987594
```
#987594 rgb(152,117,148)
```
#a26b9b
```
#a26b9b rgb(162,107,155)
```
#ab62a3
```
#ab62a3 rgb(171,98,163)
```
#b459aa
```
#b459aa rgb(180,89,170)
```
#bd50b1
```
#bd50b1 rgb(189,80,177)
```
#c746b8
```
#c746b8 rgb(199,70,184)
```
#d03dbf
```
#d03dbf rgb(208,61,191)
```
#d934c6
```
#d934c6 rgb(217,52,198)
```
#e22bce
```
#e22bce rgb(226,43,206)
```
#ec21d5
```
#ec21d5 rgb(236,33,213)
```
#f518dc
```
#f518dc rgb(245,24,220)
```
#fe0fe3
```
#fe0fe3 rgb(254,15,227)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8b5e86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#488cff Protanopia 1% of men
#768ec9 Deuteranopia 1% of men
#e96267 Tritanopia 0.001% of the population

Trichromacy

#8661f2 Protanomaly 1% of men, 0.01% of women
#a463d0 Deuteranomaly 6% of men, 0.4% of women
#ed4792 Tritanomaly 0.01% of the population

#f518dc hex color

#f518dc Color Information

#f518dc Color Conversion

Color Schemes with #f518dc

Alternatives to #f518dc

#f518dc Preview

Shades and Tints of #f518dc

Tones of #f518dc

Color Blindness Simulator