#f021e3 hex color

In a RGB color space, hex #f021e3 is composed of 94.1% red, 12.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.3% magenta, 5.4% yellow and 5.9% black. It has a hue angle of 303.8 degrees, a saturation of 87.3% and a lightness of 53.5%. #f021e3 color hex could be obtained by blending #ff42ff with #e100c7. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 94
- G 13
- B 89
RGB color chart
- C 0
- M 86
- Y 5
- K 6
CMYK color chart

● #f021e3 color description : Vivid magenta.

The hexadecimal color #f021e3 has RGB values of R:240, G:33, B:227 and CMYK values of C:0, M:0.86, Y:0.05, K:0.06. Its decimal value is 15737315.

Hex triplet	f021e3	`#f021e3`
RGB Decimal	240, 33, 227	`rgb(240,33,227)`
RGB Percent	94.1, 12.9, 89	`rgb(94.1%,12.9%,89%)`
CMYK	0, 86, 5, 6
HSL	303.8°, 87.3, 53.5	`hsl(303.8,87.3%,53.5%)`
HSV (or HSB)	303.8°, 86.3, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.234, 88.887, -50.266
XYZ	50.343, 25.163, 74.874
xyY	0.335, 0.167, 25.163
CIE-LCH	57.234, 102.116, 330.512
CIE-LUV	57.234, 82.456, -90.188
Hunter-Lab	50.162, 91.36, -53.385
Binary	11110000, 00100001, 11100011

#f021e3
```
#f021e3 rgb(240,33,227)
```
#21f02e
```
#21f02e rgb(33,240,46)
```

Complementary Color

#9621f0
```
#9621f0 rgb(150,33,240)
```
#f021e3
```
#f021e3 rgb(240,33,227)
```
#f0217c
```
#f0217c rgb(240,33,124)
```

Analogous Color

#21f096
```
#21f096 rgb(33,240,150)
```
#f021e3
```
#f021e3 rgb(240,33,227)
```
#7cf021
```
#7cf021 rgb(124,240,33)
```

Split Complementary Color

#21e3f0
```
#21e3f0 rgb(33,227,240)
```
#f021e3
```
#f021e3 rgb(240,33,227)
```
#e3f021
```
#e3f021 rgb(227,240,33)
```

Triadic Color

#2e21f0
```
#2e21f0 rgb(46,33,240)
```
#f021e3
```
#f021e3 rgb(240,33,227)
```
#e3f021
```
#e3f021 rgb(227,240,33)
```
#21f02e
```
#21f02e rgb(33,240,46)
```

Tetradic Color

#b80cad
```
#b80cad rgb(184,12,173)
```
#d00ec4
```
#d00ec4 rgb(208,14,196)
```
#e810da
```
#e810da rgb(232,16,218)
```
#f021e3
```
#f021e3 rgb(240,33,227)
```
#f239e6
```
#f239e6 rgb(242,57,230)
```
#f351e9
```
#f351e9 rgb(243,81,233)
```
#f569ec
```
#f569ec rgb(245,105,236)
```

Monochromatic Color

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

#c921f0
```
#c921f0 rgb(201,33,240)
```
#db21f0
```
#db21f0 rgb(219,33,240)
```
#ec21f0
```
#ec21f0 rgb(236,33,240)
```
#f021e3
```
#f021e3 rgb(240,33,227)
```
#f021d2
```
#f021d2 rgb(240,33,210)
```
#f021c1
```
#f021c1 rgb(240,33,193)
```
#f021af
```
#f021af rgb(240,33,175)
```

Similar Colors

Text with hexadecimal color #f021e3

This text has a font color of #f021e3.

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

#f021e3 background color

This paragraph has a background color of #f021e3.

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

#f021e3 border color

This element has a border color of #f021e3.

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

CSS codes

.text {color:#f021e3;}

.background {background-color:#f021e3;}

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

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

#110110
```
#110110 rgb(17,1,16)
```
#230221
```
#230221 rgb(35,2,33)
```
#360432
```
#360432 rgb(54,4,50)
```
#480544
```
#480544 rgb(72,5,68)
```
#5a0655
```
#5a0655 rgb(90,6,85)
```
#6d0766
```
#6d0766 rgb(109,7,102)
```
#7f0978
```
#7f0978 rgb(127,9,120)
```
#910a89
```
#910a89 rgb(145,10,137)
```
#a40b9a
```
#a40b9a rgb(164,11,154)
```
#b60cac
```
#b60cac rgb(182,12,172)
```
#c90ebd
```
#c90ebd rgb(201,14,189)
```
#db0fce
```
#db0fce rgb(219,15,206)
```
#ed10df
```
#ed10df rgb(237,16,223)
```

Shade Color Variation

#f021e3
```
#f021e3 rgb(240,33,227)
```
#f133e5
```
#f133e5 rgb(241,51,229)
```
#f246e8
```
#f246e8 rgb(242,70,232)
```
#f458ea
```
#f458ea rgb(244,88,234)
```
#f56aec
```
#f56aec rgb(245,106,236)
```
#f67def
```
#f67def rgb(246,125,239)
```
#f78ff1
```
#f78ff1 rgb(247,143,241)
```
#f9a2f3
```
#f9a2f3 rgb(249,162,243)
```
#fab4f6
```
#fab4f6 rgb(250,180,246)
```
#fbc6f8
```
#fbc6f8 rgb(251,198,248)
```
#fcd9fa
```
#fcd9fa rgb(252,217,250)
```
#feebfc
```
#feebfc rgb(254,235,252)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#8c858b
```
#8c858b rgb(140,133,139)
```
#957c93
```
#957c93 rgb(149,124,147)
```
#9e739b
```
#9e739b rgb(158,115,155)
```
#a76aa3
```
#a76aa3 rgb(167,106,163)
```
#b061ab
```
#b061ab rgb(176,97,171)
```
#b958b3
```
#b958b3 rgb(185,88,179)
```
#c24fbb
```
#c24fbb rgb(194,79,187)
```
#cc45c3
```
#cc45c3 rgb(204,69,195)
```
#d53ccb
```
#d53ccb rgb(213,60,203)
```
#de33d3
```
#de33d3 rgb(222,51,211)
```
#e72adb
```
#e72adb rgb(231,42,219)
```
#f021e3
```
#f021e3 rgb(240,33,227)
```
#f918eb
```
#f918eb rgb(249,24,235)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8e648b Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#6f8ecf Deuteranopia 1% of men
#e3666c Tritanopia 0.001% of the population

Trichromacy

#8465f4 Protanomaly 1% of men, 0.01% of women
#9d66d6 Deuteranomaly 6% of men, 0.4% of women
#e74d97 Tritanomaly 0.01% of the population

#f021e3 hex color

#f021e3 Color Information

#f021e3 Color Conversion

Color Schemes with #f021e3

Alternatives to #f021e3

#f021e3 Preview

Shades and Tints of #f021e3

Tones of #f021e3

Color Blindness Simulator