#f57cfb hex color

In a RGB color space, hex #f57cfb is composed of 96.1% red, 48.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 50.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 297.2 degrees, a saturation of 94.1% and a lightness of 73.5%. #f57cfb color hex could be obtained by blending #fff8ff with #eb00f7. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 49
- B 98
RGB color chart
- C 2
- M 51
- Y 0
- K 2
CMYK color chart

● #f57cfb color description : Soft magenta.

The hexadecimal color #f57cfb has RGB values of R:245, G:124, B:251 and CMYK values of C:0.02, M:0.51, Y:0, K:0.02. Its decimal value is 16088315.

Hex triplet	f57cfb	`#f57cfb`
RGB Decimal	245, 124, 251	`rgb(245,124,251)`
RGB Percent	96.1, 48.6, 98.4	`rgb(96.1%,48.6%,98.4%)`
CMYK	2, 51, 0, 2
HSL	297.2°, 94.1, 73.5	`hsl(297.2,94.1%,73.5%)`
HSV (or HSB)	297.2°, 50.6, 98.4
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	70.033, 63.441, -43.351
XYZ	62.275, 40.796, 95.856
xyY	0.313, 0.205, 40.796
CIE-LCH	70.033, 76.838, 325.655
CIE-LUV	70.033, 55.68, -78.828
Hunter-Lab	63.872, 62.262, -44.27
Binary	11110101, 01111100, 11111011

#f57cfb
```
#f57cfb rgb(245,124,251)
```
#82fb7c
```
#82fb7c rgb(130,251,124)
```

Complementary Color

#b67cfb
```
#b67cfb rgb(182,124,251)
```
#f57cfb
```
#f57cfb rgb(245,124,251)
```
#fb7cc2
```
#fb7cc2 rgb(251,124,194)
```

Analogous Color

#7cfbb6
```
#7cfbb6 rgb(124,251,182)
```
#f57cfb
```
#f57cfb rgb(245,124,251)
```
#c2fb7c
```
#c2fb7c rgb(194,251,124)
```

Split Complementary Color

#7cfbf5
```
#7cfbf5 rgb(124,251,245)
```
#f57cfb
```
#f57cfb rgb(245,124,251)
```
#fbf57c
```
#fbf57c rgb(251,245,124)
```

Triadic Color

#7c82fb
```
#7c82fb rgb(124,130,251)
```
#f57cfb
```
#f57cfb rgb(245,124,251)
```
#fbf57c
```
#fbf57c rgb(251,245,124)
```
#82fb7c
```
#82fb7c rgb(130,251,124)
```

Tetradic Color

#ef32f9
```
#ef32f9 rgb(239,50,249)
```
#f14bf9
```
#f14bf9 rgb(241,75,249)
```
#f363fa
```
#f363fa rgb(243,99,250)
```
#f57cfb
```
#f57cfb rgb(245,124,251)
```
#f795fc
```
#f795fc rgb(247,149,252)
```
#f9adfd
```
#f9adfd rgb(249,173,253)
```
#fbc6fd
```
#fbc6fd rgb(251,198,253)
```

Monochromatic Color

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

#d57cfb
```
#d57cfb rgb(213,124,251)
```
#e07cfb
```
#e07cfb rgb(224,124,251)
```
#ea7cfb
```
#ea7cfb rgb(234,124,251)
```
#f57cfb
```
#f57cfb rgb(245,124,251)
```
#fb7cf6
```
#fb7cf6 rgb(251,124,246)
```
#fb7cec
```
#fb7cec rgb(251,124,236)
```
#fb7ce1
```
#fb7ce1 rgb(251,124,225)
```

Similar Colors

Text with hexadecimal color #f57cfb

This text has a font color of #f57cfb.

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

#f57cfb background color

This paragraph has a background color of #f57cfb.

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

#f57cfb border color

This element has a border color of #f57cfb.

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

CSS codes

.text {color:#f57cfb;}

.background {background-color:#f57cfb;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#140115
```
#140115 rgb(20,1,21)
```
#260128
```
#260128 rgb(38,1,40)
```
#39023b
```
#39023b rgb(57,2,59)
```
#4b024e
```
#4b024e rgb(75,2,78)
```
#5d0361
```
#5d0361 rgb(93,3,97)
```
#6f0474
```
#6f0474 rgb(111,4,116)
```
#810487
```
#810487 rgb(129,4,135)
```
#93059b
```
#93059b rgb(147,5,155)
```
#a605ae
```
#a605ae rgb(166,5,174)
```
#b806c1
```
#b806c1 rgb(184,6,193)
```
#ca06d4
```
#ca06d4 rgb(202,6,212)
```
#dc07e7
```
#dc07e7 rgb(220,7,231)
```

Shade Color Variation

#ec0af8
```
#ec0af8 rgb(236,10,248)
```
#ee1df8
```
#ee1df8 rgb(238,29,248)
```
#ef30f9
```
#ef30f9 rgb(239,48,249)
```
#f143f9
```
#f143f9 rgb(241,67,249)
```
#f256fa
```
#f256fa rgb(242,86,250)
```
#f469fa
```
#f469fa rgb(244,105,250)
```
#f57cfb
```
#f57cfb rgb(245,124,251)
```
#f68ffc
```
#f68ffc rgb(246,143,252)
```
#f8a2fc
```
#f8a2fc rgb(248,162,252)
```
#f9b5fd
```
#f9b5fd rgb(249,181,253)
```
#fbc8fd
```
#fbc8fd rgb(251,200,253)
```
#fcdbfe
```
#fcdbfe rgb(252,219,254)
```
#feeefe
```
#feeefe rgb(254,238,254)
```

Tint Color Variation

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

#bdbabd
```
#bdbabd rgb(189,186,189)
```
#c1b5c2
```
#c1b5c2 rgb(193,181,194)
```
#c6b0c7
```
#c6b0c7 rgb(198,176,199)
```
#cbabcc
```
#cbabcc rgb(203,171,204)
```
#cfa6d1
```
#cfa6d1 rgb(207,166,209)
```
#d4a0d7
```
#d4a0d7 rgb(212,160,215)
```
#d99bdc
```
#d99bdc rgb(217,155,220)
```
#dd96e1
```
#dd96e1 rgb(221,150,225)
```
#e291e6
```
#e291e6 rgb(226,145,230)
```
#e78ceb
```
#e78ceb rgb(231,140,235)
```
#ec86f1
```
#ec86f1 rgb(236,134,241)
```
#f081f6
```
#f081f6 rgb(240,129,246)
```
#f57cfb
```
#f57cfb rgb(245,124,251)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#bda5be Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fadff Protanopia 1% of men
#98adee Deuteranopia 1% of men
#e899a4 Tritanopia 0.001% of the population

Trichromacy

#b49bfd Protanomaly 1% of men, 0.01% of women
#b99bf2 Deuteranomaly 6% of men, 0.4% of women
#ed8ec3 Tritanomaly 0.01% of the population

#f57cfb hex color

#f57cfb Color Information

#f57cfb Color Conversion

Color Schemes with #f57cfb

Alternatives to #f57cfb

#f57cfb Preview

Shades and Tints of #f57cfb

Tones of #f57cfb

Color Blindness Simulator