#f577fa hex color

In a RGB color space, hex #f577fa is composed of 96.1% red, 46.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 52.4% magenta, 0% yellow and 2% black. It has a hue angle of 297.7 degrees, a saturation of 92.9% and a lightness of 72.4%. #f577fa color hex could be obtained by blending #ffeeff with #eb00f5. Closest websafe color is: #ff66ff.

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

● #f577fa color description : Soft magenta.

The hexadecimal color #f577fa has RGB values of R:245, G:119, B:250 and CMYK values of C:0.02, M:0.52, Y:0, K:0.02. Its decimal value is 16087034.

Hex triplet	f577fa	`#f577fa`
RGB Decimal	245, 119, 250	`rgb(245,119,250)`
RGB Percent	96.1, 46.7, 98	`rgb(96.1%,46.7%,98%)`
CMYK	2, 52, 0, 2
HSL	297.7°, 92.9, 72.4	`hsl(297.7,92.9%,72.4%)`
HSV (or HSB)	297.7°, 52.4, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	69.12, 65.582, -44.234
XYZ	61.507, 39.511, 94.824
xyY	0.314, 0.202, 39.511
CIE-LCH	69.12, 79.105, 326.001
CIE-LUV	69.12, 57.749, -80.414
Hunter-Lab	62.858, 64.661, -45.441
Binary	11110101, 01110111, 11111010

#f577fa
```
#f577fa rgb(245,119,250)
```
#7cfa77
```
#7cfa77 rgb(124,250,119)
```

Complementary Color

#b477fa
```
#b477fa rgb(180,119,250)
```
#f577fa
```
#f577fa rgb(245,119,250)
```
#fa77be
```
#fa77be rgb(250,119,190)
```

Analogous Color

#77fab4
```
#77fab4 rgb(119,250,180)
```
#f577fa
```
#f577fa rgb(245,119,250)
```
#befa77
```
#befa77 rgb(190,250,119)
```

Split Complementary Color

#77faf5
```
#77faf5 rgb(119,250,245)
```
#f577fa
```
#f577fa rgb(245,119,250)
```
#faf577
```
#faf577 rgb(250,245,119)
```

Triadic Color

#777cfa
```
#777cfa rgb(119,124,250)
```
#f577fa
```
#f577fa rgb(245,119,250)
```
#faf577
```
#faf577 rgb(250,245,119)
```
#7cfa77
```
#7cfa77 rgb(124,250,119)
```

Tetradic Color

#f02df7
```
#f02df7 rgb(240,45,247)
```
#f146f8
```
#f146f8 rgb(241,70,248)
```
#f35ef9
```
#f35ef9 rgb(243,94,249)
```
#f577fa
```
#f577fa rgb(245,119,250)
```
#f790fb
```
#f790fb rgb(247,144,251)
```
#f9a8fc
```
#f9a8fc rgb(249,168,252)
```
#fac1fd
```
#fac1fd rgb(250,193,253)
```

Monochromatic Color

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

#d477fa
```
#d477fa rgb(212,119,250)
```
#df77fa
```
#df77fa rgb(223,119,250)
```
#ea77fa
```
#ea77fa rgb(234,119,250)
```
#f577fa
```
#f577fa rgb(245,119,250)
```
#fa77f4
```
#fa77f4 rgb(250,119,244)
```
#fa77e9
```
#fa77e9 rgb(250,119,233)
```
#fa77de
```
#fa77de rgb(250,119,222)
```

Similar Colors

Text with hexadecimal color #f577fa

This text has a font color of #f577fa.

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

#f577fa background color

This paragraph has a background color of #f577fa.

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

#f577fa border color

This element has a border color of #f577fa.

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

CSS codes

.text {color:#f577fa;}

.background {background-color:#f577fa;}

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

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

#0f010f
```
#0f010f rgb(15,1,15)
```
#210122
```
#210122 rgb(33,1,34)
```
#330235
```
#330235 rgb(51,2,53)
```
#450348
```
#450348 rgb(69,3,72)
```
#58035b
```
#58035b rgb(88,3,91)
```
#6a046e
```
#6a046e rgb(106,4,110)
```
#7c0581
```
#7c0581 rgb(124,5,129)
```
#8e0594
```
#8e0594 rgb(142,5,148)
```
#a106a7
```
#a106a7 rgb(161,6,167)
```
#b307ba
```
#b307ba rgb(179,7,186)
```
#c508cd
```
#c508cd rgb(197,8,205)
```
#d708df
```
#d708df rgb(215,8,223)
```
#e909f2
```
#e909f2 rgb(233,9,242)
```

Shade Color Variation

#ee18f7
```
#ee18f7 rgb(238,24,247)
```
#ef2bf7
```
#ef2bf7 rgb(239,43,247)
```
#f13ef8
```
#f13ef8 rgb(241,62,248)
```
#f251f9
```
#f251f9 rgb(242,81,249)
```
#f464f9
```
#f464f9 rgb(244,100,249)
```
#f577fa
```
#f577fa rgb(245,119,250)
```
#f68afb
```
#f68afb rgb(246,138,251)
```
#f89dfb
```
#f89dfb rgb(248,157,251)
```
#f9b0fc
```
#f9b0fc rgb(249,176,252)
```
#fbc3fd
```
#fbc3fd rgb(251,195,253)
```
#fcd6fd
```
#fcd6fd rgb(252,214,253)
```
#fde9fe
```
#fde9fe rgb(253,233,254)
```
#fffbff
```
#fffbff rgb(255,251,255)
```

Tint Color Variation

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

#b9b8b9
```
#b9b8b9 rgb(185,184,185)
```
#beb3be
```
#beb3be rgb(190,179,190)
```
#c3adc4
```
#c3adc4 rgb(195,173,196)
```
#c8a8c9
```
#c8a8c9 rgb(200,168,201)
```
#cda2cf
```
#cda2cf rgb(205,162,207)
```
#d29dd4
```
#d29dd4 rgb(210,157,212)
```
#d798d9
```
#d798d9 rgb(215,152,217)
```
#dc92df
```
#dc92df rgb(220,146,223)
```
#e18de4
```
#e18de4 rgb(225,141,228)
```
#e687ea
```
#e687ea rgb(230,135,234)
```
#eb82ef
```
#eb82ef rgb(235,130,239)
```
#f07cf5
```
#f07cf5 rgb(240,124,245)
```
#f577fa
```
#f577fa rgb(245,119,250)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#bba1bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#8baaff Protanopia 1% of men
#94abec Deuteranopia 1% of men
#e896a0 Tritanopia 0.001% of the population

Trichromacy

#b197fd Protanomaly 1% of men, 0.01% of women
#b798f1 Deuteranomaly 6% of men, 0.4% of women
#ed8ac0 Tritanomaly 0.01% of the population

#f577fa hex color

#f577fa Color Information

#f577fa Color Conversion

Color Schemes with #f577fa

Alternatives to #f577fa

#f577fa Preview

Shades and Tints of #f577fa

Tones of #f577fa

Color Blindness Simulator