#fd20f4 hex color

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

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

● #fd20f4 color description : Vivid magenta.

The hexadecimal color #fd20f4 has RGB values of R:253, G:32, B:244 and CMYK values of C:0, M:0.87, Y:0.04, K:0.01. Its decimal value is 16589044.

Hex triplet	fd20f4	`#fd20f4`
RGB Decimal	253, 32, 244	`rgb(253,32,244)`
RGB Percent	99.2, 12.5, 95.7	`rgb(99.2%,12.5%,95.7%)`
CMYK	0, 87, 4, 1
HSL	302.4°, 98.2, 55.9	`hsl(302.4,98.2%,55.9%)`
HSV (or HSB)	302.4°, 87.4, 99.2
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.294, 93.659, -54.792
XYZ	57.353, 28.451, 88.054
xyY	0.33, 0.164, 28.451
CIE-LCH	60.294, 108.509, 329.672
CIE-LUV	60.294, 85.235, -98.87
Hunter-Lab	53.34, 98.584, -60.539
Binary	11111101, 00100000, 11110100

#fd20f4
```
#fd20f4 rgb(253,32,244)
```
#20fd29
```
#20fd29 rgb(32,253,41)
```

Complementary Color

#9820fd
```
#9820fd rgb(152,32,253)
```
#fd20f4
```
#fd20f4 rgb(253,32,244)
```
#fd2086
```
#fd2086 rgb(253,32,134)
```

Analogous Color

#20fd98
```
#20fd98 rgb(32,253,152)
```
#fd20f4
```
#fd20f4 rgb(253,32,244)
```
#86fd20
```
#86fd20 rgb(134,253,32)
```

Split Complementary Color

#20f4fd
```
#20f4fd rgb(32,244,253)
```
#fd20f4
```
#fd20f4 rgb(253,32,244)
```
#f4fd20
```
#f4fd20 rgb(244,253,32)
```

Triadic Color

#2920fd
```
#2920fd rgb(41,32,253)
```
#fd20f4
```
#fd20f4 rgb(253,32,244)
```
#f4fd20
```
#f4fd20 rgb(244,253,32)
```
#20fd29
```
#20fd29 rgb(32,253,41)
```

Tetradic Color

#cf02c6
```
#cf02c6 rgb(207,2,198)
```
#e802df
```
#e802df rgb(232,2,223)
```
#fd07f3
```
#fd07f3 rgb(253,7,243)
```
#fd20f4
```
#fd20f4 rgb(253,32,244)
```
#fd39f5
```
#fd39f5 rgb(253,57,245)
```
#fd53f6
```
#fd53f6 rgb(253,83,246)
```
#fe6cf8
```
#fe6cf8 rgb(254,108,248)
```

Monochromatic Color

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

#cf20fd
```
#cf20fd rgb(207,32,253)
```
#e120fd
```
#e120fd rgb(225,32,253)
```
#f420fd
```
#f420fd rgb(244,32,253)
```
#fd20f4
```
#fd20f4 rgb(253,32,244)
```
#fd20e2
```
#fd20e2 rgb(253,32,226)
```
#fd20cf
```
#fd20cf rgb(253,32,207)
```
#fd20bd
```
#fd20bd rgb(253,32,189)
```

Similar Colors

Text with hexadecimal color #fd20f4

This text has a font color of #fd20f4.

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

#fd20f4 background color

This paragraph has a background color of #fd20f4.

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

#fd20f4 border color

This element has a border color of #fd20f4.

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

CSS codes

.text {color:#fd20f4;}

.background {background-color:#fd20f4;}

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

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 #fff6ff is the lightest one.

#0a000a
```
#0a000a rgb(10,0,10)
```
#1e001d
```
#1e001d rgb(30,0,29)
```
#31002f
```
#31002f rgb(49,0,47)
```
#450142
```
#450142 rgb(69,1,66)
```
#580155
```
#580155 rgb(88,1,85)
```
#6b0167
```
#6b0167 rgb(107,1,103)
```
#7f017a
```
#7f017a rgb(127,1,122)
```
#92018c
```
#92018c rgb(146,1,140)
```
#a6019f
```
#a6019f rgb(166,1,159)
```
#b902b2
```
#b902b2 rgb(185,2,178)
```
#cd02c4
```
#cd02c4 rgb(205,2,196)
```
#e002d7
```
#e002d7 rgb(224,2,215)
```
#f402ea
```
#f402ea rgb(244,2,234)
```

Shade Color Variation

#fd0df3
```
#fd0df3 rgb(253,13,243)
```
#fd20f4
```
#fd20f4 rgb(253,32,244)
```
#fd33f5
```
#fd33f5 rgb(253,51,245)
```
#fd47f6
```
#fd47f6 rgb(253,71,246)
```
#fe5af7
```
#fe5af7 rgb(254,90,247)
```
#fe6ef8
```
#fe6ef8 rgb(254,110,248)
```
#fe81f9
```
#fe81f9 rgb(254,129,249)
```
#fe95fa
```
#fe95fa rgb(254,149,250)
```
#fea8fb
```
#fea8fb rgb(254,168,251)
```
#febcfc
```
#febcfc rgb(254,188,252)
```
#ffcffd
```
#ffcffd rgb(255,207,253)
```
#ffe2fe
```
#ffe2fe rgb(255,226,254)
```
#fff6ff
```
#fff6ff rgb(255,246,255)
```

Tint Color Variation

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

#958895
```
#958895 rgb(149,136,149)
```
#9e7f9d
```
#9e7f9d rgb(158,127,157)
```
#a677a5
```
#a677a5 rgb(166,119,165)
```
#af6eac
```
#af6eac rgb(175,110,172)
```
#b865b4
```
#b865b4 rgb(184,101,180)
```
#c05dbc
```
#c05dbc rgb(192,93,188)
```
#c954c4
```
#c954c4 rgb(201,84,196)
```
#d24bcc
```
#d24bcc rgb(210,75,204)
```
#da43d4
```
#da43d4 rgb(218,67,212)
```
#e33adc
```
#e33adc rgb(227,58,220)
```
#ec31e4
```
#ec31e4 rgb(236,49,228)
```
#f429ec
```
#f429ec rgb(244,41,236)
```
#fd20f4
```
#fd20f4 rgb(253,32,244)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#946892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c93ff Protanopia 1% of men
#7096de Deuteranopia 1% of men
#ee6d73 Tritanopia 0.001% of the population

Trichromacy

#9769fb Protanomaly 1% of men, 0.01% of women
#a36be6 Deuteranomaly 6% of men, 0.4% of women
#f351a2 Tritanomaly 0.01% of the population

#fd20f4 hex color

#fd20f4 Color Information

#fd20f4 Color Conversion

Color Schemes with #fd20f4

Alternatives to #fd20f4

#fd20f4 Preview

Shades and Tints of #fd20f4

Tones of #fd20f4

Color Blindness Simulator