#f21fc4 hex color

In a RGB color space, hex #f21fc4 is composed of 94.9% red, 12.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.2% magenta, 19% yellow and 5.1% black. It has a hue angle of 313.1 degrees, a saturation of 89% and a lightness of 53.5%. #f21fc4 color hex could be obtained by blending #ff3eff with #e50089. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 12
- B 77
RGB color chart
- C 0
- M 87
- Y 19
- K 5
CMYK color chart

● #f21fc4 color description : Vivid magenta.

The hexadecimal color #f21fc4 has RGB values of R:242, G:31, B:196 and CMYK values of C:0, M:0.87, Y:0.19, K:0.05. Its decimal value is 15867844.

Hex triplet	f21fc4	`#f21fc4`
RGB Decimal	242, 31, 196	`rgb(242,31,196)`
RGB Percent	94.9, 12.2, 76.9	`rgb(94.9%,12.2%,76.9%)`
CMYK	0, 87, 19, 5
HSL	313.1°, 89, 53.5	`hsl(313.1,89%,53.5%)`
HSV (or HSB)	313.1°, 87.2, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	55.934, 85.528, -34.622
XYZ	47.072, 23.847, 54.345
xyY	0.376, 0.19, 23.847
CIE-LCH	55.934, 92.27, 337.962
CIE-LUV	55.934, 97.264, -65.701
Hunter-Lab	48.833, 86.603, -31.799
Binary	11110010, 00011111, 11000100

#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#1ff24d
```
#1ff24d rgb(31,242,77)
```

Complementary Color

#b71ff2
```
#b71ff2 rgb(183,31,242)
```
#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#f21f5a
```
#f21f5a rgb(242,31,90)
```

Analogous Color

#1ff2b7
```
#1ff2b7 rgb(31,242,183)
```
#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#5af21f
```
#5af21f rgb(90,242,31)
```

Split Complementary Color

#1fc4f2
```
#1fc4f2 rgb(31,196,242)
```
#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#c4f21f
```
#c4f21f rgb(196,242,31)
```

Triadic Color

#4d1ff2
```
#4d1ff2 rgb(77,31,242)
```
#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#c4f21f
```
#c4f21f rgb(196,242,31)
```
#1ff24d
```
#1ff24d rgb(31,242,77)
```

Tetradic Color

#ba0b94
```
#ba0b94 rgb(186,11,148)
```
#d20ca7
```
#d20ca7 rgb(210,12,167)
```
#ea0eba
```
#ea0eba rgb(234,14,186)
```
#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#f337ca
```
#f337ca rgb(243,55,202)
```
#f54fd1
```
#f54fd1 rgb(245,79,209)
```
#f667d7
```
#f667d7 rgb(246,103,215)
```

Monochromatic Color

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

#eb1ff2
```
#eb1ff2 rgb(235,31,242)
```
#f21fe7
```
#f21fe7 rgb(242,31,231)
```
#f21fd6
```
#f21fd6 rgb(242,31,214)
```
#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#f21fb2
```
#f21fb2 rgb(242,31,178)
```
#f21fa1
```
#f21fa1 rgb(242,31,161)
```
#f21f8f
```
#f21f8f rgb(242,31,143)
```

Similar Colors

Text with hexadecimal color #f21fc4

This text has a font color of #f21fc4.

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

#f21fc4 background color

This paragraph has a background color of #f21fc4.

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

#f21fc4 border color

This element has a border color of #f21fc4.

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

CSS codes

.text {color:#f21fc4;}

.background {background-color:#f21fc4;}

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

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, #11010e is the darkest color, while #fffdff is the lightest one.

#11010e
```
#11010e rgb(17,1,14)
```
#24021c
```
#24021c rgb(36,2,28)
```
#36032b
```
#36032b rgb(54,3,43)
```
#49043a
```
#49043a rgb(73,4,58)
```
#5b0548
```
#5b0548 rgb(91,5,72)
```
#6e0657
```
#6e0657 rgb(110,6,87)
```
#800766
```
#800766 rgb(128,7,102)
```
#930975
```
#930975 rgb(147,9,117)
```
#a50a83
```
#a50a83 rgb(165,10,131)
```
#b80b92
```
#b80b92 rgb(184,11,146)
```
#ca0ca1
```
#ca0ca1 rgb(202,12,161)
```
#dd0db0
```
#dd0db0 rgb(221,13,176)
```
#ef0ebe
```
#ef0ebe rgb(239,14,190)
```

Shade Color Variation

#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#f332c9
```
#f332c9 rgb(243,50,201)
```
#f444ce
```
#f444ce rgb(244,68,206)
```
#f557d3
```
#f557d3 rgb(245,87,211)
```
#f669d8
```
#f669d8 rgb(246,105,216)
```
#f77cdc
```
#f77cdc rgb(247,124,220)
```
#f88ee1
```
#f88ee1 rgb(248,142,225)
```
#faa1e6
```
#faa1e6 rgb(250,161,230)
```
#fbb3eb
```
#fbb3eb rgb(251,179,235)
```
#fcc6f0
```
#fcc6f0 rgb(252,198,240)
```
#fdd8f5
```
#fdd8f5 rgb(253,216,245)
```
#feebfa
```
#feebfa rgb(254,235,250)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#8e838b
```
#8e838b rgb(142,131,139)
```
#977a91
```
#977a91 rgb(151,122,145)
```
#a07196
```
#a07196 rgb(160,113,150)
```
#a9689b
```
#a9689b rgb(169,104,155)
```
#b25fa0
```
#b25fa0 rgb(178,95,160)
```
#bb56a5
```
#bb56a5 rgb(187,86,165)
```
#c44daa
```
#c44daa rgb(196,77,170)
```
#ce43af
```
#ce43af rgb(206,67,175)
```
#d73ab5
```
#d73ab5 rgb(215,58,181)
```
#e031ba
```
#e031ba rgb(224,49,186)
```
#e928bf
```
#e928bf rgb(233,40,191)
```
#f21fc4
```
#f21fc4 rgb(242,31,196)
```
#fb16c9
```
#fb16c9 rgb(251,22,201)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8b6182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d88ff Protanopia 1% of men
#818ab4 Deuteranopia 1% of men
#e95a5f Tritanopia 0.001% of the population

Trichromacy

#7f62e9 Protanomaly 1% of men, 0.01% of women
#aa63ba Deuteranomaly 6% of men, 0.4% of women
#ec4584 Tritanomaly 0.01% of the population

#f21fc4 hex color

#f21fc4 Color Information

#f21fc4 Color Conversion

Color Schemes with #f21fc4

Alternatives to #f21fc4

#f21fc4 Preview

Shades and Tints of #f21fc4

Tones of #f21fc4

Color Blindness Simulator