#fd20f2 hex color

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

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

● #fd20f2 color description : Vivid magenta.

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

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

CIE-LAB	60.186, 93.383, -53.85
XYZ	57.051, 28.331, 86.463
xyY	0.332, 0.165, 28.331
CIE-LCH	60.186, 107.797, 330.03
CIE-LUV	60.186, 86.035, -97.353
Hunter-Lab	53.227, 98.178, -59.054
Binary	11111101, 00100000, 11110010

#fd20f2
```
#fd20f2 rgb(253,32,242)
```
#20fd2b
```
#20fd2b rgb(32,253,43)
```

Complementary Color

#9a20fd
```
#9a20fd rgb(154,32,253)
```
#fd20f2
```
#fd20f2 rgb(253,32,242)
```
#fd2084
```
#fd2084 rgb(253,32,132)
```

Analogous Color

#20fd9a
```
#20fd9a rgb(32,253,154)
```
#fd20f2
```
#fd20f2 rgb(253,32,242)
```
#84fd20
```
#84fd20 rgb(132,253,32)
```

Split Complementary Color

#20f2fd
```
#20f2fd rgb(32,242,253)
```
#fd20f2
```
#fd20f2 rgb(253,32,242)
```
#f2fd20
```
#f2fd20 rgb(242,253,32)
```

Triadic Color

#2b20fd
```
#2b20fd rgb(43,32,253)
```
#fd20f2
```
#fd20f2 rgb(253,32,242)
```
#f2fd20
```
#f2fd20 rgb(242,253,32)
```
#20fd2b
```
#20fd2b rgb(32,253,43)
```

Tetradic Color

#cf02c4
```
#cf02c4 rgb(207,2,196)
```
#e802dc
```
#e802dc rgb(232,2,220)
```
#fd07f1
```
#fd07f1 rgb(253,7,241)
```
#fd20f2
```
#fd20f2 rgb(253,32,242)
```
#fd39f3
```
#fd39f3 rgb(253,57,243)
```
#fd53f5
```
#fd53f5 rgb(253,83,245)
```
#fe6cf6
```
#fe6cf6 rgb(254,108,246)
```

Monochromatic Color

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

#d120fd
```
#d120fd rgb(209,32,253)
```
#e320fd
```
#e320fd rgb(227,32,253)
```
#f620fd
```
#f620fd rgb(246,32,253)
```
#fd20f2
```
#fd20f2 rgb(253,32,242)
```
#fd20e0
```
#fd20e0 rgb(253,32,224)
```
#fd20cd
```
#fd20cd rgb(253,32,205)
```
#fd20bb
```
#fd20bb rgb(253,32,187)
```

Similar Colors

Text with hexadecimal color #fd20f2

This text has a font color of #fd20f2.

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

#fd20f2 background color

This paragraph has a background color of #fd20f2.

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

#fd20f2 border color

This element has a border color of #fd20f2.

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

CSS codes

.text {color:#fd20f2;}

.background {background-color:#fd20f2;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1e001c
```
#1e001c rgb(30,0,28)
```
#31002f
```
#31002f rgb(49,0,47)
```
#450141
```
#450141 rgb(69,1,65)
```
#580154
```
#580154 rgb(88,1,84)
```
#6b0166
```
#6b0166 rgb(107,1,102)
```
#7f0179
```
#7f0179 rgb(127,1,121)
```
#92018b
```
#92018b rgb(146,1,139)
```
#a6019e
```
#a6019e rgb(166,1,158)
```
#b902b0
```
#b902b0 rgb(185,2,176)
```
#cd02c3
```
#cd02c3 rgb(205,2,195)
```
#e002d5
```
#e002d5 rgb(224,2,213)
```
#f402e8
```
#f402e8 rgb(244,2,232)
```

Shade Color Variation

#fd0df1
```
#fd0df1 rgb(253,13,241)
```
#fd20f2
```
#fd20f2 rgb(253,32,242)
```
#fd33f3
```
#fd33f3 rgb(253,51,243)
```
#fd47f4
```
#fd47f4 rgb(253,71,244)
```
#fe5af5
```
#fe5af5 rgb(254,90,245)
```
#fe6ef7
```
#fe6ef7 rgb(254,110,247)
```
#fe81f8
```
#fe81f8 rgb(254,129,248)
```
#fe95f9
```
#fe95f9 rgb(254,149,249)
```
#fea8fa
```
#fea8fa rgb(254,168,250)
```
#febcfb
```
#febcfb rgb(254,188,251)
```
#ffcffc
```
#ffcffc rgb(255,207,252)
```
#ffe2fd
```
#ffe2fd rgb(255,226,253)
```
#fff6fe
```
#fff6fe rgb(255,246,254)
```

Tint Color Variation

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

#958894
```
#958894 rgb(149,136,148)
```
#9e7f9c
```
#9e7f9c rgb(158,127,156)
```
#a677a4
```
#a677a4 rgb(166,119,164)
```
#af6eac
```
#af6eac rgb(175,110,172)
```
#b865b4
```
#b865b4 rgb(184,101,180)
```
#c05dbb
```
#c05dbb rgb(192,93,187)
```
#c954c3
```
#c954c3 rgb(201,84,195)
```
#d24bcb
```
#d24bcb rgb(210,75,203)
```
#da43d3
```
#da43d3 rgb(218,67,211)
```
#e33adb
```
#e33adb rgb(227,58,219)
```
#ec31e2
```
#ec31e2 rgb(236,49,226)
```
#f429ea
```
#f429ea rgb(244,41,234)
```
#fd20f2
```
#fd20f2 rgb(253,32,242)
```

Tone Color Variation

Below, you can see how #fd20f2 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
#7296dc Deuteranopia 1% of men
#ee6c72 Tritanopia 0.001% of the population

Trichromacy

#9669fa Protanomaly 1% of men, 0.01% of women
#a46be4 Deuteranomaly 6% of men, 0.4% of women
#f350a1 Tritanomaly 0.01% of the population

#fd20f2 hex color

#fd20f2 Color Information

#fd20f2 Color Conversion

Color Schemes with #fd20f2

Alternatives to #fd20f2

#fd20f2 Preview

Shades and Tints of #fd20f2

Tones of #fd20f2

Color Blindness Simulator