#f20dd5 hex color

In a RGB color space, hex #f20dd5 is composed of 94.9% red, 5.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.6% magenta, 12% yellow and 5.1% black. It has a hue angle of 307.6 degrees, a saturation of 89.8% and a lightness of 50%. #f20dd5 color hex could be obtained by blending #ff1aff with #e500ab. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 95
- G 5
- B 84
RGB color chart
- C 0
- M 95
- Y 12
- K 5
CMYK color chart

● #f20dd5 color description : Vivid magenta.

The hexadecimal color #f20dd5 has RGB values of R:242, G:13, B:213 and CMYK values of C:0, M:0.95, Y:0.12, K:0.05. Its decimal value is 15863253.

Hex triplet	f20dd5	`#f20dd5`
RGB Decimal	242, 13, 213	`rgb(242,13,213)`
RGB Percent	94.9, 5.1, 83.5	`rgb(94.9%,5.1%,83.5%)`
CMYK	0, 95, 12, 5
HSL	307.6°, 89.8, 50	`hsl(307.6,89.8%,50%)`
HSV (or HSB)	307.6°, 94.6, 94.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.061, 89.688, -44.164
XYZ	48.772, 23.973, 65.006
xyY	0.354, 0.174, 23.973
CIE-LCH	56.061, 99.972, 333.783
CIE-LUV	56.061, 91.449, -80.719
Hunter-Lab	48.962, 92.121, -44.444
Binary	11110010, 00001101, 11010101

#f20dd5
```
#f20dd5 rgb(242,13,213)
```
#0df22a
```
#0df22a rgb(13,242,42)
```

Complementary Color

#9d0df2
```
#9d0df2 rgb(157,13,242)
```
#f20dd5
```
#f20dd5 rgb(242,13,213)
```
#f20d63
```
#f20d63 rgb(242,13,99)
```

Analogous Color

#0df29d
```
#0df29d rgb(13,242,157)
```
#f20dd5
```
#f20dd5 rgb(242,13,213)
```
#63f20d
```
#63f20d rgb(99,242,13)
```

Split Complementary Color

#0dd5f2
```
#0dd5f2 rgb(13,213,242)
```
#f20dd5
```
#f20dd5 rgb(242,13,213)
```
#d5f20d
```
#d5f20d rgb(213,242,13)
```

Triadic Color

#2a0df2
```
#2a0df2 rgb(42,13,242)
```
#f20dd5
```
#f20dd5 rgb(242,13,213)
```
#d5f20d
```
#d5f20d rgb(213,242,13)
```
#0df22a
```
#0df22a rgb(13,242,42)
```

Tetradic Color

#a90995
```
#a90995 rgb(169,9,149)
```
#c20aaa
```
#c20aaa rgb(194,10,170)
```
#da0cc0
```
#da0cc0 rgb(218,12,192)
```
#f20dd5
```
#f20dd5 rgb(242,13,213)
```
#f325d9
```
#f325d9 rgb(243,37,217)
```
#f53ddd
```
#f53ddd rgb(245,61,221)
```
#f656e2
```
#f656e2 rgb(246,86,226)
```

Monochromatic Color

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

#d60df2
```
#d60df2 rgb(214,13,242)
```
#e90df2
```
#e90df2 rgb(233,13,242)
```
#f20de8
```
#f20de8 rgb(242,13,232)
```
#f20dd5
```
#f20dd5 rgb(242,13,213)
```
#f20dc2
```
#f20dc2 rgb(242,13,194)
```
#f20daf
```
#f20daf rgb(242,13,175)
```
#f20d9c
```
#f20d9c rgb(242,13,156)
```

Similar Colors

Text with hexadecimal color #f20dd5

This text has a font color of #f20dd5.

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

#f20dd5 background color

This paragraph has a background color of #f20dd5.

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

#f20dd5 border color

This element has a border color of #f20dd5.

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

CSS codes

.text {color:#f20dd5;}

.background {background-color:#f20dd5;}

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

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

#130110
```
#130110 rgb(19,1,16)
```
#250221
```
#250221 rgb(37,2,33)
```
#380331
```
#380331 rgb(56,3,49)
```
#4a0442
```
#4a0442 rgb(74,4,66)
```
#5d0552
```
#5d0552 rgb(93,5,82)
```
#700662
```
#700662 rgb(112,6,98)
```
#820773
```
#820773 rgb(130,7,115)
```
#950883
```
#950883 rgb(149,8,131)
```
#a80993
```
#a80993 rgb(168,9,147)
```
#ba0aa4
```
#ba0aa4 rgb(186,10,164)
```
#cd0bb4
```
#cd0bb4 rgb(205,11,180)
```
#df0cc5
```
#df0cc5 rgb(223,12,197)
```
#f20dd5
```
#f20dd5 rgb(242,13,213)
```

Shade Color Variation

#f320d8
```
#f320d8 rgb(243,32,216)
```
#f432db
```
#f432db rgb(244,50,219)
```
#f545df
```
#f545df rgb(245,69,223)
```
#f657e2
```
#f657e2 rgb(246,87,226)
```
#f76ae5
```
#f76ae5 rgb(247,106,229)
```
#f87de8
```
#f87de8 rgb(248,125,232)
```
#f98fec
```
#f98fec rgb(249,143,236)
```
#faa2ef
```
#faa2ef rgb(250,162,239)
```
#fbb5f2
```
#fbb5f2 rgb(251,181,242)
```
#fcc7f5
```
#fcc7f5 rgb(252,199,245)
```
#fddaf9
```
#fddaf9 rgb(253,218,249)
```
#feecfc
```
#feecfc rgb(254,236,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#867984
```
#867984 rgb(134,121,132)
```
#906f8c
```
#906f8c rgb(144,111,140)
```
#9a6593
```
#9a6593 rgb(154,101,147)
```
#a45b9a
```
#a45b9a rgb(164,91,154)
```
#ad52a2
```
#ad52a2 rgb(173,82,162)
```
#b748a9
```
#b748a9 rgb(183,72,169)
```
#c13eb0
```
#c13eb0 rgb(193,62,176)
```
#cb34b8
```
#cb34b8 rgb(203,52,184)
```
#d52abf
```
#d52abf rgb(213,42,191)
```
#de21c6
```
#de21c6 rgb(222,33,198)
```
#e817ce
```
#e817ce rgb(232,23,206)
```
#f20dd5
```
#f20dd5 rgb(242,13,213)
```
#fc03dc
```
#fc03dc rgb(252,3,220)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#84567e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c88ff Protanopia 1% of men
#768bc3 Deuteranopia 1% of men
#e75d62 Tritanopia 0.001% of the population

Trichromacy

#7e5bef Protanomaly 1% of men, 0.01% of women
#a35dc9 Deuteranomaly 6% of men, 0.4% of women
#eb408c Tritanomaly 0.01% of the population

#f20dd5 hex color

#f20dd5 Color Information

#f20dd5 Color Conversion

Color Schemes with #f20dd5

Alternatives to #f20dd5

#f20dd5 Preview

Shades and Tints of #f20dd5

Tones of #f20dd5

Color Blindness Simulator