#f042f4 hex color

In a RGB color space, hex #f042f4 is composed of 94.1% red, 25.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 73% magenta, 0% yellow and 4.3% black. It has a hue angle of 298.7 degrees, a saturation of 89% and a lightness of 60.8%. #f042f4 color hex could be obtained by blending #ff84ff with #e100e9. Closest websafe color is: #ff33ff.

♥
- f
- t
- g
- R 94
- G 26
- B 96
RGB color chart
- C 2
- M 73
- Y 0
- K 4
CMYK color chart

● #f042f4 color description : Bright magenta.

The hexadecimal color #f042f4 has RGB values of R:240, G:66, B:244 and CMYK values of C:0.02, M:0.73, Y:0, K:0.04. Its decimal value is 15745780.

Hex triplet	f042f4	`#f042f4`
RGB Decimal	240, 66, 244	`rgb(240,66,244)`
RGB Percent	94.1, 25.9, 95.7	`rgb(94.1%,25.9%,95.7%)`
CMYK	2, 73, 0, 4
HSL	298.7°, 89, 60.8	`hsl(298.7,89%,60.8%)`
HSV (or HSB)	298.7°, 73, 95.7
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	60.743, 83.865, -54.203
XYZ	54.211, 28.957, 88.317
xyY	0.316, 0.169, 28.957
CIE-LCH	60.743, 99.856, 327.125
CIE-LUV	60.743, 71.022, -96.715
Hunter-Lab	53.811, 85.656, -59.641
Binary	11110000, 01000010, 11110100

#f042f4
```
#f042f4 rgb(240,66,244)
```
#46f442
```
#46f442 rgb(70,244,66)
```

Complementary Color

#9742f4
```
#9742f4 rgb(151,66,244)
```
#f042f4
```
#f042f4 rgb(240,66,244)
```
#f4429f
```
#f4429f rgb(244,66,159)
```

Analogous Color

#42f497
```
#42f497 rgb(66,244,151)
```
#f042f4
```
#f042f4 rgb(240,66,244)
```
#9ff442
```
#9ff442 rgb(159,244,66)
```

Split Complementary Color

#42f4f0
```
#42f4f0 rgb(66,244,240)
```
#f042f4
```
#f042f4 rgb(240,66,244)
```
#f4f042
```
#f4f042 rgb(244,240,66)
```

Triadic Color

#4246f4
```
#4246f4 rgb(66,70,244)
```
#f042f4
```
#f042f4 rgb(240,66,244)
```
#f4f042
```
#f4f042 rgb(244,240,66)
```
#46f442
```
#46f442 rgb(70,244,66)
```

Tetradic Color

#d80ddd
```
#d80ddd rgb(216,13,221)
```
#ec12f1
```
#ec12f1 rgb(236,18,241)
```
#ee2af3
```
#ee2af3 rgb(238,42,243)
```
#f042f4
```
#f042f4 rgb(240,66,244)
```
#f25af5
```
#f25af5 rgb(242,90,245)
```
#f472f7
```
#f472f7 rgb(244,114,247)
```
#f68af8
```
#f68af8 rgb(246,138,248)
```

Monochromatic Color

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

#c442f4
```
#c442f4 rgb(196,66,244)
```
#d242f4
```
#d242f4 rgb(210,66,244)
```
#e142f4
```
#e142f4 rgb(225,66,244)
```
#f042f4
```
#f042f4 rgb(240,66,244)
```
#f442e9
```
#f442e9 rgb(244,66,233)
```
#f442da
```
#f442da rgb(244,66,218)
```
#f442cc
```
#f442cc rgb(244,66,204)
```

Similar Colors

Text with hexadecimal color #f042f4

This text has a font color of #f042f4.

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

#f042f4 background color

This paragraph has a background color of #f042f4.

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

#f042f4 border color

This element has a border color of #f042f4.

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

CSS codes

.text {color:#f042f4;}

.background {background-color:#f042f4;}

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

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

#0f010f
```
#0f010f rgb(15,1,15)
```
#210221
```
#210221 rgb(33,2,33)
```
#330334
```
#330334 rgb(51,3,52)
```
#450447
```
#450447 rgb(69,4,71)
```
#570559
```
#570559 rgb(87,5,89)
```
#69066c
```
#69066c rgb(105,6,108)
```
#7b077e
```
#7b077e rgb(123,7,126)
```
#8e0891
```
#8e0891 rgb(142,8,145)
```
#a009a3
```
#a009a3 rgb(160,9,163)
```
#b20bb6
```
#b20bb6 rgb(178,11,182)
```
#c40cc8
```
#c40cc8 rgb(196,12,200)
```
#d60ddb
```
#d60ddb rgb(214,13,219)
```
#e80eed
```
#e80eed rgb(232,14,237)
```

Shade Color Variation

#ed1df2
```
#ed1df2 rgb(237,29,242)
```
#ef2ff3
```
#ef2ff3 rgb(239,47,243)
```
#f042f4
```
#f042f4 rgb(240,66,244)
```
#f155f5
```
#f155f5 rgb(241,85,245)
```
#f367f6
```
#f367f6 rgb(243,103,246)
```
#f47af7
```
#f47af7 rgb(244,122,247)
```
#f68cf8
```
#f68cf8 rgb(246,140,248)
```
#f79ff9
```
#f79ff9 rgb(247,159,249)
```
#f9b1fa
```
#f9b1fa rgb(249,177,250)
```
#fac4fc
```
#fac4fc rgb(250,196,252)
```
#fcd6fd
```
#fcd6fd rgb(252,214,253)
```
#fde9fe
```
#fde9fe rgb(253,233,254)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#9f979f
```
#9f979f rgb(159,151,159)
```
#a78fa7
```
#a78fa7 rgb(167,143,167)
```
#ae87af
```
#ae87af rgb(174,135,175)
```
#b580b6
```
#b580b6 rgb(181,128,182)
```
#bd78be
```
#bd78be rgb(189,120,190)
```
#c470c6
```
#c470c6 rgb(196,112,198)
```
#cb68ce
```
#cb68ce rgb(203,104,206)
```
#d361d5
```
#d361d5 rgb(211,97,213)
```
#da59dd
```
#da59dd rgb(218,89,221)
```
#e151e5
```
#e151e5 rgb(225,81,229)
```
#e94aec
```
#e94aec rgb(233,74,236)
```
#f042f4
```
#f042f4 rgb(240,66,244)
```
#f73afc
```
#f73afc rgb(247,58,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#9e7c9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6095ff Protanopia 1% of men
#7097e1 Deuteranopia 1% of men
#e1787f Tritanopia 0.001% of the population

Trichromacy

#9476fb Protanomaly 1% of men, 0.01% of women
#9e78e8 Deuteranomaly 6% of men, 0.4% of women
#e664aa Tritanomaly 0.01% of the population

#f042f4 hex color

#f042f4 Color Information

#f042f4 Color Conversion

Color Schemes with #f042f4

Alternatives to #f042f4

#f042f4 Preview

Shades and Tints of #f042f4

Tones of #f042f4

Color Blindness Simulator