#f20cfb hex color

In a RGB color space, hex #f20cfb is composed of 94.9% red, 4.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 95.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 297.7 degrees, a saturation of 96.8% and a lightness of 51.6%. #f20cfb color hex could be obtained by blending #ff18ff with #e500f7. Closest websafe color is: #ff00ff.

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

● #f20cfb color description : Vivid magenta.

The hexadecimal color #f20cfb has RGB values of R:242, G:12, B:251 and CMYK values of C:0.04, M:0.95, Y:0, K:0.02. Its decimal value is 15863035.

Hex triplet	f20cfb	`#f20cfb`
RGB Decimal	242, 12, 251	`rgb(242,12,251)`
RGB Percent	94.9, 4.7, 98.4	`rgb(94.9%,4.7%,98.4%)`
CMYK	4, 95, 0, 2
HSL	297.7°, 96.8, 51.6	`hsl(297.7,96.8%,51.6%)`
HSV (or HSB)	297.7°, 95.2, 98.4
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	58.14, 94.956, -62.236
XYZ	54.161, 26.109, 93.448
xyY	0.312, 0.15, 26.109
CIE-LCH	58.14, 113.535, 326.758
CIE-LUV	58.14, 75.967, -109.394
Hunter-Lab	51.097, 99.784, -72.665
Binary	11110010, 00001100, 11111011

#f20cfb
```
#f20cfb rgb(242,12,251)
```
#15fb0c
```
#15fb0c rgb(21,251,12)
```

Complementary Color

#7b0cfb
```
#7b0cfb rgb(123,12,251)
```
#f20cfb
```
#f20cfb rgb(242,12,251)
```
#fb0c8d
```
#fb0c8d rgb(251,12,141)
```

Analogous Color

#0cfb7b
```
#0cfb7b rgb(12,251,123)
```
#f20cfb
```
#f20cfb rgb(242,12,251)
```
#8dfb0c
```
#8dfb0c rgb(141,251,12)
```

Split Complementary Color

#0cfbf2
```
#0cfbf2 rgb(12,251,242)
```
#f20cfb
```
#f20cfb rgb(242,12,251)
```
#fbf20c
```
#fbf20c rgb(251,242,12)
```

Triadic Color

#0c15fb
```
#0c15fb rgb(12,21,251)
```
#f20cfb
```
#f20cfb rgb(242,12,251)
```
#fbf20c
```
#fbf20c rgb(251,242,12)
```
#15fb0c
```
#15fb0c rgb(21,251,12)
```

Tetradic Color

#b103b7
```
#b103b7 rgb(177,3,183)
```
#c903d1
```
#c903d1 rgb(201,3,209)
```
#e104ea
```
#e104ea rgb(225,4,234)
```
#f20cfb
```
#f20cfb rgb(242,12,251)
```
#f325fb
```
#f325fb rgb(243,37,251)
```
#f53efc
```
#f53efc rgb(245,62,252)
```
#f657fc
```
#f657fc rgb(246,87,252)
```

Monochromatic Color

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

#b60cfb
```
#b60cfb rgb(182,12,251)
```
#ca0cfb
```
#ca0cfb rgb(202,12,251)
```
#de0cfb
```
#de0cfb rgb(222,12,251)
```
#f20cfb
```
#f20cfb rgb(242,12,251)
```
#fb0cf0
```
#fb0cf0 rgb(251,12,240)
```
#fb0cdc
```
#fb0cdc rgb(251,12,220)
```
#fb0cc8
```
#fb0cc8 rgb(251,12,200)
```

Similar Colors

Text with hexadecimal color #f20cfb

This text has a font color of #f20cfb.

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

#f20cfb background color

This paragraph has a background color of #f20cfb.

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

#f20cfb border color

This element has a border color of #f20cfb.

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

CSS codes

.text {color:#f20cfb;}

.background {background-color:#f20cfb;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1a001b
```
#1a001b rgb(26,0,27)
```
#2d012e
```
#2d012e rgb(45,1,46)
```
#3f0142
```
#3f0142 rgb(63,1,66)
```
#520155
```
#520155 rgb(82,1,85)
```
#640268
```
#640268 rgb(100,2,104)
```
#77027c
```
#77027c rgb(119,2,124)
```
#8a028f
```
#8a028f rgb(138,2,143)
```
#9c03a2
```
#9c03a2 rgb(156,3,162)
```
#af03b6
```
#af03b6 rgb(175,3,182)
```
#c103c9
```
#c103c9 rgb(193,3,201)
```
#d404dc
```
#d404dc rgb(212,4,220)
```
#e704ef
```
#e704ef rgb(231,4,239)
```

Shade Color Variation

#f20cfb
```
#f20cfb rgb(242,12,251)
```
#f31ffb
```
#f31ffb rgb(243,31,251)
```
#f433fc
```
#f433fc rgb(244,51,252)
```
#f546fc
```
#f546fc rgb(245,70,252)
```
#f659fc
```
#f659fc rgb(246,89,252)
```
#f76cfd
```
#f76cfd rgb(247,108,253)
```
#f880fd
```
#f880fd rgb(248,128,253)
```
#f993fd
```
#f993fd rgb(249,147,253)
```
#faa6fe
```
#faa6fe rgb(250,166,254)
```
#fbbafe
```
#fbbafe rgb(251,186,254)
```
#fccdfe
```
#fccdfe rgb(252,205,254)
```
#fde0fe
```
#fde0fe rgb(253,224,254)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#897e89
```
#897e89 rgb(137,126,137)
```
#917593
```
#917593 rgb(145,117,147)
```
#9a6b9c
```
#9a6b9c rgb(154,107,156)
```
#a362a6
```
#a362a6 rgb(163,98,166)
```
#ac58af
```
#ac58af rgb(172,88,175)
```
#b54fb9
```
#b54fb9 rgb(181,79,185)
```
#bd45c2
```
#bd45c2 rgb(189,69,194)
```
#c63ccc
```
#c63ccc rgb(198,60,204)
```
#cf32d5
```
#cf32d5 rgb(207,50,213)
```
#d829df
```
#d829df rgb(216,41,223)
```
#e01fe8
```
#e01fe8 rgb(224,31,232)
```
#e916f2
```
#e916f2 rgb(233,22,242)
```
#f20cfb
```
#f20cfb rgb(242,12,251)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#875989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8eff Protanopia 1% of men
#5992e3 Deuteranopia 1% of men
#e16c73 Tritanopia 0.001% of the population

Trichromacy

#895efd Protanomaly 1% of men, 0.01% of women
#9061ec Deuteranomaly 6% of men, 0.4% of women
#e749a4 Tritanomaly 0.01% of the population

#f20cfb hex color

#f20cfb Color Information

#f20cfb Color Conversion

Color Schemes with #f20cfb

Alternatives to #f20cfb

#f20cfb Preview

Shades and Tints of #f20cfb

Tones of #f20cfb

Color Blindness Simulator