colorhexa.com

#f04fd4 hex color

In a RGB color space, hex #f04fd4 is composed of 94.1% red, 31% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.1% magenta, 11.7% yellow and 5.9% black. It has a hue angle of 310.4 degrees, a saturation of 84.3% and a lightness of 62.5%. #f04fd4 color hex could be obtained by blending #ff9eff with #e100a9. Closest websafe color is: #ff66cc.

- R 94
- G 31
- B 83
RGB color chart
- C 0
- M 67
- Y 12
- K 6
CMYK color chart

● #f04fd4 color description : Soft magenta.

The hexadecimal color #f04fd4 has RGB values of R:240, G:79, B:212 and CMYK values of C:0, M:0.67, Y:0.12, K:0.06. Its decimal value is 15749076.

Hex triplet	f04fd4	`#f04fd4`
RGB Decimal	240, 79, 212	`rgb(240,79,212)`
RGB Percent	94.1, 31, 83.1	`rgb(94.1%,31%,83.1%)`
CMYK	0, 67, 12, 6
HSL	310.4°, 84.3, 62.5	`hsl(310.4,84.3%,62.5%)`
HSV (or HSB)	310.4°, 67.1, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	60.671, 74.797, -36.377
XYZ	50.614, 28.874, 65.191
xyY	0.35, 0.2, 28.874
CIE-LCH	60.671, 83.174, 334.065
CIE-LUV	60.671, 79.027, -67.66
Hunter-Lab	53.735, 74.098, -34.317
Binary	11110000, 01001111, 11010100

#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#4ff06b
```
#4ff06b rgb(79,240,107)
```

Complementary Color

#bc4ff0
```
#bc4ff0 rgb(188,79,240)
```
#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#f04f84
```
#f04f84 rgb(240,79,132)
```

Analogous Color

#4ff0bc
```
#4ff0bc rgb(79,240,188)
```
#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#84f04f
```
#84f04f rgb(132,240,79)
```

Split Complementary Color

#4fd4f0
```
#4fd4f0 rgb(79,212,240)
```
#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#d4f04f
```
#d4f04f rgb(212,240,79)
```

Triadic Color

#6b4ff0
```
#6b4ff0 rgb(107,79,240)
```
#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#d4f04f
```
#d4f04f rgb(212,240,79)
```
#4ff06b
```
#4ff06b rgb(79,240,107)
```

Tetradic Color

#df13bc
```
#df13bc rgb(223,19,188)
```
#ec20c9
```
#ec20c9 rgb(236,32,201)
```
#ee38ce
```
#ee38ce rgb(238,56,206)
```
#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#f266da
```
#f266da rgb(242,102,218)
```
#f47edf
```
#f47edf rgb(244,126,223)
```
#f695e5
```
#f695e5 rgb(246,149,229)
```

Monochromatic Color

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

#e44ff0
```
#e44ff0 rgb(228,79,240)
```
#f04fef
```
#f04fef rgb(240,79,239)
```
#f04fe1
```
#f04fe1 rgb(240,79,225)
```
#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#f04fc7
```
#f04fc7 rgb(240,79,199)
```
#f04fb9
```
#f04fb9 rgb(240,79,185)
```
#f04fac
```
#f04fac rgb(240,79,172)
```

Similar Colors

Text with hexadecimal color #f04fd4

This text has a font color of #f04fd4.

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

#f04fd4 background color

This paragraph has a background color of #f04fd4.

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

#f04fd4 border color

This element has a border color of #f04fd4.

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

CSS codes

.text {color:#f04fd4;}

.background {background-color:#f04fd4;}

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

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

#050004
```
#050004 rgb(5,0,4)
```
#170213
```
#170213 rgb(23,2,19)
```
#290322
```
#290322 rgb(41,3,34)
```
#3b0532
```
#3b0532 rgb(59,5,50)
```
#4d0741
```
#4d0741 rgb(77,7,65)
```
#5f0850
```
#5f0850 rgb(95,8,80)
```
#710a5f
```
#710a5f rgb(113,10,95)
```
#830b6e
```
#830b6e rgb(131,11,110)
```
#950d7e
```
#950d7e rgb(149,13,126)
```
#a70e8d
```
#a70e8d rgb(167,14,141)
```
#b9109c
```
#b9109c rgb(185,16,156)
```
#cc11ab
```
#cc11ab rgb(204,17,171)
```
#de13ba
```
#de13ba rgb(222,19,186)
```

Shade Color Variation

#eb19c7
```
#eb19c7 rgb(235,25,199)
```
#ed2bcb
```
#ed2bcb rgb(237,43,203)
```
#ee3dd0
```
#ee3dd0 rgb(238,61,208)
```
#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#f261d8
```
#f261d8 rgb(242,97,216)
```
#f373dd
```
#f373dd rgb(243,115,221)
```
#f585e1
```
#f585e1 rgb(245,133,225)
```
#f697e6
```
#f697e6 rgb(246,151,230)
```
#f8a9ea
```
#f8a9ea rgb(248,169,234)
```
#f9bbee
```
#f9bbee rgb(249,187,238)
```
#fbcef3
```
#fbcef3 rgb(251,206,243)
```
#fce0f7
```
#fce0f7 rgb(252,224,247)
```
#fef2fc
```
#fef2fc rgb(254,242,252)
```

Tint Color Variation

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

#a798a4
```
#a798a4 rgb(167,152,164)
```
#ae91a9
```
#ae91a9 rgb(174,145,169)
```
#b58aae
```
#b58aae rgb(181,138,174)
```
#bd82b2
```
#bd82b2 rgb(189,130,178)
```
#c47bb7
```
#c47bb7 rgb(196,123,183)
```
#cb74bc
```
#cb74bc rgb(203,116,188)
```
#d36cc1
```
#d36cc1 rgb(211,108,193)
```
#da65c6
```
#da65c6 rgb(218,101,198)
```
#e15eca
```
#e15eca rgb(225,94,202)
```
#e956cf
```
#e956cf rgb(233,86,207)
```
#f04fd4
```
#f04fd4 rgb(240,79,212)
```
#f748d9
```
#f748d9 rgb(247,72,217)
```
#ff40de
```
#ff40de rgb(255,64,222)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a2819c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6194ff Protanopia 1% of men
#8a95c6 Deuteranopia 1% of men
#e6747b Tritanopia 0.001% of the population

Trichromacy

#957bef Protanomaly 1% of men, 0.01% of women
#af7ccb Deuteranomaly 6% of men, 0.4% of women
#ea669b Tritanomaly 0.01% of the population