#f20cda hex color

In a RGB color space, hex #f20cda is composed of 94.9% red, 4.7% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95% magenta, 9.9% yellow and 5.1% black. It has a hue angle of 306.3 degrees, a saturation of 90.6% and a lightness of 49.8%. #f20cda color hex could be obtained by blending #ff18ff with #e500b5. Closest websafe color is: #ff00cc.

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

● #f20cda color description : Vivid magenta.

The hexadecimal color #f20cda has RGB values of R:242, G:12, B:218 and CMYK values of C:0, M:0.95, Y:0.1, K:0.05. Its decimal value is 15863002.

Hex triplet	f20cda	`#f20cda`
RGB Decimal	242, 12, 218	`rgb(242,12,218)`
RGB Percent	94.9, 4.7, 85.5	`rgb(94.9%,4.7%,85.5%)`
CMYK	0, 95, 10, 5
HSL	306.3°, 90.6, 49.8	`hsl(306.3,90.6%,49.8%)`
HSV (or HSB)	306.3°, 95, 94.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	56.294, 90.407, -46.641
XYZ	49.404, 24.206, 68.396
xyY	0.348, 0.17, 24.206
CIE-LCH	56.294, 101.729, 332.71
CIE-LUV	56.294, 89.348, -84.627
Hunter-Lab	49.2, 93.141, -47.984
Binary	11110010, 00001100, 11011010

#f20cda
```
#f20cda rgb(242,12,218)
```
#0cf224
```
#0cf224 rgb(12,242,36)
```

Complementary Color

#970cf2
```
#970cf2 rgb(151,12,242)
```
#f20cda
```
#f20cda rgb(242,12,218)
```
#f20c67
```
#f20c67 rgb(242,12,103)
```

Analogous Color

#0cf297
```
#0cf297 rgb(12,242,151)
```
#f20cda
```
#f20cda rgb(242,12,218)
```
#67f20c
```
#67f20c rgb(103,242,12)
```

Split Complementary Color

#0cdaf2
```
#0cdaf2 rgb(12,218,242)
```
#f20cda
```
#f20cda rgb(242,12,218)
```
#daf20c
```
#daf20c rgb(218,242,12)
```

Triadic Color

#240cf2
```
#240cf2 rgb(36,12,242)
```
#f20cda
```
#f20cda rgb(242,12,218)
```
#daf20c
```
#daf20c rgb(218,242,12)
```
#0cf224
```
#0cf224 rgb(12,242,36)
```

Tetradic Color

#a90898
```
#a90898 rgb(169,8,152)
```
#c10aae
```
#c10aae rgb(193,10,174)
```
#da0bc4
```
#da0bc4 rgb(218,11,196)
```
#f20cda
```
#f20cda rgb(242,12,218)
```
#f423de
```
#f423de rgb(244,35,222)
```
#f53ce2
```
#f53ce2 rgb(245,60,226)
```
#f754e6
```
#f754e6 rgb(247,84,230)
```

Monochromatic Color

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

#d10cf2
```
#d10cf2 rgb(209,12,242)
```
#e40cf2
```
#e40cf2 rgb(228,12,242)
```
#f20ced
```
#f20ced rgb(242,12,237)
```
#f20cda
```
#f20cda rgb(242,12,218)
```
#f20cc7
```
#f20cc7 rgb(242,12,199)
```
#f20cb4
```
#f20cb4 rgb(242,12,180)
```
#f20ca1
```
#f20ca1 rgb(242,12,161)
```

Similar Colors

Text with hexadecimal color #f20cda

This text has a font color of #f20cda.

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

#f20cda background color

This paragraph has a background color of #f20cda.

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

#f20cda border color

This element has a border color of #f20cda.

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

CSS codes

.text {color:#f20cda;}

.background {background-color:#f20cda;}

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

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

#120110
```
#120110 rgb(18,1,16)
```
#240221
```
#240221 rgb(36,2,33)
```
#370332
```
#370332 rgb(55,3,50)
```
#4a0442
```
#4a0442 rgb(74,4,66)
```
#5c0553
```
#5c0553 rgb(92,5,83)
```
#6f0664
```
#6f0664 rgb(111,6,100)
```
#820675
```
#820675 rgb(130,6,117)
```
#950786
```
#950786 rgb(149,7,134)
```
#a70897
```
#a70897 rgb(167,8,151)
```
#ba09a7
```
#ba09a7 rgb(186,9,167)
```
#cd0ab8
```
#cd0ab8 rgb(205,10,184)
```
#df0bc9
```
#df0bc9 rgb(223,11,201)
```
#f20cda
```
#f20cda rgb(242,12,218)
```

Shade Color Variation

#f41edd
```
#f41edd rgb(244,30,221)
```
#f530e0
```
#f530e0 rgb(245,48,224)
```
#f643e3
```
#f643e3 rgb(246,67,227)
```
#f756e6
```
#f756e6 rgb(247,86,230)
```
#f869e9
```
#f869e9 rgb(248,105,233)
```
#f87beb
```
#f87beb rgb(248,123,235)
```
#f98eee
```
#f98eee rgb(249,142,238)
```
#faa1f1
```
#faa1f1 rgb(250,161,241)
```
#fbb3f4
```
#fbb3f4 rgb(251,179,244)
```
#fcc6f7
```
#fcc6f7 rgb(252,198,247)
```
#fdd9f9
```
#fdd9f9 rgb(253,217,249)
```
#feebfc
```
#feebfc rgb(254,235,252)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#877785
```
#877785 rgb(135,119,133)
```
#906e8d
```
#906e8d rgb(144,110,141)
```
#9a6494
```
#9a6494 rgb(154,100,148)
```
#a45a9c
```
#a45a9c rgb(164,90,156)
```
#ae50a4
```
#ae50a4 rgb(174,80,164)
```
#b747ac
```
#b747ac rgb(183,71,172)
```
#c13db3
```
#c13db3 rgb(193,61,179)
```
#cb33bb
```
#cb33bb rgb(203,51,187)
```
#d529c3
```
#d529c3 rgb(213,41,195)
```
#de20cb
```
#de20cb rgb(222,32,203)
```
#e816d2
```
#e816d2 rgb(232,22,210)
```
#f20cda
```
#f20cda rgb(242,12,218)
```
#fc02e2
```
#fc02e2 rgb(252,2,226)
```

Tone Color Variation

Below, you can see how #f20cda 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
#84567f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e89ff Protanopia 1% of men
#738cc7 Deuteranopia 1% of men
#e65f64 Tritanopia 0.001% of the population

Trichromacy

#805bf1 Protanomaly 1% of men, 0.01% of women
#a15dce Deuteranomaly 6% of men, 0.4% of women
#ea418f Tritanomaly 0.01% of the population

#f20cda hex color

#f20cda Color Information

#f20cda Color Conversion

Color Schemes with #f20cda

Alternatives to #f20cda

#f20cda Preview

Shades and Tints of #f20cda

Tones of #f20cda

Color Blindness Simulator