#f04cf4 hex color

In a RGB color space, hex #f04cf4 is composed of 94.1% red, 29.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 68.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 298.6 degrees, a saturation of 88.4% and a lightness of 62.7%. #f04cf4 color hex could be obtained by blending #ff98ff with #e100e9. Closest websafe color is: #ff33ff.

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

● #f04cf4 color description : Soft magenta.

The hexadecimal color #f04cf4 has RGB values of R:240, G:76, B:244 and CMYK values of C:0.02, M:0.69, Y:0, K:0.04. Its decimal value is 15748340.

Hex triplet	f04cf4	`#f04cf4`
RGB Decimal	240, 76, 244	`rgb(240,76,244)`
RGB Percent	94.1, 29.8, 95.7	`rgb(94.1%,29.8%,95.7%)`
CMYK	2, 69, 0, 4
HSL	298.6°, 88.4, 62.7	`hsl(298.6,88.4%,62.7%)`
HSV (or HSB)	298.6°, 68.9, 95.7
Web Safe	ff33ff	`#ff33ff`

CIE-LAB	61.851, 80.705, -52.442
XYZ	54.847, 30.229, 88.529
xyY	0.316, 0.174, 30.229
CIE-LCH	61.851, 96.247, 326.984
CIE-LUV	61.851, 68.874, -93.896
Hunter-Lab	54.981, 81.85, -56.981
Binary	11110000, 01001100, 11110100

#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#50f44c
```
#50f44c rgb(80,244,76)
```

Complementary Color

#9c4cf4
```
#9c4cf4 rgb(156,76,244)
```
#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#f44ca4
```
#f44ca4 rgb(244,76,164)
```

Analogous Color

#4cf49c
```
#4cf49c rgb(76,244,156)
```
#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#a4f44c
```
#a4f44c rgb(164,244,76)
```

Split Complementary Color

#4cf4f0
```
#4cf4f0 rgb(76,244,240)
```
#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#f4f04c
```
#f4f04c rgb(244,240,76)
```

Triadic Color

#4c50f4
```
#4c50f4 rgb(76,80,244)
```
#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#f4f04c
```
#f4f04c rgb(244,240,76)
```
#50f44c
```
#50f44c rgb(80,244,76)
```

Tetradic Color

#e00ee5
```
#e00ee5 rgb(224,14,229)
```
#ec1cf1
```
#ec1cf1 rgb(236,28,241)
```
#ee34f3
```
#ee34f3 rgb(238,52,243)
```
#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#f264f5
```
#f264f5 rgb(242,100,245)
```
#f47cf7
```
#f47cf7 rgb(244,124,247)
```
#f694f8
```
#f694f8 rgb(246,148,248)
```

Monochromatic Color

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

#c64cf4
```
#c64cf4 rgb(198,76,244)
```
#d44cf4
```
#d44cf4 rgb(212,76,244)
```
#e24cf4
```
#e24cf4 rgb(226,76,244)
```
#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#f44cea
```
#f44cea rgb(244,76,234)
```
#f44cdc
```
#f44cdc rgb(244,76,220)
```
#f44cce
```
#f44cce rgb(244,76,206)
```

Similar Colors

Text with hexadecimal color #f04cf4

This text has a font color of #f04cf4.

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

#f04cf4 background color

This paragraph has a background color of #f04cf4.

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

#f04cf4 border color

This element has a border color of #f04cf4.

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

CSS codes

.text {color:#f04cf4;}

.background {background-color:#f04cf4;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#180118
```
#180118 rgb(24,1,24)
```
#2a032b
```
#2a032b rgb(42,3,43)
```
#3c043d
```
#3c043d rgb(60,4,61)
```
#4e0550
```
#4e0550 rgb(78,5,80)
```
#600662
```
#600662 rgb(96,6,98)
```
#720775
```
#720775 rgb(114,7,117)
```
#840887
```
#840887 rgb(132,8,135)
```
#96099a
```
#96099a rgb(150,9,154)
```
#a80bac
```
#a80bac rgb(168,11,172)
```
#ba0cbf
```
#ba0cbf rgb(186,12,191)
```
#cc0dd1
```
#cc0dd1 rgb(204,13,209)
```
#de0ee4
```
#de0ee4 rgb(222,14,228)
```

Shade Color Variation

#eb15f1
```
#eb15f1 rgb(235,21,241)
```
#ed27f2
```
#ed27f2 rgb(237,39,242)
```
#ee3af3
```
#ee3af3 rgb(238,58,243)
```
#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#f25ef5
```
#f25ef5 rgb(242,94,245)
```
#f371f6
```
#f371f6 rgb(243,113,246)
```
#f583f7
```
#f583f7 rgb(245,131,247)
```
#f696f9
```
#f696f9 rgb(246,150,249)
```
#f8a8fa
```
#f8a8fa rgb(248,168,250)
```
#f9bbfb
```
#f9bbfb rgb(249,187,251)
```
#fbcdfc
```
#fbcdfc rgb(251,205,252)
```
#fce0fd
```
#fce0fd rgb(252,224,253)
```
#fef2fe
```
#fef2fe rgb(254,242,254)
```

Tint Color Variation

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

#a39ca4
```
#a39ca4 rgb(163,156,164)
```
#aa95ab
```
#aa95ab rgb(170,149,171)
```
#b18eb2
```
#b18eb2 rgb(177,142,178)
```
#b886ba
```
#b886ba rgb(184,134,186)
```
#bf7fc1
```
#bf7fc1 rgb(191,127,193)
```
#c678c8
```
#c678c8 rgb(198,120,200)
```
#cd71cf
```
#cd71cf rgb(205,113,207)
```
#d469d7
```
#d469d7 rgb(212,105,215)
```
#db62de
```
#db62de rgb(219,98,222)
```
#e25be5
```
#e25be5 rgb(226,91,229)
```
#e953ed
```
#e953ed rgb(233,83,237)
```
#f04cf4
```
#f04cf4 rgb(240,76,244)
```
#f745fb
```
#f745fb rgb(247,69,251)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#a382a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6697ff Protanopia 1% of men
#759ae2 Deuteranopia 1% of men
#e27c84 Tritanopia 0.001% of the population

Trichromacy

#987cfb Protanomaly 1% of men, 0.01% of women
#a27de8 Deuteranomaly 6% of men, 0.4% of women
#e76aad Tritanomaly 0.01% of the population

#f04cf4 hex color

#f04cf4 Color Information

#f04cf4 Color Conversion

Color Schemes with #f04cf4

Alternatives to #f04cf4

#f04cf4 Preview

Shades and Tints of #f04cf4

Tones of #f04cf4

Color Blindness Simulator