#f057f6 hex color

In a RGB color space, hex #f057f6 is composed of 94.1% red, 34.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 64.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 297.7 degrees, a saturation of 89.8% and a lightness of 65.3%. #f057f6 color hex could be obtained by blending #ffaeff with #e100ed. 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

● #f057f6 color description : Soft magenta.

The hexadecimal color #f057f6 has RGB values of R:240, G:87, B:246 and CMYK values of C:0.02, M:0.65, Y:0, K:0.04. Its decimal value is 15751158.

Hex triplet	f057f6	`#f057f6`
RGB Decimal	240, 87, 246	`rgb(240,87,246)`
RGB Percent	94.1, 34.1, 96.5	`rgb(94.1%,34.1%,96.5%)`
CMYK	2, 65, 0, 4
HSL	297.7°, 89.8, 65.3	`hsl(297.7,89.8%,65.3%)`
HSV (or HSB)	297.7°, 64.6, 96.5
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	63.342, 77.118, -51.187
XYZ	55.977, 31.999, 90.412
xyY	0.314, 0.179, 31.999
CIE-LCH	63.342, 92.559, 326.426
CIE-LUV	63.342, 65.504, -91.862
Hunter-Lab	56.567, 77.643, -55.166
Binary	11110000, 01010111, 11110110

#f057f6
```
#f057f6 rgb(240,87,246)
```
#5df657
```
#5df657 rgb(93,246,87)
```

Complementary Color

#a157f6
```
#a157f6 rgb(161,87,246)
```
#f057f6
```
#f057f6 rgb(240,87,246)
```
#f657ad
```
#f657ad rgb(246,87,173)
```

Analogous Color

#57f6a1
```
#57f6a1 rgb(87,246,161)
```
#f057f6
```
#f057f6 rgb(240,87,246)
```
#adf657
```
#adf657 rgb(173,246,87)
```

Split Complementary Color

#57f6f0
```
#57f6f0 rgb(87,246,240)
```
#f057f6
```
#f057f6 rgb(240,87,246)
```
#f6f057
```
#f6f057 rgb(246,240,87)
```

Triadic Color

#575df6
```
#575df6 rgb(87,93,246)
```
#f057f6
```
#f057f6 rgb(240,87,246)
```
#f6f057
```
#f6f057 rgb(246,240,87)
```
#5df657
```
#5df657 rgb(93,246,87)
```

Tetradic Color

#ea0ef2
```
#ea0ef2 rgb(234,14,242)
```
#ec27f3
```
#ec27f3 rgb(236,39,243)
```
#ee3ff5
```
#ee3ff5 rgb(238,63,245)
```
#f057f6
```
#f057f6 rgb(240,87,246)
```
#f26ff7
```
#f26ff7 rgb(242,111,247)
```
#f487f9
```
#f487f9 rgb(244,135,249)
```
#f6a0fa
```
#f6a0fa rgb(246,160,250)
```

Monochromatic Color

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

#c857f6
```
#c857f6 rgb(200,87,246)
```
#d657f6
```
#d657f6 rgb(214,87,246)
```
#e357f6
```
#e357f6 rgb(227,87,246)
```
#f057f6
```
#f057f6 rgb(240,87,246)
```
#f657ef
```
#f657ef rgb(246,87,239)
```
#f657e2
```
#f657e2 rgb(246,87,226)
```
#f657d4
```
#f657d4 rgb(246,87,212)
```

Similar Colors

Text with hexadecimal color #f057f6

This text has a font color of #f057f6.

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

#f057f6 background color

This paragraph has a background color of #f057f6.

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

#f057f6 border color

This element has a border color of #f057f6.

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

CSS codes

.text {color:#f057f6;}

.background {background-color:#f057f6;}

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

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

#120112
```
#120112 rgb(18,1,18)
```
#230225
```
#230225 rgb(35,2,37)
```
#350337
```
#350337 rgb(53,3,55)
```
#47044a
```
#47044a rgb(71,4,74)
```
#59055d
```
#59055d rgb(89,5,93)
```
#6b066f
```
#6b066f rgb(107,6,111)
```
#7d0782
```
#7d0782 rgb(125,7,130)
```
#8f0895
```
#8f0895 rgb(143,8,149)
```
#a109a7
```
#a109a7 rgb(161,9,167)
```
#b30aba
```
#b30aba rgb(179,10,186)
```
#c50bcc
```
#c50bcc rgb(197,11,204)
```
#d70cdf
```
#d70cdf rgb(215,12,223)
```
#e90df2
```
#e90df2 rgb(233,13,242)
```

Shade Color Variation

#eb1ff3
```
#eb1ff3 rgb(235,31,243)
```
#ed32f4
```
#ed32f4 rgb(237,50,244)
```
#ee44f5
```
#ee44f5 rgb(238,68,245)
```
#f057f6
```
#f057f6 rgb(240,87,246)
```
#f26af7
```
#f26af7 rgb(242,106,247)
```
#f37cf8
```
#f37cf8 rgb(243,124,248)
```
#f58ff9
```
#f58ff9 rgb(245,143,249)
```
#f7a1fa
```
#f7a1fa rgb(247,161,250)
```
#f8b4fb
```
#f8b4fb rgb(248,180,251)
```
#fac7fc
```
#fac7fc rgb(250,199,252)
```
#fcd9fd
```
#fcd9fd rgb(252,217,253)
```
#fdecfe
```
#fdecfe rgb(253,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#aba2ab
```
#aba2ab rgb(171,162,171)
```
#b19bb2
```
#b19bb2 rgb(177,155,178)
```
#b794b9
```
#b794b9 rgb(183,148,185)
```
#be8dc0
```
#be8dc0 rgb(190,141,192)
```
#c487c6
```
#c487c6 rgb(196,135,198)
```
#ca80cd
```
#ca80cd rgb(202,128,205)
```
#d179d4
```
#d179d4 rgb(209,121,212)
```
#d772db
```
#d772db rgb(215,114,219)
```
#dd6be2
```
#dd6be2 rgb(221,107,226)
```
#e365e8
```
#e365e8 rgb(227,101,232)
```
#ea5eef
```
#ea5eef rgb(234,94,239)
```
#f057f6
```
#f057f6 rgb(240,87,246)
```
#f650fd
```
#f650fd rgb(246,80,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#a98aaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f9bff Protanopia 1% of men
#7b9ee5 Deuteranopia 1% of men
#e2828b Tritanopia 0.001% of the population

Trichromacy

#9d82fb Protanomaly 1% of men, 0.01% of women
#a584eb Deuteranomaly 6% of men, 0.4% of women
#e772b2 Tritanomaly 0.01% of the population

#f057f6 hex color

#f057f6 Color Information

#f057f6 Color Conversion

Color Schemes with #f057f6

Alternatives to #f057f6

#f057f6 Preview

Shades and Tints of #f057f6

Tones of #f057f6

Color Blindness Simulator