#f02ed4 hex color

In a RGB color space, hex #f02ed4 is composed of 94.1% red, 18% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 11.7% yellow and 5.9% black. It has a hue angle of 308.7 degrees, a saturation of 86.6% and a lightness of 56.1%. #f02ed4 color hex could be obtained by blending #ff5cff with #e100a9. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 94
- G 18
- B 83
RGB color chart
- C 0
- M 81
- Y 12
- K 6
CMYK color chart

● #f02ed4 color description : Bright magenta.

The hexadecimal color #f02ed4 has RGB values of R:240, G:46, B:212 and CMYK values of C:0, M:0.81, Y:0.12, K:0.06. Its decimal value is 15740628.

Hex triplet	f02ed4	`#f02ed4`
RGB Decimal	240, 46, 212	`rgb(240,46,212)`
RGB Percent	94.1, 18, 83.1	`rgb(94.1%,18%,83.1%)`
CMYK	0, 81, 12, 6
HSL	308.7°, 86.6, 56.1	`hsl(308.7,86.6%,56.1%)`
HSV (or HSB)	308.7°, 80.8, 94.1
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.305, 84.389, -41.655
XYZ	48.796, 25.237, 64.585
xyY	0.352, 0.182, 25.237
CIE-LCH	57.305, 94.11, 333.729
CIE-LUV	57.305, 86.724, -76.469
Hunter-Lab	50.236, 85.469, -41.06
Binary	11110000, 00101110, 11010100

#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#2ef04a
```
#2ef04a rgb(46,240,74)
```

Complementary Color

#ab2ef0
```
#ab2ef0 rgb(171,46,240)
```
#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#f02e73
```
#f02e73 rgb(240,46,115)
```

Analogous Color

#2ef0ab
```
#2ef0ab rgb(46,240,171)
```
#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#73f02e
```
#73f02e rgb(115,240,46)
```

Split Complementary Color

#2ed4f0
```
#2ed4f0 rgb(46,212,240)
```
#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#d4f02e
```
#d4f02e rgb(212,240,46)
```

Triadic Color

#4a2ef0
```
#4a2ef0 rgb(74,46,240)
```
#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#d4f02e
```
#d4f02e rgb(212,240,46)
```
#2ef04a
```
#2ef04a rgb(46,240,74)
```

Tetradic Color

#c30ea9
```
#c30ea9 rgb(195,14,169)
```
#db10be
```
#db10be rgb(219,16,190)
```
#ee16cf
```
#ee16cf rgb(238,22,207)
```
#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#f246d9
```
#f246d9 rgb(242,70,217)
```
#f35ede
```
#f35ede rgb(243,94,222)
```
#f575e3
```
#f575e3 rgb(245,117,227)
```

Monochromatic Color

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

#dc2ef0
```
#dc2ef0 rgb(220,46,240)
```
#ec2ef0
```
#ec2ef0 rgb(236,46,240)
```
#f02ee4
```
#f02ee4 rgb(240,46,228)
```
#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#f02ec4
```
#f02ec4 rgb(240,46,196)
```
#f02eb4
```
#f02eb4 rgb(240,46,180)
```
#f02ea4
```
#f02ea4 rgb(240,46,164)
```

Similar Colors

Text with hexadecimal color #f02ed4

This text has a font color of #f02ed4.

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

#f02ed4 background color

This paragraph has a background color of #f02ed4.

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

#f02ed4 border color

This element has a border color of #f02ed4.

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

CSS codes

.text {color:#f02ed4;}

.background {background-color:#f02ed4;}

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

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, #0b0109 is the darkest color, while #fef7fd is the lightest one.

#0b0109
```
#0b0109 rgb(11,1,9)
```
#1d0219
```
#1d0219 rgb(29,2,25)
```
#2f0329
```
#2f0329 rgb(47,3,41)
```
#420539
```
#420539 rgb(66,5,57)
```
#540649
```
#540649 rgb(84,6,73)
```
#660758
```
#660758 rgb(102,7,88)
```
#780968
```
#780968 rgb(120,9,104)
```
#8b0a78
```
#8b0a78 rgb(139,10,120)
```
#9d0b88
```
#9d0b88 rgb(157,11,136)
```
#af0d98
```
#af0d98 rgb(175,13,152)
```
#c20ea8
```
#c20ea8 rgb(194,14,168)
```
#d40fb8
```
#d40fb8 rgb(212,15,184)
```
#e611c7
```
#e611c7 rgb(230,17,199)
```

Shade Color Variation

#ef1cd0
```
#ef1cd0 rgb(239,28,208)
```
#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#f140d8
```
#f140d8 rgb(241,64,216)
```
#f353dc
```
#f353dc rgb(243,83,220)
```
#f465df
```
#f465df rgb(244,101,223)
```
#f577e3
```
#f577e3 rgb(245,119,227)
```
#f78ae7
```
#f78ae7 rgb(247,138,231)
```
#f89ceb
```
#f89ceb rgb(248,156,235)
```
#f9aeee
```
#f9aeee rgb(249,174,238)
```
#fbc0f2
```
#fbc0f2 rgb(251,192,242)
```
#fcd3f6
```
#fcd3f6 rgb(252,211,246)
```
#fde5fa
```
#fde5fa rgb(253,229,250)
```
#fef7fd
```
#fef7fd rgb(254,247,253)
```

Tint Color Variation

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

#918d91
```
#918d91 rgb(145,141,145)
```
#9a8497
```
#9a8497 rgb(154,132,151)
```
#a27c9d
```
#a27c9d rgb(162,124,157)
```
#ab73a3
```
#ab73a3 rgb(171,115,163)
```
#b46aa9
```
#b46aa9 rgb(180,106,169)
```
#bc62af
```
#bc62af rgb(188,98,175)
```
#c559b5
```
#c559b5 rgb(197,89,181)
```
#ce50bb
```
#ce50bb rgb(206,80,187)
```
#d648c2
```
#d648c2 rgb(214,72,194)
```
#df3fc8
```
#df3fc8 rgb(223,63,200)
```
#e737ce
```
#e737ce rgb(231,55,206)
```
#f02ed4
```
#f02ed4 rgb(240,46,212)
```
#f925da
```
#f925da rgb(249,37,218)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#926c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#488cff Protanopia 1% of men
#7b8ec3 Deuteranopia 1% of men
#e5656b Tritanopia 0.001% of the population

Trichromacy

#8569ef Protanomaly 1% of men, 0.01% of women
#a66bc9 Deuteranomaly 6% of men, 0.4% of women
#e95191 Tritanomaly 0.01% of the population

#f02ed4 hex color

#f02ed4 Color Information

#f02ed4 Color Conversion

Color Schemes with #f02ed4

Alternatives to #f02ed4

#f02ed4 Preview

Shades and Tints of #f02ed4

Tones of #f02ed4

Color Blindness Simulator