colorhexa.com

#f420fc hex color

In a RGB color space, hex #f420fc is composed of 95.7% red, 12.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 87.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 297.8 degrees, a saturation of 97.3% and a lightness of 55.7%. #f420fc color hex could be obtained by blending #ff40ff with #e900f9. Closest websafe color is: #ff33ff.

- R 96
- G 13
- B 99
RGB color chart
- C 3
- M 87
- Y 0
- K 1
CMYK color chart

● #f420fc color description : Vivid magenta.

The hexadecimal color #f420fc has RGB values of R:244, G:32, B:252 and CMYK values of C:0.03, M:0.87, Y:0, K:0.01. Its decimal value is 15999228.

Hex triplet	f420fc	`#f420fc`
RGB Decimal	244, 32, 252	`rgb(244,32,252)`
RGB Percent	95.7, 12.5, 98.8	`rgb(95.7%,12.5%,98.8%)`
CMYK	3, 87, 0, 1
HSL	297.8°, 97.3, 55.7	`hsl(297.8,97.3%,55.7%)`
HSV (or HSB)	297.8°, 87.3, 98.8
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	59.249, 93.299, -60.995
XYZ	55.394, 27.298, 94.442
xyY	0.313, 0.154, 27.298
CIE-LCH	59.249, 111.468, 326.825
CIE-LUV	59.249, 75.722, -107.808
Hunter-Lab	52.247, 97.817, -70.598
Binary	11110100, 00100000, 11111100

#f420fc
```
#f420fc rgb(244,32,252)
```
#28fc20
```
#28fc20 rgb(40,252,32)
```

Complementary Color

#8620fc
```
#8620fc rgb(134,32,252)
```
#f420fc
```
#f420fc rgb(244,32,252)
```
#fc2096
```
#fc2096 rgb(252,32,150)
```

Analogous Color

#20fc86
```
#20fc86 rgb(32,252,134)
```
#f420fc
```
#f420fc rgb(244,32,252)
```
#96fc20
```
#96fc20 rgb(150,252,32)
```

Split Complementary Color

#20fcf4
```
#20fcf4 rgb(32,252,244)
```
#f420fc
```
#f420fc rgb(244,32,252)
```
#fcf420
```
#fcf420 rgb(252,244,32)
```

Triadic Color

#2028fc
```
#2028fc rgb(32,40,252)
```
#f420fc
```
#f420fc rgb(244,32,252)
```
#fcf420
```
#fcf420 rgb(252,244,32)
```
#28fc20
```
#28fc20 rgb(40,252,32)
```

Tetradic Color

#c503cd
```
#c503cd rgb(197,3,205)
```
#de03e6
```
#de03e6 rgb(222,3,230)
```
#f307fc
```
#f307fc rgb(243,7,252)
```
#f420fc
```
#f420fc rgb(244,32,252)
```
#f539fc
```
#f539fc rgb(245,57,252)
```
#f652fd
```
#f652fd rgb(246,82,253)
```
#f86bfd
```
#f86bfd rgb(248,107,253)
```

Monochromatic Color

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

#bd20fc
```
#bd20fc rgb(189,32,252)
```
#cf20fc
```
#cf20fc rgb(207,32,252)
```
#e220fc
```
#e220fc rgb(226,32,252)
```
#f420fc
```
#f420fc rgb(244,32,252)
```
#fc20f2
```
#fc20f2 rgb(252,32,242)
```
#fc20df
```
#fc20df rgb(252,32,223)
```
#fc20cd
```
#fc20cd rgb(252,32,205)
```

Similar Colors

Text with hexadecimal color #f420fc

This text has a font color of #f420fc.

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

#f420fc background color

This paragraph has a background color of #f420fc.

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

#f420fc border color

This element has a border color of #f420fc.

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

CSS codes

.text {color:#f420fc;}

.background {background-color:#f420fc;}

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

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

#090009
```
#090009 rgb(9,0,9)
```
#1c001d
```
#1c001d rgb(28,0,29)
```
#2e0130
```
#2e0130 rgb(46,1,48)
```
#410143
```
#410143 rgb(65,1,67)
```
#540157
```
#540157 rgb(84,1,87)
```
#66016a
```
#66016a rgb(102,1,106)
```
#79027d
```
#79027d rgb(121,2,125)
```
#8c0291
```
#8c0291 rgb(140,2,145)
```
#9e02a4
```
#9e02a4 rgb(158,2,164)
```
#b102b7
```
#b102b7 rgb(177,2,183)
```
#c403cb
```
#c403cb rgb(196,3,203)
```
#d603de
```
#d603de rgb(214,3,222)
```
#e903f2
```
#e903f2 rgb(233,3,242)
```

Shade Color Variation

#f30dfc
```
#f30dfc rgb(243,13,252)
```
#f420fc
```
#f420fc rgb(244,32,252)
```
#f533fc
```
#f533fc rgb(245,51,252)
```
#f647fd
```
#f647fd rgb(246,71,253)
```
#f75afd
```
#f75afd rgb(247,90,253)
```
#f86dfd
```
#f86dfd rgb(248,109,253)
```
#f981fd
```
#f981fd rgb(249,129,253)
```
#fa94fe
```
#fa94fe rgb(250,148,254)
```
#fba7fe
```
#fba7fe rgb(251,167,254)
```
#fcbbfe
```
#fcbbfe rgb(252,187,254)
```
#fdcefe
```
#fdcefe rgb(253,206,254)
```
#fee2ff
```
#fee2ff rgb(254,226,255)
```
#fff5ff
```
#fff5ff rgb(255,245,255)
```

Tint Color Variation

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

#938894
```
#938894 rgb(147,136,148)
```
#9b809c
```
#9b809c rgb(155,128,156)
```
#a377a5
```
#a377a5 rgb(163,119,165)
```
#ab6eae
```
#ab6eae rgb(171,110,174)
```
#b466b6
```
#b466b6 rgb(180,102,182)
```
#bc5dbf
```
#bc5dbf rgb(188,93,191)
```
#c454c8
```
#c454c8 rgb(196,84,200)
```
#cc4bd1
```
#cc4bd1 rgb(204,75,209)
```
#d443d9
```
#d443d9 rgb(212,67,217)
```
#dc3ae2
```
#dc3ae2 rgb(220,58,226)
```
#e431eb
```
#e431eb rgb(228,49,235)
```
#ec29f3
```
#ec29f3 rgb(236,41,243)
```
#f420fc
```
#f420fc rgb(244,32,252)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#916692 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5591ff Protanopia 1% of men
#5f94e5 Deuteranopia 1% of men
#e37077 Tritanopia 0.001% of the population

Trichromacy

#8f68fd Protanomaly 1% of men, 0.01% of women
#956aed Deuteranomaly 6% of men, 0.4% of women
#e952a7 Tritanomaly 0.01% of the population