#f020f0 hex color

In a RGB color space, hex #f020f0 is composed of 94.1% red, 12.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 300 degrees, a saturation of 87.4% and a lightness of 53.3%. #f020f0 color hex could be obtained by blending #ff40ff with #e100e1. Closest websafe color is: #ff33ff.

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

● #f020f0 color description : Vivid magenta.

The hexadecimal color #f020f0 has RGB values of R:240, G:32, B:240 and CMYK values of C:0, M:0.87, Y:0, K:0.06. Its decimal value is 15737072.

Hex triplet	f020f0	`#f020f0`
RGB Decimal	240, 32, 240	`rgb(240,32,240)`
RGB Percent	94.1, 12.5, 94.1	`rgb(94.1%,12.5%,94.1%)`
CMYK	0, 87, 0, 6
HSL	300°, 87.4, 53.3	`hsl(300,87.4%,53.3%)`
HSV (or HSB)	300°, 86.7, 94.1
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	57.897, 90.884, -56.511
XYZ	52.179, 25.853, 84.675
xyY	0.321, 0.159, 25.853
CIE-LCH	57.897, 107.02, 328.127
CIE-LUV	57.897, 77.451, -100.154
Hunter-Lab	50.846, 94.199, -63.145
Binary	11110000, 00100000, 11110000

#f020f0
```
#f020f0 rgb(240,32,240)
```
#20f020
```
#20f020 rgb(32,240,32)
```

Complementary Color

#8820f0
```
#8820f0 rgb(136,32,240)
```
#f020f0
```
#f020f0 rgb(240,32,240)
```
#f02088
```
#f02088 rgb(240,32,136)
```

Analogous Color

#20f088
```
#20f088 rgb(32,240,136)
```
#f020f0
```
#f020f0 rgb(240,32,240)
```
#88f020
```
#88f020 rgb(136,240,32)
```

Split Complementary Color

#20f0f0
```
#20f0f0 rgb(32,240,240)
```
#f020f0
```
#f020f0 rgb(240,32,240)
```
#f0f020
```
#f0f020 rgb(240,240,32)
```

Triadic Color

#2020f0
```
#2020f0 rgb(32,32,240)
```
#f020f0
```
#f020f0 rgb(240,32,240)
```
#f0f020
```
#f0f020 rgb(240,240,32)
```
#20f020
```
#20f020 rgb(32,240,32)
```

Tetradic Color

#b70cb7
```
#b70cb7 rgb(183,12,183)
```
#cf0ecf
```
#cf0ecf rgb(207,14,207)
```
#e710e7
```
#e710e7 rgb(231,16,231)
```
#f020f0
```
#f020f0 rgb(240,32,240)
```
#f238f2
```
#f238f2 rgb(242,56,242)
```
#f350f3
```
#f350f3 rgb(243,80,243)
```
#f568f5
```
#f568f5 rgb(245,104,245)
```

Monochromatic Color

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

#bc20f0
```
#bc20f0 rgb(188,32,240)
```
#cd20f0
```
#cd20f0 rgb(205,32,240)
```
#df20f0
```
#df20f0 rgb(223,32,240)
```
#f020f0
```
#f020f0 rgb(240,32,240)
```
#f020df
```
#f020df rgb(240,32,223)
```
#f020cd
```
#f020cd rgb(240,32,205)
```
#f020bc
```
#f020bc rgb(240,32,188)
```

Similar Colors

Text with hexadecimal color #f020f0

This text has a font color of #f020f0.

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

#f020f0 background color

This paragraph has a background color of #f020f0.

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

#f020f0 border color

This element has a border color of #f020f0.

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

CSS codes

.text {color:#f020f0;}

.background {background-color:#f020f0;}

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

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

#100110
```
#100110 rgb(16,1,16)
```
#220222
```
#220222 rgb(34,2,34)
```
#350435
```
#350435 rgb(53,4,53)
```
#470547
```
#470547 rgb(71,5,71)
```
#590659
```
#590659 rgb(89,6,89)
```
#6c076c
```
#6c076c rgb(108,7,108)
```
#7e087e
```
#7e087e rgb(126,8,126)
```
#910a91
```
#910a91 rgb(145,10,145)
```
#a30ba3
```
#a30ba3 rgb(163,11,163)
```
#b50cb5
```
#b50cb5 rgb(181,12,181)
```
#c80dc8
```
#c80dc8 rgb(200,13,200)
```
#da0fda
```
#da0fda rgb(218,15,218)
```
#ec10ec
```
#ec10ec rgb(236,16,236)
```

Shade Color Variation

#f020f0
```
#f020f0 rgb(240,32,240)
```
#f132f1
```
#f132f1 rgb(241,50,241)
```
#f245f2
```
#f245f2 rgb(242,69,242)
```
#f457f4
```
#f457f4 rgb(244,87,244)
```
#f56af5
```
#f56af5 rgb(245,106,245)
```
#f67cf6
```
#f67cf6 rgb(246,124,246)
```
#f78ef7
```
#f78ef7 rgb(247,142,247)
```
#f9a1f9
```
#f9a1f9 rgb(249,161,249)
```
#fab3fa
```
#fab3fa rgb(250,179,250)
```
#fbc5fb
```
#fbc5fb rgb(251,197,251)
```
#fcd8fc
```
#fcd8fc rgb(252,216,252)
```
#feeafe
```
#feeafe rgb(254,234,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#8b858b
```
#8b858b rgb(139,133,139)
```
#947c94
```
#947c94 rgb(148,124,148)
```
#9e729e
```
#9e729e rgb(158,114,158)
```
#a769a7
```
#a769a7 rgb(167,105,167)
```
#b060b0
```
#b060b0 rgb(176,96,176)
```
#b957b9
```
#b957b9 rgb(185,87,185)
```
#c24ec2
```
#c24ec2 rgb(194,78,194)
```
#cb45cb
```
#cb45cb rgb(203,69,203)
```
#d53bd5
```
#d53bd5 rgb(213,59,213)
```
#de32de
```
#de32de rgb(222,50,222)
```
#e729e7
```
#e729e7 rgb(231,41,231)
```
#f020f0
```
#f020f0 rgb(240,32,240)
```
#f917f9
```
#f917f9 rgb(249,23,249)
```

Tone Color Variation

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

Dichromacy

#4c8dff Protanopia 1% of men
#6591db Deuteranopia 1% of men
#e16b72 Tritanopia 0.001% of the population

Trichromacy

#8765f9 Protanomaly 1% of men, 0.01% of women
#9768e2 Deuteranomaly 6% of men, 0.4% of women
#e6509f Tritanomaly 0.01% of the population

#f020f0 hex color

#f020f0 Color Information

#f020f0 Color Conversion

Color Schemes with #f020f0

Alternatives to #f020f0

#f020f0 Preview

Shades and Tints of #f020f0

Tones of #f020f0

Color Blindness Simulator