#f57bfa hex color

In a RGB color space, hex #f57bfa is composed of 96.1% red, 48.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 50.8% magenta, 0% yellow and 2% black. It has a hue angle of 297.6 degrees, a saturation of 92.7% and a lightness of 73.1%. #f57bfa color hex could be obtained by blending #fff6ff with #eb00f5. Closest websafe color is: #ff66ff.

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

● #f57bfa color description : Soft magenta.

The hexadecimal color #f57bfa has RGB values of R:245, G:123, B:250 and CMYK values of C:0.02, M:0.51, Y:0, K:0.02. Its decimal value is 16088058.

Hex triplet	f57bfa	`#f57bfa`
RGB Decimal	245, 123, 250	`rgb(245,123,250)`
RGB Percent	96.1, 48.2, 98	`rgb(96.1%,48.2%,98%)`
CMYK	2, 51, 0, 2
HSL	297.6°, 92.7, 73.1	`hsl(297.6,92.7%,73.1%)`
HSV (or HSB)	297.6°, 50.8, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	69.812, 63.734, -43.149
XYZ	61.993, 40.483, 94.986
xyY	0.314, 0.205, 40.483
CIE-LCH	69.812, 76.966, 325.901
CIE-LUV	69.812, 56.299, -78.502
Hunter-Lab	63.627, 62.57, -43.973
Binary	11110101, 01111011, 11111010

#f57bfa
```
#f57bfa rgb(245,123,250)
```
#80fa7b
```
#80fa7b rgb(128,250,123)
```

Complementary Color

#b67bfa
```
#b67bfa rgb(182,123,250)
```
#f57bfa
```
#f57bfa rgb(245,123,250)
```
#fa7bc0
```
#fa7bc0 rgb(250,123,192)
```

Analogous Color

#7bfab6
```
#7bfab6 rgb(123,250,182)
```
#f57bfa
```
#f57bfa rgb(245,123,250)
```
#c0fa7b
```
#c0fa7b rgb(192,250,123)
```

Split Complementary Color

#7bfaf5
```
#7bfaf5 rgb(123,250,245)
```
#f57bfa
```
#f57bfa rgb(245,123,250)
```
#faf57b
```
#faf57b rgb(250,245,123)
```

Triadic Color

#7b80fa
```
#7b80fa rgb(123,128,250)
```
#f57bfa
```
#f57bfa rgb(245,123,250)
```
#faf57b
```
#faf57b rgb(250,245,123)
```
#80fa7b
```
#80fa7b rgb(128,250,123)
```

Tetradic Color

#ef31f7
```
#ef31f7 rgb(239,49,247)
```
#f14af8
```
#f14af8 rgb(241,74,248)
```
#f362f9
```
#f362f9 rgb(243,98,249)
```
#f57bfa
```
#f57bfa rgb(245,123,250)
```
#f794fb
```
#f794fb rgb(247,148,251)
```
#f9acfc
```
#f9acfc rgb(249,172,252)
```
#fbc5fd
```
#fbc5fd rgb(251,197,253)
```

Monochromatic Color

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

#d57bfa
```
#d57bfa rgb(213,123,250)
```
#e07bfa
```
#e07bfa rgb(224,123,250)
```
#ea7bfa
```
#ea7bfa rgb(234,123,250)
```
#f57bfa
```
#f57bfa rgb(245,123,250)
```
#fa7bf4
```
#fa7bf4 rgb(250,123,244)
```
#fa7bea
```
#fa7bea rgb(250,123,234)
```
#fa7bdf
```
#fa7bdf rgb(250,123,223)
```

Similar Colors

Text with hexadecimal color #f57bfa

This text has a font color of #f57bfa.

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

#f57bfa background color

This paragraph has a background color of #f57bfa.

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

#f57bfa border color

This element has a border color of #f57bfa.

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

CSS codes

.text {color:#f57bfa;}

.background {background-color:#f57bfa;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#120113
```
#120113 rgb(18,1,19)
```
#250126
```
#250126 rgb(37,1,38)
```
#370239
```
#370239 rgb(55,2,57)
```
#49034c
```
#49034c rgb(73,3,76)
```
#5b045f
```
#5b045f rgb(91,4,95)
```
#6d0472
```
#6d0472 rgb(109,4,114)
```
#800585
```
#800585 rgb(128,5,133)
```
#920697
```
#920697 rgb(146,6,151)
```
#a406aa
```
#a406aa rgb(164,6,170)
```
#b607bd
```
#b607bd rgb(182,7,189)
```
#c808d0
```
#c808d0 rgb(200,8,208)
```
#da09e3
```
#da09e3 rgb(218,9,227)
```

Shade Color Variation

#ec0af6
```
#ec0af6 rgb(236,10,246)
```
#ee1df6
```
#ee1df6 rgb(238,29,246)
```
#ef2ff7
```
#ef2ff7 rgb(239,47,247)
```
#f142f8
```
#f142f8 rgb(241,66,248)
```
#f255f9
```
#f255f9 rgb(242,85,249)
```
#f468f9
```
#f468f9 rgb(244,104,249)
```
#f57bfa
```
#f57bfa rgb(245,123,250)
```
#f68efb
```
#f68efb rgb(246,142,251)
```
#f8a1fb
```
#f8a1fb rgb(248,161,251)
```
#f9b4fc
```
#f9b4fc rgb(249,180,252)
```
#fbc7fd
```
#fbc7fd rgb(251,199,253)
```
#fcd9fe
```
#fcd9fe rgb(252,217,254)
```
#feecfe
```
#feecfe rgb(254,236,254)
```

Tint Color Variation

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

#bbbabb
```
#bbbabb rgb(187,186,187)
```
#c0b5c0
```
#c0b5c0 rgb(192,181,192)
```
#c4b0c5
```
#c4b0c5 rgb(196,176,197)
```
#c9aacb
```
#c9aacb rgb(201,170,203)
```
#cea5d0
```
#cea5d0 rgb(206,165,208)
```
#d3a0d5
```
#d3a0d5 rgb(211,160,213)
```
#d89bda
```
#d89bda rgb(216,155,218)
```
#dd95e0
```
#dd95e0 rgb(221,149,224)
```
#e290e5
```
#e290e5 rgb(226,144,229)
```
#e68bea
```
#e68bea rgb(230,139,234)
```
#eb86ef
```
#eb86ef rgb(235,134,239)
```
#f080f5
```
#f080f5 rgb(240,128,245)
```
#f57bfa
```
#f57bfa rgb(245,123,250)
```

Tone Color Variation

Below, you can see how #f57bfa 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
#bca4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#8eacff Protanopia 1% of men
#97aded Deuteranopia 1% of men
#e898a3 Tritanopia 0.001% of the population

Trichromacy

#b39afd Protanomaly 1% of men, 0.01% of women
#b99af1 Deuteranomaly 6% of men, 0.4% of women
#ed8dc2 Tritanomaly 0.01% of the population

#f57bfa hex color

#f57bfa Color Information

#f57bfa Color Conversion

Color Schemes with #f57bfa

Alternatives to #f57bfa

#f57bfa Preview

Shades and Tints of #f57bfa

Tones of #f57bfa

Color Blindness Simulator