#f20e6c hex color

In a RGB color space, hex #f20e6c is composed of 94.9% red, 5.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 94.2% magenta, 55.4% yellow and 5.1% black. It has a hue angle of 335.3 degrees, a saturation of 89.8% and a lightness of 50.2%. #f20e6c color hex could be obtained by blending #ff1cd8 with #e50000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 95
- G 5
- B 42
RGB color chart
- C 0
- M 94
- Y 55
- K 5
CMYK color chart

● #f20e6c color description : Vivid pink.

The hexadecimal color #f20e6c has RGB values of R:242, G:14, B:108 and CMYK values of C:0, M:0.94, Y:0.55, K:0.05. Its decimal value is 15863404.

Hex triplet	f20e6c	`#f20e6c`
RGB Decimal	242, 14, 108	`rgb(242,14,108)`
RGB Percent	94.9, 5.5, 42.4	`rgb(94.9%,5.5%,42.4%)`
CMYK	0, 94, 55, 5
HSL	335.3°, 89.8, 50.2	`hsl(335.3,89.8%,50.2%)`
HSV (or HSB)	335.3°, 94.2, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.151, 79.32, 11.914
XYZ	39.483, 20.279, 16.022
xyY	0.521, 0.268, 20.279
CIE-LCH	52.151, 80.21, 8.542
CIE-LUV	52.151, 139.205, -1.649
Hunter-Lab	45.032, 77.7, 10.428
Binary	11110010, 00001110, 01101100

#f20e6c
```
#f20e6c rgb(242,14,108)
```
#0ef294
```
#0ef294 rgb(14,242,148)
```

Complementary Color

#f20ede
```
#f20ede rgb(242,14,222)
```
#f20e6c
```
#f20e6c rgb(242,14,108)
```
#f2220e
```
#f2220e rgb(242,34,14)
```

Analogous Color

#0edef2
```
#0edef2 rgb(14,222,242)
```
#f20e6c
```
#f20e6c rgb(242,14,108)
```
#0ef222
```
#0ef222 rgb(14,242,34)
```

Split Complementary Color

#0e6cf2
```
#0e6cf2 rgb(14,108,242)
```
#f20e6c
```
#f20e6c rgb(242,14,108)
```
#6cf20e
```
#6cf20e rgb(108,242,14)
```

Triadic Color

#940ef2
```
#940ef2 rgb(148,14,242)
```
#f20e6c
```
#f20e6c rgb(242,14,108)
```
#6cf20e
```
#6cf20e rgb(108,242,14)
```
#0ef294
```
#0ef294 rgb(14,242,148)
```

Tetradic Color

#aa094c
```
#aa094c rgb(170,9,76)
```
#c30a56
```
#c30a56 rgb(195,10,86)
```
#db0c61
```
#db0c61 rgb(219,12,97)
```
#f20e6c
```
#f20e6c rgb(242,14,108)
```
#f3267b
```
#f3267b rgb(243,38,123)
```
#f53e8a
```
#f53e8a rgb(245,62,138)
```
#f65798
```
#f65798 rgb(246,87,152)
```

Monochromatic Color

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

#f20ea5
```
#f20ea5 rgb(242,14,165)
```
#f20e92
```
#f20e92 rgb(242,14,146)
```
#f20e7f
```
#f20e7f rgb(242,14,127)
```
#f20e6c
```
#f20e6c rgb(242,14,108)
```
#f20e59
```
#f20e59 rgb(242,14,89)
```
#f20e46
```
#f20e46 rgb(242,14,70)
```
#f20e33
```
#f20e33 rgb(242,14,51)
```

Similar Colors

Text with hexadecimal color #f20e6c

This text has a font color of #f20e6c.

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

#f20e6c background color

This paragraph has a background color of #f20e6c.

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

#f20e6c border color

This element has a border color of #f20e6c.

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

CSS codes

.text {color:#f20e6c;}

.background {background-color:#f20e6c;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140109
```
#140109 rgb(20,1,9)
```
#260211
```
#260211 rgb(38,2,17)
```
#390319
```
#390319 rgb(57,3,25)
```
#4b0421
```
#4b0421 rgb(75,4,33)
```
#5e052a
```
#5e052a rgb(94,5,42)
```
#710632
```
#710632 rgb(113,6,50)
```
#83073a
```
#83073a rgb(131,7,58)
```
#960843
```
#960843 rgb(150,8,67)
```
#a8094b
```
#a8094b rgb(168,9,75)
```
#bb0a53
```
#bb0a53 rgb(187,10,83)
```
#ce0b5b
```
#ce0b5b rgb(206,11,91)
```
#e00c64
```
#e00c64 rgb(224,12,100)
```

Shade Color Variation

#f20e6c
```
#f20e6c rgb(242,14,108)
```
#f32177
```
#f32177 rgb(243,33,119)
```
#f43383
```
#f43383 rgb(244,51,131)
```
#f5468e
```
#f5468e rgb(245,70,142)
```
#f65899
```
#f65899 rgb(246,88,153)
```
#f76ba5
```
#f76ba5 rgb(247,107,165)
```
#f87eb0
```
#f87eb0 rgb(248,126,176)
```
#f990bb
```
#f990bb rgb(249,144,187)
```
#faa3c7
```
#faa3c7 rgb(250,163,199)
```
#fbb6d2
```
#fbb6d2 rgb(251,182,210)
```
#fcc8de
```
#fcc8de rgb(252,200,222)
```
#fddbe9
```
#fddbe9 rgb(253,219,233)
```
#feedf4
```
#feedf4 rgb(254,237,244)
```

Tint Color Variation

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

#87797f
```
#87797f rgb(135,121,127)
```
#90707d
```
#90707d rgb(144,112,125)
```
#9a667b
```
#9a667b rgb(154,102,123)
```
#a45c7a
```
#a45c7a rgb(164,92,122)
```
#ae5278
```
#ae5278 rgb(174,82,120)
```
#b74976
```
#b74976 rgb(183,73,118)
```
#c13f75
```
#c13f75 rgb(193,63,117)
```
#cb3573
```
#cb3573 rgb(203,53,115)
```
#d52b71
```
#d52b71 rgb(213,43,113)
```
#de226f
```
#de226f rgb(222,34,111)
```
#e8186e
```
#e8186e rgb(232,24,110)
```
#f20e6c
```
#f20e6c rgb(242,14,108)
```
#fc046a
```
#fc046a rgb(252,4,106)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#7b4d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d829a Protanopia 1% of men
#997e65 Deuteranopia 1% of men
#f03535 Tritanopia 0.001% of the population

Trichromacy

#a75789 Protanomaly 1% of men, 0.01% of women
#b95568 Deuteranomaly 6% of men, 0.4% of women
#f02749 Tritanomaly 0.01% of the population

#f20e6c hex color

#f20e6c Color Information

#f20e6c Color Conversion

Color Schemes with #f20e6c

Alternatives to #f20e6c

#f20e6c Preview

Shades and Tints of #f20e6c

Tones of #f20e6c

Color Blindness Simulator