#f575e2 hex color

In a RGB color space, hex #f575e2 is composed of 96.1% red, 45.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.2% magenta, 7.8% yellow and 3.9% black. It has a hue angle of 308.9 degrees, a saturation of 86.5% and a lightness of 71%. #f575e2 color hex could be obtained by blending #ffeaff with #eb00c5. Closest websafe color is: #ff66cc.

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

● #f575e2 color description : Soft magenta.

The hexadecimal color #f575e2 has RGB values of R:245, G:117, B:226 and CMYK values of C:0, M:0.52, Y:0.08, K:0.04. Its decimal value is 16086498.

Hex triplet	f575e2	`#f575e2`
RGB Decimal	245, 117, 226	`rgb(245,117,226)`
RGB Percent	96.1, 45.9, 88.6	`rgb(96.1%,45.9%,88.6%)`
CMYK	0, 52, 8, 4
HSL	308.9°, 86.5, 71	`hsl(308.9,86.5%,71%)`
HSV (or HSB)	308.9°, 52.2, 96.1
Web Safe	ff66cc	`#ff66cc`

CIE-LAB	67.747, 62.497, -33.152
XYZ	57.744, 37.629, 76.169
xyY	0.337, 0.219, 37.629
CIE-LCH	67.747, 70.746, 332.056
CIE-LUV	67.747, 64.887, -61.854
Hunter-Lab	61.343, 60.678, -30.68
Binary	11110101, 01110101, 11100010

#f575e2
```
#f575e2 rgb(245,117,226)
```
#75f588
```
#75f588 rgb(117,245,136)
```

Complementary Color

#c875f5
```
#c875f5 rgb(200,117,245)
```
#f575e2
```
#f575e2 rgb(245,117,226)
```
#f575a2
```
#f575a2 rgb(245,117,162)
```

Analogous Color

#75f5c8
```
#75f5c8 rgb(117,245,200)
```
#f575e2
```
#f575e2 rgb(245,117,226)
```
#a2f575
```
#a2f575 rgb(162,245,117)
```

Split Complementary Color

#75e2f5
```
#75e2f5 rgb(117,226,245)
```
#f575e2
```
#f575e2 rgb(245,117,226)
```
#e2f575
```
#e2f575 rgb(226,245,117)
```

Triadic Color

#8875f5
```
#8875f5 rgb(136,117,245)
```
#f575e2
```
#f575e2 rgb(245,117,226)
```
#e2f575
```
#e2f575 rgb(226,245,117)
```
#75f588
```
#75f588 rgb(117,245,136)
```

Tetradic Color

#f02ed3
```
#f02ed3 rgb(240,46,211)
```
#f245d8
```
#f245d8 rgb(242,69,216)
```
#f35ddd
```
#f35ddd rgb(243,93,221)
```
#f575e2
```
#f575e2 rgb(245,117,226)
```
#f78de7
```
#f78de7 rgb(247,141,231)
```
#f8a5ec
```
#f8a5ec rgb(248,165,236)
```
#fabcf1
```
#fabcf1 rgb(250,188,241)
```

Monochromatic Color

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

#e875f5
```
#e875f5 rgb(232,117,245)
```
#f375f5
```
#f375f5 rgb(243,117,245)
```
#f575ed
```
#f575ed rgb(245,117,237)
```
#f575e2
```
#f575e2 rgb(245,117,226)
```
#f575d7
```
#f575d7 rgb(245,117,215)
```
#f575cd
```
#f575cd rgb(245,117,205)
```
#f575c2
```
#f575c2 rgb(245,117,194)
```

Similar Colors

Text with hexadecimal color #f575e2

This text has a font color of #f575e2.

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

#f575e2 background color

This paragraph has a background color of #f575e2.

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

#f575e2 border color

This element has a border color of #f575e2.

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

CSS codes

.text {color:#f575e2;}

.background {background-color:#f575e2;}

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

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

#080107
```
#080107 rgb(8,1,7)
```
#1b0217
```
#1b0217 rgb(27,2,23)
```
#2d0327
```
#2d0327 rgb(45,3,39)
```
#3f0536
```
#3f0536 rgb(63,5,54)
```
#510646
```
#510646 rgb(81,6,70)
```
#640756
```
#640756 rgb(100,7,86)
```
#760966
```
#760966 rgb(118,9,102)
```
#880a76
```
#880a76 rgb(136,10,118)
```
#9b0b85
```
#9b0b85 rgb(155,11,133)
```
#ad0d95
```
#ad0d95 rgb(173,13,149)
```
#bf0ea5
```
#bf0ea5 rgb(191,14,165)
```
#d20fb5
```
#d20fb5 rgb(210,15,181)
```
#e411c4
```
#e411c4 rgb(228,17,196)
```

Shade Color Variation

#ee1acf
```
#ee1acf rgb(238,26,207)
```
#f02cd3
```
#f02cd3 rgb(240,44,211)
```
#f13ed6
```
#f13ed6 rgb(241,62,214)
```
#f250da
```
#f250da rgb(242,80,218)
```
#f463de
```
#f463de rgb(244,99,222)
```
#f575e2
```
#f575e2 rgb(245,117,226)
```
#f687e6
```
#f687e6 rgb(246,135,230)
```
#f89aea
```
#f89aea rgb(248,154,234)
```
#f9acee
```
#f9acee rgb(249,172,238)
```
#fabef1
```
#fabef1 rgb(250,190,241)
```
#fcd0f5
```
#fcd0f5 rgb(252,208,245)
```
#fde3f9
```
#fde3f9 rgb(253,227,249)
```
#fef5fd
```
#fef5fd rgb(254,245,253)
```

Tint Color Variation

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

#b6b4b6
```
#b6b4b6 rgb(182,180,182)
```
#bcaeba
```
#bcaeba rgb(188,174,186)
```
#c2a8be
```
#c2a8be rgb(194,168,190)
```
#c7a3c2
```
#c7a3c2 rgb(199,163,194)
```
#cd9dc6
```
#cd9dc6 rgb(205,157,198)
```
#d397ca
```
#d397ca rgb(211,151,202)
```
#d991ce
```
#d991ce rgb(217,145,206)
```
#de8cd2
```
#de8cd2 rgb(222,140,210)
```
#e486d6
```
#e486d6 rgb(228,134,214)
```
#ea80da
```
#ea80da rgb(234,128,218)
```
#ef7bde
```
#ef7bde rgb(239,123,222)
```
#f575e2
```
#f575e2 rgb(245,117,226)
```
#fb6fe6
```
#fb6fe6 rgb(251,111,230)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b79eb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a6ff Protanopia 1% of men
#9fa7d7 Deuteranopia 1% of men
#ec8f98 Tritanopia 0.001% of the population

Trichromacy

#ae94f4 Protanomaly 1% of men, 0.01% of women
#be94db Deuteranomaly 6% of men, 0.4% of women
#ef85b3 Tritanomaly 0.01% of the population

#f575e2 hex color

#f575e2 Color Information

#f575e2 Color Conversion

Color Schemes with #f575e2

Alternatives to #f575e2

#f575e2 Preview

Shades and Tints of #f575e2

Tones of #f575e2

Color Blindness Simulator