#f20ac2 hex color

In a RGB color space, hex #f20ac2 is composed of 94.9% red, 3.9% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95.9% magenta, 19.8% yellow and 5.1% black. It has a hue angle of 312.4 degrees, a saturation of 92.1% and a lightness of 49.4%. #f20ac2 color hex could be obtained by blending #ff14ff with #e50085. Closest websafe color is: #ff00cc.

♥
- f
- t
- g
- R 95
- G 4
- B 76
RGB color chart
- C 0
- M 96
- Y 20
- K 5
CMYK color chart

● #f20ac2 color description : Vivid magenta.

The hexadecimal color #f20ac2 has RGB values of R:242, G:10, B:194 and CMYK values of C:0, M:0.96, Y:0.2, K:0.05. Its decimal value is 15862466.

Hex triplet	f20ac2	`#f20ac2`
RGB Decimal	242, 10, 194	`rgb(242,10,194)`
RGB Percent	94.9, 3.9, 76.1	`rgb(94.9%,3.9%,76.1%)`
CMYK	0, 96, 20, 5
HSL	312.4°, 92.1, 49.4	`hsl(312.4,92.1%,49.4%)`
HSV (or HSB)	312.4°, 95.9, 94.9
Web Safe	ff00cc	`#ff00cc`

CIE-LAB	55.066, 87.562, -34.826
XYZ	46.464, 22.994, 53.027
xyY	0.379, 0.188, 22.994
CIE-LCH	55.066, 94.234, 338.311
CIE-LUV	55.066, 100.081, -66.134
Hunter-Lab	47.952, 89.048, -32
Binary	11110010, 00001010, 11000010

#f20ac2
```
#f20ac2 rgb(242,10,194)
```
#0af23a
```
#0af23a rgb(10,242,58)
```

Complementary Color

#ae0af2
```
#ae0af2 rgb(174,10,242)
```
#f20ac2
```
#f20ac2 rgb(242,10,194)
```
#f20a4e
```
#f20a4e rgb(242,10,78)
```

Analogous Color

#0af2ae
```
#0af2ae rgb(10,242,174)
```
#f20ac2
```
#f20ac2 rgb(242,10,194)
```
#4ef20a
```
#4ef20a rgb(78,242,10)
```

Split Complementary Color

#0ac2f2
```
#0ac2f2 rgb(10,194,242)
```
#f20ac2
```
#f20ac2 rgb(242,10,194)
```
#c2f20a
```
#c2f20a rgb(194,242,10)
```

Triadic Color

#3a0af2
```
#3a0af2 rgb(58,10,242)
```
#f20ac2
```
#f20ac2 rgb(242,10,194)
```
#c2f20a
```
#c2f20a rgb(194,242,10)
```
#0af23a
```
#0af23a rgb(10,242,58)
```

Tetradic Color

#a90787
```
#a90787 rgb(169,7,135)
```
#c1089b
```
#c1089b rgb(193,8,155)
```
#da09ae
```
#da09ae rgb(218,9,174)
```
#f20ac2
```
#f20ac2 rgb(242,10,194)
```
#f620c9
```
#f620c9 rgb(246,32,201)
```
#f738cf
```
#f738cf rgb(247,56,207)
```
#f851d5
```
#f851d5 rgb(248,81,213)
```

Monochromatic Color

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

#e80af2
```
#e80af2 rgb(232,10,242)
```
#f20ae9
```
#f20ae9 rgb(242,10,233)
```
#f20ad5
```
#f20ad5 rgb(242,10,213)
```
#f20ac2
```
#f20ac2 rgb(242,10,194)
```
#f20aaf
```
#f20aaf rgb(242,10,175)
```
#f20a9b
```
#f20a9b rgb(242,10,155)
```
#f20a88
```
#f20a88 rgb(242,10,136)
```

Similar Colors

Text with hexadecimal color #f20ac2

This text has a font color of #f20ac2.

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

#f20ac2 background color

This paragraph has a background color of #f20ac2.

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

#f20ac2 border color

This element has a border color of #f20ac2.

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

CSS codes

.text {color:#f20ac2;}

.background {background-color:#f20ac2;}

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

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, #10010d is the darkest color, while #fffcfe is the lightest one.

#10010d
```
#10010d rgb(16,1,13)
```
#23011c
```
#23011c rgb(35,1,28)
```
#36022b
```
#36022b rgb(54,2,43)
```
#48033a
```
#48033a rgb(72,3,58)
```
#5b0449
```
#5b0449 rgb(91,4,73)
```
#6e0558
```
#6e0558 rgb(110,5,88)
```
#810567
```
#810567 rgb(129,5,103)
```
#940676
```
#940676 rgb(148,6,118)
```
#a70786
```
#a70786 rgb(167,7,134)
```
#b90895
```
#b90895 rgb(185,8,149)
```
#cc08a4
```
#cc08a4 rgb(204,8,164)
```
#df09b3
```
#df09b3 rgb(223,9,179)
```
#f20ac2
```
#f20ac2 rgb(242,10,194)
```

Shade Color Variation

#f61ac8
```
#f61ac8 rgb(246,26,200)
```
#f62dcd
```
#f62dcd rgb(246,45,205)
```
#f740d1
```
#f740d1 rgb(247,64,209)
```
#f853d6
```
#f853d6 rgb(248,83,214)
```
#f965da
```
#f965da rgb(249,101,218)
```
#f978df
```
#f978df rgb(249,120,223)
```
#fa8be3
```
#fa8be3 rgb(250,139,227)
```
#fb9ee8
```
#fb9ee8 rgb(251,158,232)
```
#fcb1ec
```
#fcb1ec rgb(252,177,236)
```
#fdc4f1
```
#fdc4f1 rgb(253,196,241)
```
#fdd6f5
```
#fdd6f5 rgb(253,214,245)
```
#fee9fa
```
#fee9fa rgb(254,233,250)
```
#fffcfe
```
#fffcfe rgb(255,252,254)
```

Tint Color Variation

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

#877584
```
#877584 rgb(135,117,132)
```
#916b89
```
#916b89 rgb(145,107,137)
```
#9b618f
```
#9b618f rgb(155,97,143)
```
#a45895
```
#a45895 rgb(164,88,149)
```
#ae4e9a
```
#ae4e9a rgb(174,78,154)
```
#b844a0
```
#b844a0 rgb(184,68,160)
```
#c23aa6
```
#c23aa6 rgb(194,58,166)
```
#cb31ab
```
#cb31ab rgb(203,49,171)
```
#d527b1
```
#d527b1 rgb(213,39,177)
```
#df1db7
```
#df1db7 rgb(223,29,183)
```
#e814bc
```
#e814bc rgb(232,20,188)
```
#f20ac2
```
#f20ac2 rgb(242,10,194)
```
#fc00c8
```
#fc00c8 rgb(252,0,200)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#805277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3386ff Protanopia 1% of men
#7f88b2 Deuteranopia 1% of men
#e9555a Tritanopia 0.001% of the population

Trichromacy

#7859e8 Protanomaly 1% of men, 0.01% of women
#a95ab8 Deuteranomaly 6% of men, 0.4% of women
#ec3a7f Tritanomaly 0.01% of the population

#f20ac2 hex color

#f20ac2 Color Information

#f20ac2 Color Conversion

Color Schemes with #f20ac2

Alternatives to #f20ac2

#f20ac2 Preview

Shades and Tints of #f20ac2

Tones of #f20ac2

Color Blindness Simulator