#f020f7 hex color

In a RGB color space, hex #f020f7 is composed of 94.1% red, 12.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 87% magenta, 0% yellow and 3.1% black. It has a hue angle of 298 degrees, a saturation of 93.1% and a lightness of 54.7%. #f020f7 color hex could be obtained by blending #ff40ff with #e100ef. Closest websafe color is: #ff33ff.

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

● #f020f7 color description : Vivid magenta.

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

Hex triplet	f020f7	`#f020f7`
RGB Decimal	240, 32, 247	`rgb(240,32,247)`
RGB Percent	94.1, 12.5, 96.9	`rgb(94.1%,12.5%,96.9%)`
CMYK	3, 87, 0, 3
HSL	298°, 93.1, 54.7	`hsl(298,93.1%,54.7%)`
HSV (or HSB)	298°, 87, 96.9
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	58.299, 91.906, -59.775
XYZ	53.239, 26.277, 90.259
xyY	0.314, 0.155, 26.277
CIE-LCH	58.299, 109.634, 326.96
CIE-LUV	58.299, 74.792, -105.374
Hunter-Lab	51.261, 95.679, -68.512
Binary	11110000, 00100000, 11110111

#f020f7
```
#f020f7 rgb(240,32,247)
```
#27f720
```
#27f720 rgb(39,247,32)
```

Complementary Color

#8520f7
```
#8520f7 rgb(133,32,247)
```
#f020f7
```
#f020f7 rgb(240,32,247)
```
#f72093
```
#f72093 rgb(247,32,147)
```

Analogous Color

#20f785
```
#20f785 rgb(32,247,133)
```
#f020f7
```
#f020f7 rgb(240,32,247)
```
#93f720
```
#93f720 rgb(147,247,32)
```

Split Complementary Color

#20f7f0
```
#20f7f0 rgb(32,247,240)
```
#f020f7
```
#f020f7 rgb(240,32,247)
```
#f7f020
```
#f7f020 rgb(247,240,32)
```

Triadic Color

#2027f7
```
#2027f7 rgb(32,39,247)
```
#f020f7
```
#f020f7 rgb(240,32,247)
```
#f7f020
```
#f7f020 rgb(247,240,32)
```
#27f720
```
#27f720 rgb(39,247,32)
```

Tetradic Color

#bd07c3
```
#bd07c3 rgb(189,7,195)
```
#d508dc
```
#d508dc rgb(213,8,220)
```
#ed09f5
```
#ed09f5 rgb(237,9,245)
```
#f020f7
```
#f020f7 rgb(240,32,247)
```
#f239f8
```
#f239f8 rgb(242,57,248)
```
#f351f9
```
#f351f9 rgb(243,81,249)
```
#f56afa
```
#f56afa rgb(245,106,250)
```

Monochromatic Color

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

#ba20f7
```
#ba20f7 rgb(186,32,247)
```
#cc20f7
```
#cc20f7 rgb(204,32,247)
```
#de20f7
```
#de20f7 rgb(222,32,247)
```
#f020f7
```
#f020f7 rgb(240,32,247)
```
#f720ec
```
#f720ec rgb(247,32,236)
```
#f720da
```
#f720da rgb(247,32,218)
```
#f720c8
```
#f720c8 rgb(247,32,200)
```

Similar Colors

Text with hexadecimal color #f020f7

This text has a font color of #f020f7.

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

#f020f7 background color

This paragraph has a background color of #f020f7.

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

#f020f7 border color

This element has a border color of #f020f7.

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

CSS codes

.text {color:#f020f7;}

.background {background-color:#f020f7;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#160117
```
#160117 rgb(22,1,23)
```
#29022a
```
#29022a rgb(41,2,42)
```
#3b023d
```
#3b023d rgb(59,2,61)
```
#4d0350
```
#4d0350 rgb(77,3,80)
```
#600463
```
#600463 rgb(96,4,99)
```
#720476
```
#720476 rgb(114,4,118)
```
#840589
```
#840589 rgb(132,5,137)
```
#97069c
```
#97069c rgb(151,6,156)
```
#a906af
```
#a906af rgb(169,6,175)
```
#bc07c2
```
#bc07c2 rgb(188,7,194)
```
#ce08d5
```
#ce08d5 rgb(206,8,213)
```
#e008e7
```
#e008e7 rgb(224,8,231)
```

Shade Color Variation

#ef0df6
```
#ef0df6 rgb(239,13,246)
```
#f020f7
```
#f020f7 rgb(240,32,247)
```
#f133f8
```
#f133f8 rgb(241,51,248)
```
#f346f8
```
#f346f8 rgb(243,70,248)
```
#f459f9
```
#f459f9 rgb(244,89,249)
```
#f56cfa
```
#f56cfa rgb(245,108,250)
```
#f67ffa
```
#f67ffa rgb(246,127,250)
```
#f892fb
```
#f892fb rgb(248,146,251)
```
#f9a5fc
```
#f9a5fc rgb(249,165,252)
```
#fab7fc
```
#fab7fc rgb(250,183,252)
```
#fbcafd
```
#fbcafd rgb(251,202,253)
```
#fdddfe
```
#fdddfe rgb(253,221,254)
```
#fef0fe
```
#fef0fe rgb(254,240,254)
```

Tint Color Variation

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

#8c8b8c
```
#8c8b8c rgb(140,139,140)
```
#958295
```
#958295 rgb(149,130,149)
```
#9d799e
```
#9d799e rgb(157,121,158)
```
#a570a7
```
#a570a7 rgb(165,112,167)
```
#ae67b0
```
#ae67b0 rgb(174,103,176)
```
#b65eb9
```
#b65eb9 rgb(182,94,185)
```
#be55c2
```
#be55c2 rgb(190,85,194)
```
#c64ccb
```
#c64ccb rgb(198,76,203)
```
#cf44d3
```
#cf44d3 rgb(207,68,211)
```
#d73bdc
```
#d73bdc rgb(215,59,220)
```
#df32e5
```
#df32e5 rgb(223,50,229)
```
#e829ee
```
#e829ee rgb(232,41,238)
```
#f020f7
```
#f020f7 rgb(240,32,247)
```

Tone Color Variation

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

Dichromacy

#4f8eff Protanopia 1% of men
#5e92e1 Deuteranopia 1% of men
#e06e74 Tritanopia 0.001% of the population

Trichromacy

#8966fc Protanomaly 1% of men, 0.01% of women
#9368e9 Deuteranomaly 6% of men, 0.4% of women
#e651a4 Tritanomaly 0.01% of the population

#f020f7 hex color

#f020f7 Color Information

#f020f7 Color Conversion

Color Schemes with #f020f7

Alternatives to #f020f7

#f020f7 Preview

Shades and Tints of #f020f7

Tones of #f020f7

Color Blindness Simulator