#f056f4 hex color

In a RGB color space, hex #f056f4 is composed of 94.1% red, 33.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 64.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 298.5 degrees, a saturation of 87.8% and a lightness of 64.7%. #f056f4 color hex could be obtained by blending #ffacff with #e100e9. Closest websafe color is: #ff66ff.

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

● #f056f4 color description : Soft magenta.

The hexadecimal color #f056f4 has RGB values of R:240, G:86, B:244 and CMYK values of C:0.02, M:0.65, Y:0, K:0.04. Its decimal value is 15750900.

Hex triplet	f056f4	`#f056f4`
RGB Decimal	240, 86, 244	`rgb(240,86,244)`
RGB Percent	94.1, 33.7, 95.7	`rgb(94.1%,33.7%,95.7%)`
CMYK	2, 65, 0, 4
HSL	298.5°, 87.8, 64.7	`hsl(298.5,87.8%,64.7%)`
HSV (or HSB)	298.5°, 64.8, 95.7
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.107, 77.164, -50.451
XYZ	55.591, 31.716, 88.777
xyY	0.316, 0.18, 31.716
CIE-LCH	63.107, 92.193, 326.823
CIE-LUV	63.107, 66.395, -90.642
Hunter-Lab	56.317, 77.645, -54.042
Binary	11110000, 01010110, 11110100

#f056f4
```
#f056f4 rgb(240,86,244)
```
#5af456
```
#5af456 rgb(90,244,86)
```

Complementary Color

#a156f4
```
#a156f4 rgb(161,86,244)
```
#f056f4
```
#f056f4 rgb(240,86,244)
```
#f456a9
```
#f456a9 rgb(244,86,169)
```

Analogous Color

#56f4a1
```
#56f4a1 rgb(86,244,161)
```
#f056f4
```
#f056f4 rgb(240,86,244)
```
#a9f456
```
#a9f456 rgb(169,244,86)
```

Split Complementary Color

#56f4f0
```
#56f4f0 rgb(86,244,240)
```
#f056f4
```
#f056f4 rgb(240,86,244)
```
#f4f056
```
#f4f056 rgb(244,240,86)
```

Triadic Color

#565af4
```
#565af4 rgb(86,90,244)
```
#f056f4
```
#f056f4 rgb(240,86,244)
```
#f4f056
```
#f4f056 rgb(244,240,86)
```
#5af456
```
#5af456 rgb(90,244,86)
```

Tetradic Color

#e80fee
```
#e80fee rgb(232,15,238)
```
#ec26f1
```
#ec26f1 rgb(236,38,241)
```
#ee3ef2
```
#ee3ef2 rgb(238,62,242)
```
#f056f4
```
#f056f4 rgb(240,86,244)
```
#f26ef6
```
#f26ef6 rgb(242,110,246)
```
#f486f7
```
#f486f7 rgb(244,134,247)
```
#f69ef9
```
#f69ef9 rgb(246,158,249)
```

Monochromatic Color

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

#c956f4
```
#c956f4 rgb(201,86,244)
```
#d656f4
```
#d656f4 rgb(214,86,244)
```
#e356f4
```
#e356f4 rgb(227,86,244)
```
#f056f4
```
#f056f4 rgb(240,86,244)
```
#f456eb
```
#f456eb rgb(244,86,235)
```
#f456de
```
#f456de rgb(244,86,222)
```
#f456d1
```
#f456d1 rgb(244,86,209)
```

Similar Colors

Text with hexadecimal color #f056f4

This text has a font color of #f056f4.

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

#f056f4 background color

This paragraph has a background color of #f056f4.

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

#f056f4 border color

This element has a border color of #f056f4.

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

CSS codes

.text {color:#f056f4;}

.background {background-color:#f056f4;}

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

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 #fffcff is the lightest one.

#0f010f
```
#0f010f rgb(15,1,15)
```
#210222
```
#210222 rgb(33,2,34)
```
#330334
```
#330334 rgb(51,3,52)
```
#450546
```
#450546 rgb(69,5,70)
```
#570659
```
#570659 rgb(87,6,89)
```
#69076b
```
#69076b rgb(105,7,107)
```
#7b087e
```
#7b087e rgb(123,8,126)
```
#8d0990
```
#8d0990 rgb(141,9,144)
```
#9f0ba3
```
#9f0ba3 rgb(159,11,163)
```
#b10cb5
```
#b10cb5 rgb(177,12,181)
```
#c30dc7
```
#c30dc7 rgb(195,13,199)
```
#d50eda
```
#d50eda rgb(213,14,218)
```
#e70fec
```
#e70fec rgb(231,15,236)
```

Shade Color Variation

#eb1ff0
```
#eb1ff0 rgb(235,31,240)
```
#ed31f2
```
#ed31f2 rgb(237,49,242)
```
#ee44f3
```
#ee44f3 rgb(238,68,243)
```
#f056f4
```
#f056f4 rgb(240,86,244)
```
#f268f5
```
#f268f5 rgb(242,104,245)
```
#f37bf6
```
#f37bf6 rgb(243,123,246)
```
#f58df8
```
#f58df8 rgb(245,141,248)
```
#f7a0f9
```
#f7a0f9 rgb(247,160,249)
```
#f8b2fa
```
#f8b2fa rgb(248,178,250)
```
#fac5fb
```
#fac5fb rgb(250,197,251)
```
#fbd7fc
```
#fbd7fc rgb(251,215,252)
```
#fde9fe
```
#fde9fe rgb(253,233,254)
```
#fffcff
```
#fffcff rgb(255,252,255)
```

Tint Color Variation

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

#a8a2a8
```
#a8a2a8 rgb(168,162,168)
```
#ae9baf
```
#ae9baf rgb(174,155,175)
```
#b594b6
```
#b594b6 rgb(181,148,182)
```
#bb8dbd
```
#bb8dbd rgb(187,141,189)
```
#c286c4
```
#c286c4 rgb(194,134,196)
```
#c980ca
```
#c980ca rgb(201,128,202)
```
#cf79d1
```
#cf79d1 rgb(207,121,209)
```
#d672d8
```
#d672d8 rgb(214,114,216)
```
#dc6bdf
```
#dc6bdf rgb(220,107,223)
```
#e364e6
```
#e364e6 rgb(227,100,230)
```
#e95ded
```
#e95ded rgb(233,93,237)
```
#f056f4
```
#f056f4 rgb(240,86,244)
```
#f74ffb
```
#f74ffb rgb(247,79,251)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a889a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9bff Protanopia 1% of men
#7c9de3 Deuteranopia 1% of men
#e28189 Tritanopia 0.001% of the population

Trichromacy

#9d81fb Protanomaly 1% of men, 0.01% of women
#a683e9 Deuteranomaly 6% of men, 0.4% of women
#e771b0 Tritanomaly 0.01% of the population

#f056f4 hex color

#f056f4 Color Information

#f056f4 Color Conversion

Color Schemes with #f056f4

Alternatives to #f056f4

#f056f4 Preview

Shades and Tints of #f056f4

Tones of #f056f4

Color Blindness Simulator