#f20c5f hex color

In a RGB color space, hex #f20c5f is composed of 94.9% red, 4.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95% magenta, 60.7% yellow and 5.1% black. It has a hue angle of 338.3 degrees, a saturation of 90.6% and a lightness of 49.8%. #f20c5f color hex could be obtained by blending #ff18be with #e50000. Closest websafe color is: #ff0066.

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

● #f20c5f color description : Vivid pink.

The hexadecimal color #f20c5f has RGB values of R:242, G:12, B:95 and CMYK values of C:0, M:0.95, Y:0.61, K:0.05. Its decimal value is 15862879.

Hex triplet	f20c5f	`#f20c5f`
RGB Decimal	242, 12, 95	`rgb(242,12,95)`
RGB Percent	94.9, 4.7, 37.3	`rgb(94.9%,4.7%,37.3%)`
CMYK	0, 95, 61, 5
HSL	338.3°, 90.6, 49.8	`hsl(338.3,90.6%,49.8%)`
HSV (or HSB)	338.3°, 95, 94.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.805, 78.701, 19.348
XYZ	38.817, 19.971, 12.637
xyY	0.543, 0.28, 19.971
CIE-LCH	51.805, 81.045, 13.812
CIE-LUV	51.805, 144.646, 6.279
Hunter-Lab	44.689, 76.838, 14.517
Binary	11110010, 00001100, 01011111

#f20c5f
```
#f20c5f rgb(242,12,95)
```
#0cf29f
```
#0cf29f rgb(12,242,159)
```

Complementary Color

#f20cd2
```
#f20cd2 rgb(242,12,210)
```
#f20c5f
```
#f20c5f rgb(242,12,95)
```
#f22c0c
```
#f22c0c rgb(242,44,12)
```

Analogous Color

#0cd2f2
```
#0cd2f2 rgb(12,210,242)
```
#f20c5f
```
#f20c5f rgb(242,12,95)
```
#0cf22c
```
#0cf22c rgb(12,242,44)
```

Split Complementary Color

#0c5ff2
```
#0c5ff2 rgb(12,95,242)
```
#f20c5f
```
#f20c5f rgb(242,12,95)
```
#5ff20c
```
#5ff20c rgb(95,242,12)
```

Triadic Color

#9f0cf2
```
#9f0cf2 rgb(159,12,242)
```
#f20c5f
```
#f20c5f rgb(242,12,95)
```
#5ff20c
```
#5ff20c rgb(95,242,12)
```
#0cf29f
```
#0cf29f rgb(12,242,159)
```

Tetradic Color

#a90842
```
#a90842 rgb(169,8,66)
```
#c10a4c
```
#c10a4c rgb(193,10,76)
```
#da0b55
```
#da0b55 rgb(218,11,85)
```
#f20c5f
```
#f20c5f rgb(242,12,95)
```
#f4236f
```
#f4236f rgb(244,35,111)
```
#f53c7f
```
#f53c7f rgb(245,60,127)
```
#f7548f
```
#f7548f rgb(247,84,143)
```

Monochromatic Color

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

#f20c99
```
#f20c99 rgb(242,12,153)
```
#f20c85
```
#f20c85 rgb(242,12,133)
```
#f20c72
```
#f20c72 rgb(242,12,114)
```
#f20c5f
```
#f20c5f rgb(242,12,95)
```
#f20c4c
```
#f20c4c rgb(242,12,76)
```
#f20c39
```
#f20c39 rgb(242,12,57)
```
#f20c26
```
#f20c26 rgb(242,12,38)
```

Similar Colors

Text with hexadecimal color #f20c5f

This text has a font color of #f20c5f.

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

#f20c5f background color

This paragraph has a background color of #f20c5f.

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

#f20c5f border color

This element has a border color of #f20c5f.

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

CSS codes

.text {color:#f20c5f;}

.background {background-color:#f20c5f;}

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

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

#120107
```
#120107 rgb(18,1,7)
```
#24020e
```
#24020e rgb(36,2,14)
```
#370316
```
#370316 rgb(55,3,22)
```
#4a041d
```
#4a041d rgb(74,4,29)
```
#5c0524
```
#5c0524 rgb(92,5,36)
```
#6f062c
```
#6f062c rgb(111,6,44)
```
#820633
```
#820633 rgb(130,6,51)
```
#95073a
```
#95073a rgb(149,7,58)
```
#a70842
```
#a70842 rgb(167,8,66)
```
#ba0949
```
#ba0949 rgb(186,9,73)
```
#cd0a50
```
#cd0a50 rgb(205,10,80)
```
#df0b58
```
#df0b58 rgb(223,11,88)
```
#f20c5f
```
#f20c5f rgb(242,12,95)
```

Shade Color Variation

#f41e6b
```
#f41e6b rgb(244,30,107)
```
#f53077
```
#f53077 rgb(245,48,119)
```
#f64384
```
#f64384 rgb(246,67,132)
```
#f75690
```
#f75690 rgb(247,86,144)
```
#f8699c
```
#f8699c rgb(248,105,156)
```
#f87ba8
```
#f87ba8 rgb(248,123,168)
```
#f98eb5
```
#f98eb5 rgb(249,142,181)
```
#faa1c1
```
#faa1c1 rgb(250,161,193)
```
#fbb3cd
```
#fbb3cd rgb(251,179,205)
```
#fcc6da
```
#fcc6da rgb(252,198,218)
```
#fdd9e6
```
#fdd9e6 rgb(253,217,230)
```
#feebf2
```
#feebf2 rgb(254,235,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#87777d
```
#87777d rgb(135,119,125)
```
#906e7a
```
#906e7a rgb(144,110,122)
```
#9a6477
```
#9a6477 rgb(154,100,119)
```
#a45a75
```
#a45a75 rgb(164,90,117)
```
#ae5072
```
#ae5072 rgb(174,80,114)
```
#b7476f
```
#b7476f rgb(183,71,111)
```
#c13d6d
```
#c13d6d rgb(193,61,109)
```
#cb336a
```
#cb336a rgb(203,51,106)
```
#d52967
```
#d52967 rgb(213,41,103)
```
#de2064
```
#de2064 rgb(222,32,100)
```
#e81662
```
#e81662 rgb(232,22,98)
```
#f20c5f
```
#f20c5f rgb(242,12,95)
```
#fc025c
```
#fc025c rgb(252,2,92)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#784a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#81818b Protanopia 1% of men
#9b7d59 Deuteranopia 1% of men
#f0302f Tritanopia 0.001% of the population

Trichromacy

#aa567b Protanomaly 1% of men, 0.01% of women
#ba535b Deuteranomaly 6% of men, 0.4% of women
#f12340 Tritanomaly 0.01% of the population

#f20c5f hex color

#f20c5f Color Information

#f20c5f Color Conversion

Color Schemes with #f20c5f

Alternatives to #f20c5f

#f20c5f Preview

Shades and Tints of #f20c5f

Tones of #f20c5f

Color Blindness Simulator