#f56dfa hex color

In a RGB color space, hex #f56dfa is composed of 96.1% red, 42.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 56.4% magenta, 0% yellow and 2% black. It has a hue angle of 297.9 degrees, a saturation of 93.4% and a lightness of 70.4%. #f56dfa color hex could be obtained by blending #ffdaff with #eb00f5. Closest websafe color is: #ff66ff.

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

● #f56dfa color description : Soft magenta.

The hexadecimal color #f56dfa has RGB values of R:245, G:109, B:250 and CMYK values of C:0.02, M:0.56, Y:0, K:0.02. Its decimal value is 16084474.

Hex triplet	f56dfa	`#f56dfa`
RGB Decimal	245, 109, 250	`rgb(245,109,250)`
RGB Percent	96.1, 42.7, 98	`rgb(96.1%,42.7%,98%)`
CMYK	2, 56, 0, 2
HSL	297.9°, 93.4, 70.4	`hsl(297.9,93.4%,70.4%)`
HSV (or HSB)	297.9°, 56.4, 98
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	67.468, 70.043, -46.829
XYZ	60.379, 37.255, 94.448
xyY	0.314, 0.194, 37.255
CIE-LCH	67.468, 84.256, 326.234
CIE-LUV	67.468, 61.178, -84.935
Hunter-Lab	61.037, 69.76, -49.019
Binary	11110101, 01101101, 11111010

#f56dfa
```
#f56dfa rgb(245,109,250)
```
#72fa6d
```
#72fa6d rgb(114,250,109)
```

Complementary Color

#af6dfa
```
#af6dfa rgb(175,109,250)
```
#f56dfa
```
#f56dfa rgb(245,109,250)
```
#fa6db9
```
#fa6db9 rgb(250,109,185)
```

Analogous Color

#6dfaaf
```
#6dfaaf rgb(109,250,175)
```
#f56dfa
```
#f56dfa rgb(245,109,250)
```
#b9fa6d
```
#b9fa6d rgb(185,250,109)
```

Split Complementary Color

#6dfaf5
```
#6dfaf5 rgb(109,250,245)
```
#f56dfa
```
#f56dfa rgb(245,109,250)
```
#faf56d
```
#faf56d rgb(250,245,109)
```

Triadic Color

#6d72fa
```
#6d72fa rgb(109,114,250)
```
#f56dfa
```
#f56dfa rgb(245,109,250)
```
#faf56d
```
#faf56d rgb(250,245,109)
```
#72fa6d
```
#72fa6d rgb(114,250,109)
```

Tetradic Color

#f023f7
```
#f023f7 rgb(240,35,247)
```
#f23cf8
```
#f23cf8 rgb(242,60,248)
```
#f354f9
```
#f354f9 rgb(243,84,249)
```
#f56dfa
```
#f56dfa rgb(245,109,250)
```
#f786fb
```
#f786fb rgb(247,134,251)
```
#f89efc
```
#f89efc rgb(248,158,252)
```
#fab7fd
```
#fab7fd rgb(250,183,253)
```

Monochromatic Color

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

#d26dfa
```
#d26dfa rgb(210,109,250)
```
#de6dfa
```
#de6dfa rgb(222,109,250)
```
#e96dfa
```
#e96dfa rgb(233,109,250)
```
#f56dfa
```
#f56dfa rgb(245,109,250)
```
#fa6df3
```
#fa6df3 rgb(250,109,243)
```
#fa6de8
```
#fa6de8 rgb(250,109,232)
```
#fa6ddc
```
#fa6ddc rgb(250,109,220)
```

Similar Colors

Text with hexadecimal color #f56dfa

This text has a font color of #f56dfa.

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

#f56dfa background color

This paragraph has a background color of #f56dfa.

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

#f56dfa border color

This element has a border color of #f56dfa.

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

CSS codes

.text {color:#f56dfa;}

.background {background-color:#f56dfa;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#180119
```
#180119 rgb(24,1,25)
```
#2a012c
```
#2a012c rgb(42,1,44)
```
#3c023f
```
#3c023f rgb(60,2,63)
```
#4f0352
```
#4f0352 rgb(79,3,82)
```
#610365
```
#610365 rgb(97,3,101)
```
#730478
```
#730478 rgb(115,4,120)
```
#86058a
```
#86058a rgb(134,5,138)
```
#98059d
```
#98059d rgb(152,5,157)
```
#aa06b0
```
#aa06b0 rgb(170,6,176)
```
#bd07c3
```
#bd07c3 rgb(189,7,195)
```
#cf07d6
```
#cf07d6 rgb(207,7,214)
```
#e108e9
```
#e108e9 rgb(225,8,233)
```

Shade Color Variation

#ef0ef7
```
#ef0ef7 rgb(239,14,247)
```
#f021f7
```
#f021f7 rgb(240,33,247)
```
#f134f8
```
#f134f8 rgb(241,52,248)
```
#f247f9
```
#f247f9 rgb(242,71,249)
```
#f45af9
```
#f45af9 rgb(244,90,249)
```
#f56dfa
```
#f56dfa rgb(245,109,250)
```
#f680fb
```
#f680fb rgb(246,128,251)
```
#f893fb
```
#f893fb rgb(248,147,251)
```
#f9a6fc
```
#f9a6fc rgb(249,166,252)
```
#fab9fd
```
#fab9fd rgb(250,185,253)
```
#fbccfd
```
#fbccfd rgb(251,204,253)
```
#fddffe
```
#fddffe rgb(253,223,254)
```
#fef2ff
```
#fef2ff rgb(254,242,255)
```

Tint Color Variation

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

#b4b3b4
```
#b4b3b4 rgb(180,179,180)
```
#baadba
```
#baadba rgb(186,173,186)
```
#bfa7c0
```
#bfa7c0 rgb(191,167,192)
```
#c4a1c6
```
#c4a1c6 rgb(196,161,198)
```
#ca9bcc
```
#ca9bcc rgb(202,155,204)
```
#cf96d1
```
#cf96d1 rgb(207,150,209)
```
#d590d7
```
#d590d7 rgb(213,144,215)
```
#da8add
```
#da8add rgb(218,138,221)
```
#df84e3
```
#df84e3 rgb(223,132,227)
```
#e57ee9
```
#e57ee9 rgb(229,126,233)
```
#ea79ee
```
#ea79ee rgb(234,121,238)
```
#f073f4
```
#f073f4 rgb(240,115,244)
```
#f56dfa
```
#f56dfa rgb(245,109,250)
```

Tone Color Variation

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

Dichromacy

#83a6ff Protanopia 1% of men
#8ca7eb Deuteranopia 1% of men
#e89099 Tritanopia 0.001% of the population

Trichromacy

#ac91fd Protanomaly 1% of men, 0.01% of women
#b292f0 Deuteranomaly 6% of men, 0.4% of women
#ec83bc Tritanomaly 0.01% of the population

#f56dfa hex color

#f56dfa Color Information

#f56dfa Color Conversion

Color Schemes with #f56dfa

Alternatives to #f56dfa

#f56dfa Preview

Shades and Tints of #f56dfa

Tones of #f56dfa

Color Blindness Simulator