#fd57f4 hex color

In a RGB color space, hex #fd57f4 is composed of 99.2% red, 34.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 3.6% yellow and 0.8% black. It has a hue angle of 303.3 degrees, a saturation of 97.6% and a lightness of 66.7%. #fd57f4 color hex could be obtained by blending #ffaeff with #fb00e9. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 99
- G 34
- B 96
RGB color chart
- C 0
- M 66
- Y 4
- K 1
CMYK color chart

● #fd57f4 color description : Soft magenta.

The hexadecimal color #fd57f4 has RGB values of R:253, G:87, B:244 and CMYK values of C:0, M:0.66, Y:0.04, K:0.01. Its decimal value is 16603124.

Hex triplet	fd57f4	`#fd57f4`
RGB Decimal	253, 87, 244	`rgb(253,87,244)`
RGB Percent	99.2, 34.1, 95.7	`rgb(99.2%,34.1%,95.7%)`
CMYK	0, 66, 4, 1
HSL	303.3°, 97.6, 66.7	`hsl(303.3,97.6%,66.7%)`
HSV (or HSB)	303.3°, 65.6, 99.2
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.148, 79.722, -47.101
XYZ	60.244, 34.234, 89.018
xyY	0.328, 0.187, 34.234
CIE-LCH	65.148, 92.597, 329.425
CIE-LUV	65.148, 75.173, -86.297
Hunter-Lab	58.51, 81.397, -49.247
Binary	11111101, 01010111, 11110100

#fd57f4
```
#fd57f4 rgb(253,87,244)
```
#57fd60
```
#57fd60 rgb(87,253,96)
```

Complementary Color

#b357fd
```
#b357fd rgb(179,87,253)
```
#fd57f4
```
#fd57f4 rgb(253,87,244)
```
#fd57a1
```
#fd57a1 rgb(253,87,161)
```

Analogous Color

#57fdb3
```
#57fdb3 rgb(87,253,179)
```
#fd57f4
```
#fd57f4 rgb(253,87,244)
```
#a1fd57
```
#a1fd57 rgb(161,253,87)
```

Split Complementary Color

#57f4fd
```
#57f4fd rgb(87,244,253)
```
#fd57f4
```
#fd57f4 rgb(253,87,244)
```
#f4fd57
```
#f4fd57 rgb(244,253,87)
```

Triadic Color

#6057fd
```
#6057fd rgb(96,87,253)
```
#fd57f4
```
#fd57f4 rgb(253,87,244)
```
#f4fd57
```
#f4fd57 rgb(244,253,87)
```
#57fd60
```
#57fd60 rgb(87,253,96)
```

Tetradic Color

#fc0bef
```
#fc0bef rgb(252,11,239)
```
#fc25f1
```
#fc25f1 rgb(252,37,241)
```
#fd3ef2
```
#fd3ef2 rgb(253,62,242)
```
#fd57f4
```
#fd57f4 rgb(253,87,244)
```
#fd70f6
```
#fd70f6 rgb(253,112,246)
```
#fe89f7
```
#fe89f7 rgb(254,137,247)
```
#fea3f9
```
#fea3f9 rgb(254,163,249)
```

Monochromatic Color

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

#dd57fd
```
#dd57fd rgb(221,87,253)
```
#ea57fd
```
#ea57fd rgb(234,87,253)
```
#f857fd
```
#f857fd rgb(248,87,253)
```
#fd57f4
```
#fd57f4 rgb(253,87,244)
```
#fd57e6
```
#fd57e6 rgb(253,87,230)
```
#fd57d8
```
#fd57d8 rgb(253,87,216)
```
#fd57cb
```
#fd57cb rgb(253,87,203)
```

Similar Colors

Text with hexadecimal color #fd57f4

This text has a font color of #fd57f4.

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

#fd57f4 background color

This paragraph has a background color of #fd57f4.

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

#fd57f4 border color

This element has a border color of #fd57f4.

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

CSS codes

.text {color:#fd57f4;}

.background {background-color:#fd57f4;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#1a0018
```
#1a0018 rgb(26,0,24)
```
#2d012b
```
#2d012b rgb(45,1,43)
```
#41013d
```
#41013d rgb(65,1,61)
```
#540150
```
#540150 rgb(84,1,80)
```
#670162
```
#670162 rgb(103,1,98)
```
#7b0174
```
#7b0174 rgb(123,1,116)
```
#8e0287
```
#8e0287 rgb(142,2,135)
```
#a20299
```
#a20299 rgb(162,2,153)
```
#b502ab
```
#b502ab rgb(181,2,171)
```
#c802be
```
#c802be rgb(200,2,190)
```
#dc03d0
```
#dc03d0 rgb(220,3,208)
```
#ef03e2
```
#ef03e2 rgb(239,3,226)
```

Shade Color Variation

#fc09ef
```
#fc09ef rgb(252,9,239)
```
#fc1df0
```
#fc1df0 rgb(252,29,240)
```
#fd30f1
```
#fd30f1 rgb(253,48,241)
```
#fd44f3
```
#fd44f3 rgb(253,68,243)
```
#fd57f4
```
#fd57f4 rgb(253,87,244)
```
#fd6af5
```
#fd6af5 rgb(253,106,245)
```
#fd7ef7
```
#fd7ef7 rgb(253,126,247)
```
#fe91f8
```
#fe91f8 rgb(254,145,248)
```
#fea5f9
```
#fea5f9 rgb(254,165,249)
```
#feb8fa
```
#feb8fa rgb(254,184,250)
```
#fecbfc
```
#fecbfc rgb(254,203,252)
```
#ffdffd
```
#ffdffd rgb(255,223,253)
```
#fff2fe
```
#fff2fe rgb(255,242,254)
```

Tint Color Variation

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

#afa5ae
```
#afa5ae rgb(175,165,174)
```
#b59fb4
```
#b59fb4 rgb(181,159,180)
```
#bc98ba
```
#bc98ba rgb(188,152,186)
```
#c292c0
```
#c292c0 rgb(194,146,192)
```
#c98bc5
```
#c98bc5 rgb(201,139,197)
```
#cf85cb
```
#cf85cb rgb(207,133,203)
```
#d67ed1
```
#d67ed1 rgb(214,126,209)
```
#dc78d7
```
#dc78d7 rgb(220,120,215)
```
#e371dd
```
#e371dd rgb(227,113,221)
```
#e96be3
```
#e96be3 rgb(233,107,227)
```
#f064e8
```
#f064e8 rgb(240,100,232)
```
#f65eee
```
#f65eee rgb(246,94,238)
```
#fd57f4
```
#fd57f4 rgb(253,87,244)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#af8dad Atypical Achromatopsia 0.001% of the population

Dichromacy

#78a0ff Protanopia 1% of men
#88a1e3 Deuteranopia 1% of men
#ef828a Tritanopia 0.001% of the population

Trichromacy

#a885fb Protanomaly 1% of men, 0.01% of women
#b286e9 Deuteranomaly 6% of men, 0.4% of women
#f472b0 Tritanomaly 0.01% of the population

#fd57f4 hex color

#fd57f4 Color Information

#fd57f4 Color Conversion

Color Schemes with #fd57f4

Alternatives to #fd57f4

#fd57f4 Preview

Shades and Tints of #fd57f4

Tones of #fd57f4

Color Blindness Simulator