#f57bfe hex color

In a RGB color space, hex #f57bfe is composed of 96.1% red, 48.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 3.5% cyan, 51.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 295.9 degrees, a saturation of 98.5% and a lightness of 73.9%. #f57bfe color hex could be obtained by blending #fff6ff with #eb00fd. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 48
- B 100
RGB color chart
- C 4
- M 52
- Y 0
- K 0
CMYK color chart

● #f57bfe color description : Soft magenta.

The hexadecimal color #f57bfe has RGB values of R:245, G:123, B:254 and CMYK values of C:0.04, M:0.52, Y:0, K:0. Its decimal value is 16088062.

Hex triplet	f57bfe	`#f57bfe`
RGB Decimal	245, 123, 254	`rgb(245,123,254)`
RGB Percent	96.1, 48.2, 99.6	`rgb(96.1%,48.2%,99.6%)`
CMYK	4, 52, 0, 0
HSL	295.9°, 98.5, 73.9	`hsl(295.9,98.5%,73.9%)`
HSV (or HSB)	295.9°, 51.6, 99.6
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	69.991, 64.436, -45.054
XYZ	62.627, 40.737, 98.325
xyY	0.311, 0.202, 40.737
CIE-LCH	69.991, 78.625, 325.039
CIE-LUV	69.991, 55.297, -81.744
Hunter-Lab	63.826, 63.453, -46.66
Binary	11110101, 01111011, 11111110

#f57bfe
```
#f57bfe rgb(245,123,254)
```
#84fe7b
```
#84fe7b rgb(132,254,123)
```

Complementary Color

#b47bfe
```
#b47bfe rgb(180,123,254)
```
#f57bfe
```
#f57bfe rgb(245,123,254)
```
#fe7bc6
```
#fe7bc6 rgb(254,123,198)
```

Analogous Color

#7bfeb4
```
#7bfeb4 rgb(123,254,180)
```
#f57bfe
```
#f57bfe rgb(245,123,254)
```
#c6fe7b
```
#c6fe7b rgb(198,254,123)
```

Split Complementary Color

#7bfef5
```
#7bfef5 rgb(123,254,245)
```
#f57bfe
```
#f57bfe rgb(245,123,254)
```
#fef57b
```
#fef57b rgb(254,245,123)
```

Triadic Color

#7b84fe
```
#7b84fe rgb(123,132,254)
```
#f57bfe
```
#f57bfe rgb(245,123,254)
```
#fef57b
```
#fef57b rgb(254,245,123)
```
#84fe7b
```
#84fe7b rgb(132,254,123)
```

Tetradic Color

#ef2ffd
```
#ef2ffd rgb(239,47,253)
```
#f148fe
```
#f148fe rgb(241,72,254)
```
#f362fe
```
#f362fe rgb(243,98,254)
```
#f57bfe
```
#f57bfe rgb(245,123,254)
```
#f794fe
```
#f794fe rgb(247,148,254)
```
#f9aefe
```
#f9aefe rgb(249,174,254)
```
#fbc7ff
```
#fbc7ff rgb(251,199,255)
```

Monochromatic Color

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

#d47bfe
```
#d47bfe rgb(212,123,254)
```
#df7bfe
```
#df7bfe rgb(223,123,254)
```
#ea7bfe
```
#ea7bfe rgb(234,123,254)
```
#f57bfe
```
#f57bfe rgb(245,123,254)
```
#fe7bfc
```
#fe7bfc rgb(254,123,252)
```
#fe7bf1
```
#fe7bf1 rgb(254,123,241)
```
#fe7be6
```
#fe7be6 rgb(254,123,230)
```

Similar Colors

Text with hexadecimal color #f57bfe

This text has a font color of #f57bfe.

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

#f57bfe background color

This paragraph has a background color of #f57bfe.

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

#f57bfe border color

This element has a border color of #f57bfe.

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

CSS codes

.text {color:#f57bfe;}

.background {background-color:#f57bfe;}

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

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

#040004
```
#040004 rgb(4,0,4)
```
#160018
```
#160018 rgb(22,0,24)
```
#28002b
```
#28002b rgb(40,0,43)
```
#3a003f
```
#3a003f rgb(58,0,63)
```
#4d0152
```
#4d0152 rgb(77,1,82)
```
#5f0166
```
#5f0166 rgb(95,1,102)
```
#710179
```
#710179 rgb(113,1,121)
```
#83018d
```
#83018d rgb(131,1,141)
```
#9501a0
```
#9501a0 rgb(149,1,160)
```
#a701b3
```
#a701b3 rgb(167,1,179)
```
#b902c7
```
#b902c7 rgb(185,2,199)
```
#cc02da
```
#cc02da rgb(204,2,218)
```
#de02ee
```
#de02ee rgb(222,2,238)
```

Shade Color Variation

#ec06fd
```
#ec06fd rgb(236,6,253)
```
#ee1afd
```
#ee1afd rgb(238,26,253)
```
#ef2dfd
```
#ef2dfd rgb(239,45,253)
```
#f141fe
```
#f141fe rgb(241,65,254)
```
#f254fe
```
#f254fe rgb(242,84,254)
```
#f468fe
```
#f468fe rgb(244,104,254)
```
#f57bfe
```
#f57bfe rgb(245,123,254)
```
#f68efe
```
#f68efe rgb(246,142,254)
```
#f8a2fe
```
#f8a2fe rgb(248,162,254)
```
#f9b5fe
```
#f9b5fe rgb(249,181,254)
```
#fbc9ff
```
#fbc9ff rgb(251,201,255)
```
#fcdcff
```
#fcdcff rgb(252,220,255)
```
#fef0ff
```
#fef0ff rgb(254,240,255)
```

Tint Color Variation

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

#c0b8c1
```
#c0b8c1 rgb(192,184,193)
```
#c4b3c6
```
#c4b3c6 rgb(196,179,198)
```
#c9aecb
```
#c9aecb rgb(201,174,203)
```
#cda9d0
```
#cda9d0 rgb(205,169,208)
```
#d2a4d5
```
#d2a4d5 rgb(210,164,213)
```
#d69fda
```
#d69fda rgb(214,159,218)
```
#db9adf
```
#db9adf rgb(219,154,223)
```
#df95e4
```
#df95e4 rgb(223,149,228)
```
#e38fea
```
#e38fea rgb(227,143,234)
```
#e88aef
```
#e88aef rgb(232,138,239)
```
#ec85f4
```
#ec85f4 rgb(236,133,244)
```
#f180f9
```
#f180f9 rgb(241,128,249)
```
#f57bfe
```
#f57bfe rgb(245,123,254)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#bca4be Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fadff Protanopia 1% of men
#95adf0 Deuteranopia 1% of men
#e899a4 Tritanopia 0.001% of the population

Trichromacy

#b49afe Protanomaly 1% of men, 0.01% of women
#b89bf5 Deuteranomaly 6% of men, 0.4% of women
#ec8ec4 Tritanomaly 0.01% of the population

#f57bfe hex color

#f57bfe Color Information

#f57bfe Color Conversion

Color Schemes with #f57bfe

Alternatives to #f57bfe

#f57bfe Preview

Shades and Tints of #f57bfe

Tones of #f57bfe

Color Blindness Simulator