#f04ec4 hex color

In a RGB color space, hex #f04ec4 is composed of 94.1% red, 30.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.5% magenta, 18.3% yellow and 5.9% black. It has a hue angle of 316.3 degrees, a saturation of 84.4% and a lightness of 62.4%. #f04ec4 color hex could be obtained by blending #ff9cff with #e10089. Closest websafe color is: #ff66cc.

♥
- f
- t
- g
- R 94
- G 31
- B 77
RGB color chart
- C 0
- M 68
- Y 18
- K 6
CMYK color chart

● #f04ec4 color description : Soft pink.

The hexadecimal color #f04ec4 has RGB values of R:240, G:78, B:196 and CMYK values of C:0, M:0.68, Y:0.18, K:0.06. Its decimal value is 15748804.

Hex triplet	f04ec4	`#f04ec4`
RGB Decimal	240, 78, 196	`rgb(240,78,196)`
RGB Percent	94.1, 30.6, 76.9	`rgb(94.1%,30.6%,76.9%)`
CMYK	0, 68, 18, 6
HSL	316.3°, 84.4, 62.4	`hsl(316.3,84.4%,62.4%)`
HSV (or HSB)	316.3°, 67.5, 94.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	59.856, 72.925, -28.552
XYZ	48.623, 27.963, 55.058
xyY	0.369, 0.212, 27.963
CIE-LCH	59.856, 78.315, 338.618
CIE-LUV	59.856, 85.046, -55.176
Hunter-Lab	52.88, 71.59, -24.716
Binary	11110000, 01001110, 11000100

#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#4ef07a
```
#4ef07a rgb(78,240,122)
```

Complementary Color

#cb4ef0
```
#cb4ef0 rgb(203,78,240)
```
#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#f04e73
```
#f04e73 rgb(240,78,115)
```

Analogous Color

#4ef0cb
```
#4ef0cb rgb(78,240,203)
```
#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#73f04e
```
#73f04e rgb(115,240,78)
```

Split Complementary Color

#4ec4f0
```
#4ec4f0 rgb(78,196,240)
```
#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#c4f04e
```
#c4f04e rgb(196,240,78)
```

Triadic Color

#7a4ef0
```
#7a4ef0 rgb(122,78,240)
```
#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#c4f04e
```
#c4f04e rgb(196,240,78)
```
#4ef07a
```
#4ef07a rgb(78,240,122)
```

Tetradic Color

#df13a7
```
#df13a7 rgb(223,19,167)
```
#ec1fb4
```
#ec1fb4 rgb(236,31,180)
```
#ee36bc
```
#ee36bc rgb(238,54,188)
```
#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#f266cc
```
#f266cc rgb(242,102,204)
```
#f47dd4
```
#f47dd4 rgb(244,125,212)
```
#f695dc
```
#f695dc rgb(246,149,220)
```

Monochromatic Color

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

#f04eed
```
#f04eed rgb(240,78,237)
```
#f04edf
```
#f04edf rgb(240,78,223)
```
#f04ed2
```
#f04ed2 rgb(240,78,210)
```
#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#f04eb7
```
#f04eb7 rgb(240,78,183)
```
#f04ea9
```
#f04ea9 rgb(240,78,169)
```
#f04e9c
```
#f04e9c rgb(240,78,156)
```

Similar Colors

Text with hexadecimal color #f04ec4

This text has a font color of #f04ec4.

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

#f04ec4 background color

This paragraph has a background color of #f04ec4.

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

#f04ec4 border color

This element has a border color of #f04ec4.

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

CSS codes

.text {color:#f04ec4;}

.background {background-color:#f04ec4;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#160210
```
#160210 rgb(22,2,16)
```
#28031e
```
#28031e rgb(40,3,30)
```
#3a052c
```
#3a052c rgb(58,5,44)
```
#4c0639
```
#4c0639 rgb(76,6,57)
```
#5e0847
```
#5e0847 rgb(94,8,71)
```
#700a54
```
#700a54 rgb(112,10,84)
```
#820b62
```
#820b62 rgb(130,11,98)
```
#940d70
```
#940d70 rgb(148,13,112)
```
#a70e7d
```
#a70e7d rgb(167,14,125)
```
#b9108b
```
#b9108b rgb(185,16,139)
```
#cb1198
```
#cb1198 rgb(203,17,152)
```
#dd13a6
```
#dd13a6 rgb(221,19,166)
```

Shade Color Variation

#eb18b2
```
#eb18b2 rgb(235,24,178)
```
#ed2ab8
```
#ed2ab8 rgb(237,42,184)
```
#ee3cbe
```
#ee3cbe rgb(238,60,190)
```
#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#f260ca
```
#f260ca rgb(242,96,202)
```
#f372d0
```
#f372d0 rgb(243,114,208)
```
#f584d6
```
#f584d6 rgb(245,132,214)
```
#f696dc
```
#f696dc rgb(246,150,220)
```
#f8a8e2
```
#f8a8e2 rgb(248,168,226)
```
#f9bae8
```
#f9bae8 rgb(249,186,232)
```
#fbcdee
```
#fbcdee rgb(251,205,238)
```
#fcdff4
```
#fcdff4 rgb(252,223,244)
```
#fef1fa
```
#fef1fa rgb(254,241,250)
```

Tint Color Variation

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

#a698a2
```
#a698a2 rgb(166,152,162)
```
#ae90a6
```
#ae90a6 rgb(174,144,166)
```
#b589a9
```
#b589a9 rgb(181,137,169)
```
#bc82ac
```
#bc82ac rgb(188,130,172)
```
#c47ab0
```
#c47ab0 rgb(196,122,176)
```
#cb73b3
```
#cb73b3 rgb(203,115,179)
```
#d26cb7
```
#d26cb7 rgb(210,108,183)
```
#da64ba
```
#da64ba rgb(218,100,186)
```
#e15dbd
```
#e15dbd rgb(225,93,189)
```
#e955c1
```
#e955c1 rgb(233,85,193)
```
#f04ec4
```
#f04ec4 rgb(240,78,196)
```
#f747c7
```
#f747c7 rgb(247,71,199)
```
#ff3fcb
```
#ff3fcb rgb(255,63,203)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a08097 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c92ef Protanopia 1% of men
#9093b8 Deuteranopia 1% of men
#e86f76 Tritanopia 0.001% of the population

Trichromacy

#9c79df Protanomaly 1% of men, 0.01% of women
#b37abc Deuteranomaly 6% of men, 0.4% of women
#eb6392 Tritanomaly 0.01% of the population

#f04ec4 hex color

#f04ec4 Color Information

#f04ec4 Color Conversion

Color Schemes with #f04ec4

Alternatives to #f04ec4

#f04ec4 Preview

Shades and Tints of #f04ec4

Tones of #f04ec4

Color Blindness Simulator