#f25ff4 hex color

In a RGB color space, hex #f25ff4 is composed of 94.9% red, 37.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 61.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 299.2 degrees, a saturation of 87.1% and a lightness of 66.5%. #f25ff4 color hex could be obtained by blending #ffbeff with #e500e9. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 95
- G 37
- B 96
RGB color chart
- C 1
- M 61
- Y 0
- K 4
CMYK color chart

● #f25ff4 color description : Soft magenta.

The hexadecimal color #f25ff4 has RGB values of R:242, G:95, B:244 and CMYK values of C:0.01, M:0.61, Y:0, K:0.04. Its decimal value is 15884276.

Hex triplet	f25ff4	`#f25ff4`
RGB Decimal	242, 95, 244	`rgb(242,95,244)`
RGB Percent	94.9, 37.3, 95.7	`rgb(94.9%,37.3%,95.7%)`
CMYK	1, 61, 0, 4
HSL	299.2°, 87.1, 66.5	`hsl(299.2,87.1%,66.5%)`
HSV (or HSB)	299.2°, 61.1, 95.7
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	64.641, 74.15, -48.008
XYZ	57.038, 33.597, 89.064
xyY	0.317, 0.187, 33.597
CIE-LCH	64.641, 88.334, 327.079
CIE-LUV	64.641, 65.249, -86.751
Hunter-Lab	57.962, 74.218, -50.53
Binary	11110010, 01011111, 11110100

#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#61f45f
```
#61f45f rgb(97,244,95)
```

Complementary Color

#a85ff4
```
#a85ff4 rgb(168,95,244)
```
#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#f45fac
```
#f45fac rgb(244,95,172)
```

Analogous Color

#5ff4a8
```
#5ff4a8 rgb(95,244,168)
```
#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#acf45f
```
#acf45f rgb(172,244,95)
```

Split Complementary Color

#5ff4f2
```
#5ff4f2 rgb(95,244,242)
```
#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#f4f25f
```
#f4f25f rgb(244,242,95)
```

Triadic Color

#5f61f4
```
#5f61f4 rgb(95,97,244)
```
#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#f4f25f
```
#f4f25f rgb(244,242,95)
```
#61f45f
```
#61f45f rgb(97,244,95)
```

Tetradic Color

#ec17ef
```
#ec17ef rgb(236,23,239)
```
#ee2ff1
```
#ee2ff1 rgb(238,47,241)
```
#f047f2
```
#f047f2 rgb(240,71,242)
```
#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#f477f6
```
#f477f6 rgb(244,119,246)
```
#f68ff7
```
#f68ff7 rgb(246,143,247)
```
#f8a7f9
```
#f8a7f9 rgb(248,167,249)
```

Monochromatic Color

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

#cd5ff4
```
#cd5ff4 rgb(205,95,244)
```
#d95ff4
```
#d95ff4 rgb(217,95,244)
```
#e65ff4
```
#e65ff4 rgb(230,95,244)
```
#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#f45fea
```
#f45fea rgb(244,95,234)
```
#f45fdd
```
#f45fdd rgb(244,95,221)
```
#f45fd1
```
#f45fd1 rgb(244,95,209)
```

Similar Colors

Text with hexadecimal color #f25ff4

This text has a font color of #f25ff4.

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

#f25ff4 background color

This paragraph has a background color of #f25ff4.

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

#f25ff4 border color

This element has a border color of #f25ff4.

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

CSS codes

.text {color:#f25ff4;}

.background {background-color:#f25ff4;}

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

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

#050005
```
#050005 rgb(5,0,5)
```
#170218
```
#170218 rgb(23,2,24)
```
#29032a
```
#29032a rgb(41,3,42)
```
#3b043c
```
#3b043c rgb(59,4,60)
```
#4e054f
```
#4e054f rgb(78,5,79)
```
#600761
```
#600761 rgb(96,7,97)
```
#720873
```
#720873 rgb(114,8,115)
```
#840986
```
#840986 rgb(132,9,134)
```
#960a98
```
#960a98 rgb(150,10,152)
```
#a80caa
```
#a80caa rgb(168,12,170)
```
#ba0dbd
```
#ba0dbd rgb(186,13,189)
```
#cc0ecf
```
#cc0ecf rgb(204,14,207)
```
#df0fe1
```
#df0fe1 rgb(223,15,225)
```

Shade Color Variation

#ec16ef
```
#ec16ef rgb(236,22,239)
```
#ee28f0
```
#ee28f0 rgb(238,40,240)
```
#ef3af1
```
#ef3af1 rgb(239,58,241)
```
#f14df3
```
#f14df3 rgb(241,77,243)
```
#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#f371f5
```
#f371f5 rgb(243,113,245)
```
#f584f7
```
#f584f7 rgb(245,132,247)
```
#f696f8
```
#f696f8 rgb(246,150,248)
```
#f8a8f9
```
#f8a8f9 rgb(248,168,249)
```
#f9bbfa
```
#f9bbfa rgb(249,187,250)
```
#fbcdfc
```
#fbcdfc rgb(251,205,252)
```
#fcdffd
```
#fcdffd rgb(252,223,253)
```
#fef2fe
```
#fef2fe rgb(254,242,254)
```

Tint Color Variation

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

#aca7ac
```
#aca7ac rgb(172,167,172)
```
#b2a1b2
```
#b2a1b2 rgb(178,161,178)
```
#b89ab9
```
#b89ab9 rgb(184,154,185)
```
#bf94bf
```
#bf94bf rgb(191,148,191)
```
#c58dc6
```
#c58dc6 rgb(197,141,198)
```
#cc86cd
```
#cc86cd rgb(204,134,205)
```
#d280d3
```
#d280d3 rgb(210,128,211)
```
#d879da
```
#d879da rgb(216,121,218)
```
#df73e0
```
#df73e0 rgb(223,115,224)
```
#e56ce7
```
#e56ce7 rgb(229,108,231)
```
#ec66ed
```
#ec66ed rgb(236,102,237)
```
#f25ff4
```
#f25ff4 rgb(242,95,244)
```
#f858fb
```
#f858fb rgb(248,88,251)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#ad90ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#769fff Protanopia 1% of men
#83a0e4 Deuteranopia 1% of men
#e5868f Tritanopia 0.001% of the population

Trichromacy

#a387fb Protanomaly 1% of men, 0.01% of women
#ab88ea Deuteranomaly 6% of men, 0.4% of women
#e978b3 Tritanomaly 0.01% of the population

#f25ff4 hex color

#f25ff4 Color Information

#f25ff4 Color Conversion

Color Schemes with #f25ff4

Alternatives to #f25ff4

#f25ff4 Preview

Shades and Tints of #f25ff4

Tones of #f25ff4

Color Blindness Simulator