#f020f6 hex color

In a RGB color space, hex #f020f6 is composed of 94.1% red, 12.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 87% magenta, 0% yellow and 3.5% black. It has a hue angle of 298.3 degrees, a saturation of 92.2% and a lightness of 54.5%. #f020f6 color hex could be obtained by blending #ff40ff with #e100ed. Closest websafe color is: #ff33ff.

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

● #f020f6 color description : Vivid magenta.

The hexadecimal color #f020f6 has RGB values of R:240, G:32, B:246 and CMYK values of C:0.02, M:0.87, Y:0, K:0.04. Its decimal value is 15737078.

Hex triplet	f020f6	`#f020f6`
RGB Decimal	240, 32, 246	`rgb(240,32,246)`
RGB Percent	94.1, 12.5, 96.5	`rgb(94.1%,12.5%,96.5%)`
CMYK	2, 87, 0, 4
HSL	298.3°, 92.2, 54.5	`hsl(298.3,92.2%,54.5%)`
HSV (or HSB)	298.3°, 87, 96.5
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	58.241, 91.759, -59.311
XYZ	53.085, 26.216, 89.448
xyY	0.315, 0.155, 26.216
CIE-LCH	58.241, 109.258, 327.122
CIE-LUV	58.241, 75.168, -104.631
Hunter-Lab	51.201, 95.465, -67.738
Binary	11110000, 00100000, 11110110

#f020f6
```
#f020f6 rgb(240,32,246)
```
#26f620
```
#26f620 rgb(38,246,32)
```

Complementary Color

#8520f6
```
#8520f6 rgb(133,32,246)
```
#f020f6
```
#f020f6 rgb(240,32,246)
```
#f62091
```
#f62091 rgb(246,32,145)
```

Analogous Color

#20f685
```
#20f685 rgb(32,246,133)
```
#f020f6
```
#f020f6 rgb(240,32,246)
```
#91f620
```
#91f620 rgb(145,246,32)
```

Split Complementary Color

#20f6f0
```
#20f6f0 rgb(32,246,240)
```
#f020f6
```
#f020f6 rgb(240,32,246)
```
#f6f020
```
#f6f020 rgb(246,240,32)
```

Triadic Color

#2026f6
```
#2026f6 rgb(32,38,246)
```
#f020f6
```
#f020f6 rgb(240,32,246)
```
#f6f020
```
#f6f020 rgb(246,240,32)
```
#26f620
```
#26f620 rgb(38,246,32)
```

Tetradic Color

#bc08c2
```
#bc08c2 rgb(188,8,194)
```
#d409da
```
#d409da rgb(212,9,218)
```
#ec0af3
```
#ec0af3 rgb(236,10,243)
```
#f020f6
```
#f020f6 rgb(240,32,246)
```
#f239f7
```
#f239f7 rgb(242,57,247)
```
#f351f8
```
#f351f8 rgb(243,81,248)
```
#f56af9
```
#f56af9 rgb(245,106,249)
```

Monochromatic Color

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

#bb20f6
```
#bb20f6 rgb(187,32,246)
```
#cc20f6
```
#cc20f6 rgb(204,32,246)
```
#de20f6
```
#de20f6 rgb(222,32,246)
```
#f020f6
```
#f020f6 rgb(240,32,246)
```
#f620ea
```
#f620ea rgb(246,32,234)
```
#f620d8
```
#f620d8 rgb(246,32,216)
```
#f620c7
```
#f620c7 rgb(246,32,199)
```

Similar Colors

Text with hexadecimal color #f020f6

This text has a font color of #f020f6.

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

#f020f6 background color

This paragraph has a background color of #f020f6.

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

#f020f6 border color

This element has a border color of #f020f6.

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

CSS codes

.text {color:#f020f6;}

.background {background-color:#f020f6;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160116
```
#160116 rgb(22,1,22)
```
#280229
```
#280229 rgb(40,2,41)
```
#3a023c
```
#3a023c rgb(58,2,60)
```
#4d034f
```
#4d034f rgb(77,3,79)
```
#5f0462
```
#5f0462 rgb(95,4,98)
```
#710574
```
#710574 rgb(113,5,116)
```
#840587
```
#840587 rgb(132,5,135)
```
#96069a
```
#96069a rgb(150,6,154)
```
#a807ad
```
#a807ad rgb(168,7,173)
```
#bb08c0
```
#bb08c0 rgb(187,8,192)
```
#cd09d3
```
#cd09d3 rgb(205,9,211)
```
#df09e6
```
#df09e6 rgb(223,9,230)
```

Shade Color Variation

#ef0df5
```
#ef0df5 rgb(239,13,245)
```
#f020f6
```
#f020f6 rgb(240,32,246)
```
#f133f7
```
#f133f7 rgb(241,51,247)
```
#f346f8
```
#f346f8 rgb(243,70,248)
```
#f459f8
```
#f459f8 rgb(244,89,248)
```
#f56bf9
```
#f56bf9 rgb(245,107,249)
```
#f67efa
```
#f67efa rgb(246,126,250)
```
#f891fb
```
#f891fb rgb(248,145,251)
```
#f9a4fb
```
#f9a4fb rgb(249,164,251)
```
#fab7fc
```
#fab7fc rgb(250,183,252)
```
#fbcafd
```
#fbcafd rgb(251,202,253)
```
#fdddfe
```
#fdddfe rgb(253,221,254)
```
#feeffe
```
#feeffe rgb(254,239,254)
```

Tint Color Variation

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

#938294
```
#938294 rgb(147,130,148)
```
#9c799d
```
#9c799d rgb(156,121,157)
```
#a470a6
```
#a470a6 rgb(164,112,166)
```
#ad67af
```
#ad67af rgb(173,103,175)
```
#b55eb8
```
#b55eb8 rgb(181,94,184)
```
#bd56c0
```
#bd56c0 rgb(189,86,192)
```
#c64dc9
```
#c64dc9 rgb(198,77,201)
```
#ce44d2
```
#ce44d2 rgb(206,68,210)
```
#d73bdb
```
#d73bdb rgb(215,59,219)
```
#df32e4
```
#df32e4 rgb(223,50,228)
```
#e829ed
```
#e829ed rgb(232,41,237)
```
#f020f6
```
#f020f6 rgb(240,32,246)
```
#f817ff
```
#f817ff rgb(248,23,255)
```

Tone Color Variation

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

Dichromacy

#4e8eff Protanopia 1% of men
#5f92e0 Deuteranopia 1% of men
#e06d74 Tritanopia 0.001% of the population

Trichromacy

#8966fb Protanomaly 1% of men, 0.01% of women
#9468e8 Deuteranomaly 6% of men, 0.4% of women
#e651a3 Tritanomaly 0.01% of the population

#f020f6 hex color

#f020f6 Color Information

#f020f6 Color Conversion

Color Schemes with #f020f6

Alternatives to #f020f6

#f020f6 Preview

Shades and Tints of #f020f6

Tones of #f020f6

Color Blindness Simulator