#f570ed hex color

In a RGB color space, hex #f570ed is composed of 96.1% red, 43.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 3.3% yellow and 3.9% black. It has a hue angle of 303.6 degrees, a saturation of 86.9% and a lightness of 70%. #f570ed color hex could be obtained by blending #ffe0ff with #eb00db. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 96
- G 44
- B 93
RGB color chart
- C 0
- M 54
- Y 3
- K 4
CMYK color chart

● #f570ed color description : Soft magenta.

The hexadecimal color #f570ed has RGB values of R:245, G:112, B:237 and CMYK values of C:0, M:0.54, Y:0.03, K:0.04. Its decimal value is 16085229.

Hex triplet	f570ed	`#f570ed`
RGB Decimal	245, 112, 237	`rgb(245,112,237)`
RGB Percent	96.1, 43.9, 92.9	`rgb(96.1%,43.9%,92.9%)`
CMYK	0, 54, 3, 4
HSL	303.6°, 86.9, 70	`hsl(303.6,86.9%,70%)`
HSV (or HSB)	303.6°, 54.3, 96.1
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.366, 66.547, -39.832
XYZ	58.735, 37.118, 84.187
xyY	0.326, 0.206, 37.118
CIE-LCH	67.366, 77.557, 329.098
CIE-LUV	67.366, 63.761, -73.126
Hunter-Lab	60.925, 65.466, -39.28
Binary	11110101, 01110000, 11101101

#f570ed
```
#f570ed rgb(245,112,237)
```
#70f578
```
#70f578 rgb(112,245,120)
```

Complementary Color

#bb70f5
```
#bb70f5 rgb(187,112,245)
```
#f570ed
```
#f570ed rgb(245,112,237)
```
#f570ab
```
#f570ab rgb(245,112,171)
```

Analogous Color

#70f5bb
```
#70f5bb rgb(112,245,187)
```
#f570ed
```
#f570ed rgb(245,112,237)
```
#abf570
```
#abf570 rgb(171,245,112)
```

Split Complementary Color

#70edf5
```
#70edf5 rgb(112,237,245)
```
#f570ed
```
#f570ed rgb(245,112,237)
```
#edf570
```
#edf570 rgb(237,245,112)
```

Triadic Color

#7870f5
```
#7870f5 rgb(120,112,245)
```
#f570ed
```
#f570ed rgb(245,112,237)
```
#edf570
```
#edf570 rgb(237,245,112)
```
#70f578
```
#70f578 rgb(112,245,120)
```

Tetradic Color

#f029e4
```
#f029e4 rgb(240,41,228)
```
#f240e7
```
#f240e7 rgb(242,64,231)
```
#f358ea
```
#f358ea rgb(243,88,234)
```
#f570ed
```
#f570ed rgb(245,112,237)
```
#f788f0
```
#f788f0 rgb(247,136,240)
```
#f8a0f3
```
#f8a0f3 rgb(248,160,243)
```
#fab8f6
```
#fab8f6 rgb(250,184,246)
```

Monochromatic Color

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

#dc70f5
```
#dc70f5 rgb(220,112,245)
```
#e770f5
```
#e770f5 rgb(231,112,245)
```
#f270f5
```
#f270f5 rgb(242,112,245)
```
#f570ed
```
#f570ed rgb(245,112,237)
```
#f570e2
```
#f570e2 rgb(245,112,226)
```
#f570d7
```
#f570d7 rgb(245,112,215)
```
#f570cc
```
#f570cc rgb(245,112,204)
```

Similar Colors

Text with hexadecimal color #f570ed

This text has a font color of #f570ed.

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

#f570ed background color

This paragraph has a background color of #f570ed.

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

#f570ed border color

This element has a border color of #f570ed.

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

CSS codes

.text {color:#f570ed;}

.background {background-color:#f570ed;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#160215
```
#160215 rgb(22,2,21)
```
#280326
```
#280326 rgb(40,3,38)
```
#3b0437
```
#3b0437 rgb(59,4,55)
```
#4d0549
```
#4d0549 rgb(77,5,73)
```
#5f075a
```
#5f075a rgb(95,7,90)
```
#72086b
```
#72086b rgb(114,8,107)
```
#84097d
```
#84097d rgb(132,9,125)
```
#960b8e
```
#960b8e rgb(150,11,142)
```
#a90c9f
```
#a90c9f rgb(169,12,159)
```
#bb0db1
```
#bb0db1 rgb(187,13,177)
```
#cd0ec2
```
#cd0ec2 rgb(205,14,194)
```
#e010d3
```
#e010d3 rgb(224,16,211)
```

Shade Color Variation

#ef14e1
```
#ef14e1 rgb(239,20,225)
```
#f027e4
```
#f027e4 rgb(240,39,228)
```
#f139e6
```
#f139e6 rgb(241,57,230)
```
#f24be8
```
#f24be8 rgb(242,75,232)
```
#f45eeb
```
#f45eeb rgb(244,94,235)
```
#f570ed
```
#f570ed rgb(245,112,237)
```
#f682ef
```
#f682ef rgb(246,130,239)
```
#f895f2
```
#f895f2 rgb(248,149,242)
```
#f9a7f4
```
#f9a7f4 rgb(249,167,244)
```
#fab9f6
```
#fab9f6 rgb(250,185,246)
```
#fbccf9
```
#fbccf9 rgb(251,204,249)
```
#fddefb
```
#fddefb rgb(253,222,251)
```
#fef0fd
```
#fef0fd rgb(254,240,253)
```

Tint Color Variation

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

#b4b1b4
```
#b4b1b4 rgb(180,177,180)
```
#baabb9
```
#baabb9 rgb(186,171,185)
```
#c0a5be
```
#c0a5be rgb(192,165,190)
```
#c69fc4
```
#c69fc4 rgb(198,159,196)
```
#cc99c9
```
#cc99c9 rgb(204,153,201)
```
#d293ce
```
#d293ce rgb(210,147,206)
```
#d88dd3
```
#d88dd3 rgb(216,141,211)
```
#dd88d8
```
#dd88d8 rgb(221,136,216)
```
#e382dd
```
#e382dd rgb(227,130,221)
```
#e97ce3
```
#e97ce3 rgb(233,124,227)
```
#ef76e8
```
#ef76e8 rgb(239,118,232)
```
#f570ed
```
#f570ed rgb(245,112,237)
```
#fb6af2
```
#fb6af2 rgb(251,106,242)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b69bb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a6ff Protanopia 1% of men
#96a6e0 Deuteranopia 1% of men
#ea8e98 Tritanopia 0.001% of the population

Trichromacy

#ac92f8 Protanomaly 1% of men, 0.01% of women
#b892e5 Deuteranomaly 6% of men, 0.4% of women
#ee83b6 Tritanomaly 0.01% of the population

#f570ed hex color

#f570ed Color Information

#f570ed Color Conversion

Color Schemes with #f570ed

Alternatives to #f570ed

#f570ed Preview

Shades and Tints of #f570ed

Tones of #f570ed

Color Blindness Simulator