#f020fd hex color

In a RGB color space, hex #f020fd is composed of 94.1% red, 12.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 5.1% cyan, 87.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.5 degrees, a saturation of 98.2% and a lightness of 55.9%. #f020fd color hex could be obtained by blending #ff40ff with #e100fb. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 94
- G 13
- B 99
RGB color chart
- C 5
- M 87
- Y 0
- K 1
CMYK color chart

● #f020fd color description : Vivid magenta.

The hexadecimal color #f020fd has RGB values of R:240, G:32, B:253 and CMYK values of C:0.05, M:0.87, Y:0, K:0.01. Its decimal value is 15737085.

Hex triplet	f020fd	`#f020fd`
RGB Decimal	240, 32, 253	`rgb(240,32,253)`
RGB Percent	94.1, 12.5, 99.2	`rgb(94.1%,12.5%,99.2%)`
CMYK	5, 87, 0, 1
HSL	296.5°, 98.2, 55.9	`hsl(296.5,98.2%,55.9%)`
HSV (or HSB)	296.5°, 87.4, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	58.652, 92.798, -62.543
XYZ	54.18, 26.654, 95.214
xyY	0.308, 0.151, 26.654
CIE-LCH	58.652, 111.907, 326.021
CIE-LUV	58.652, 72.567, -109.803
Hunter-Lab	51.627, 96.979, -73.208
Binary	11110000, 00100000, 11111101

#f020fd
```
#f020fd rgb(240,32,253)
```
#2dfd20
```
#2dfd20 rgb(45,253,32)
```

Complementary Color

#8220fd
```
#8220fd rgb(130,32,253)
```
#f020fd
```
#f020fd rgb(240,32,253)
```
#fd209c
```
#fd209c rgb(253,32,156)
```

Analogous Color

#20fd82
```
#20fd82 rgb(32,253,130)
```
#f020fd
```
#f020fd rgb(240,32,253)
```
#9cfd20
```
#9cfd20 rgb(156,253,32)
```

Split Complementary Color

#20fdf0
```
#20fdf0 rgb(32,253,240)
```
#f020fd
```
#f020fd rgb(240,32,253)
```
#fdf020
```
#fdf020 rgb(253,240,32)
```

Triadic Color

#202dfd
```
#202dfd rgb(32,45,253)
```
#f020fd
```
#f020fd rgb(240,32,253)
```
#fdf020
```
#fdf020 rgb(253,240,32)
```
#2dfd20
```
#2dfd20 rgb(45,253,32)
```

Tetradic Color

#c302cf
```
#c302cf rgb(195,2,207)
```
#da02e8
```
#da02e8 rgb(218,2,232)
```
#ee07fd
```
#ee07fd rgb(238,7,253)
```
#f020fd
```
#f020fd rgb(240,32,253)
```
#f239fd
```
#f239fd rgb(242,57,253)
```
#f353fd
```
#f353fd rgb(243,83,253)
```
#f56cfe
```
#f56cfe rgb(245,108,254)
```

Monochromatic Color

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

#b920fd
```
#b920fd rgb(185,32,253)
```
#cb20fd
```
#cb20fd rgb(203,32,253)
```
#de20fd
```
#de20fd rgb(222,32,253)
```
#f020fd
```
#f020fd rgb(240,32,253)
```
#fd20f8
```
#fd20f8 rgb(253,32,248)
```
#fd20e5
```
#fd20e5 rgb(253,32,229)
```
#fd20d3
```
#fd20d3 rgb(253,32,211)
```

Similar Colors

Text with hexadecimal color #f020fd

This text has a font color of #f020fd.

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

#f020fd background color

This paragraph has a background color of #f020fd.

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

#f020fd border color

This element has a border color of #f020fd.

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

CSS codes

.text {color:#f020fd;}

.background {background-color:#f020fd;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1c001e
```
#1c001e rgb(28,0,30)
```
#2e0031
```
#2e0031 rgb(46,0,49)
```
#410145
```
#410145 rgb(65,1,69)
```
#530158
```
#530158 rgb(83,1,88)
```
#65016b
```
#65016b rgb(101,1,107)
```
#78017f
```
#78017f rgb(120,1,127)
```
#8a0192
```
#8a0192 rgb(138,1,146)
```
#9c01a6
```
#9c01a6 rgb(156,1,166)
```
#ae02b9
```
#ae02b9 rgb(174,2,185)
```
#c102cd
```
#c102cd rgb(193,2,205)
```
#d302e0
```
#d302e0 rgb(211,2,224)
```
#e502f4
```
#e502f4 rgb(229,2,244)
```

Shade Color Variation

#ef0dfd
```
#ef0dfd rgb(239,13,253)
```
#f020fd
```
#f020fd rgb(240,32,253)
```
#f133fd
```
#f133fd rgb(241,51,253)
```
#f347fd
```
#f347fd rgb(243,71,253)
```
#f45afe
```
#f45afe rgb(244,90,254)
```
#f56efe
```
#f56efe rgb(245,110,254)
```
#f781fe
```
#f781fe rgb(247,129,254)
```
#f895fe
```
#f895fe rgb(248,149,254)
```
#f9a8fe
```
#f9a8fe rgb(249,168,254)
```
#fabcfe
```
#fabcfe rgb(250,188,254)
```
#fccfff
```
#fccfff rgb(252,207,255)
```
#fde2ff
```
#fde2ff rgb(253,226,255)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#948895
```
#948895 rgb(148,136,149)
```
#9c7f9e
```
#9c7f9e rgb(156,127,158)
```
#a477a6
```
#a477a6 rgb(164,119,166)
```
#ab6eaf
```
#ab6eaf rgb(171,110,175)
```
#b365b8
```
#b365b8 rgb(179,101,184)
```
#bb5dc0
```
#bb5dc0 rgb(187,93,192)
```
#c254c9
```
#c254c9 rgb(194,84,201)
```
#ca4bd2
```
#ca4bd2 rgb(202,75,210)
```
#d143da
```
#d143da rgb(209,67,218)
```
#d93ae3
```
#d93ae3 rgb(217,58,227)
```
#e131ec
```
#e131ec rgb(225,49,236)
```
#e829f4
```
#e829f4 rgb(232,41,244)
```
#f020fd
```
#f020fd rgb(240,32,253)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#8f6692 Atypical Achromatopsia 0.001% of the population

Dichromacy

#518fff Protanopia 1% of men
#5993e6 Deuteranopia 1% of men
#df7077 Tritanopia 0.001% of the population

Trichromacy

#8b67fe Protanomaly 1% of men, 0.01% of women
#8f69ee Deuteranomaly 6% of men, 0.4% of women
#e553a8 Tritanomaly 0.01% of the population

#f020fd hex color

#f020fd Color Information

#f020fd Color Conversion

Color Schemes with #f020fd

Alternatives to #f020fd

#f020fd Preview

Shades and Tints of #f020fd

Tones of #f020fd

Color Blindness Simulator