#f580fd hex color

In a RGB color space, hex #f580fd is composed of 96.1% red, 50.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 49.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 296.2 degrees, a saturation of 96.9% and a lightness of 74.7%. #f580fd color hex could be obtained by blending #ffffff with #eb01fb. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 96
- G 50
- B 99
RGB color chart
- C 3
- M 49
- Y 0
- K 1
CMYK color chart

● #f580fd color description : Soft magenta.

The hexadecimal color #f580fd has RGB values of R:245, G:128, B:253 and CMYK values of C:0.03, M:0.49, Y:0, K:0.01. Its decimal value is 16089341.

Hex triplet	f580fd	`#f580fd`
RGB Decimal	245, 128, 253	`rgb(245,128,253)`
RGB Percent	96.1, 50.2, 99.2	`rgb(96.1%,50.2%,99.2%)`
CMYK	3, 49, 0, 1
HSL	296.2°, 96.9, 74.7	`hsl(296.2,96.9%,74.7%)`
HSV (or HSB)	296.2°, 49.4, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	70.833, 61.907, -43.189
XYZ	63.103, 41.945, 97.696
xyY	0.311, 0.207, 41.945
CIE-LCH	70.833, 75.483, 325.099
CIE-LUV	70.833, 53.703, -78.476
Hunter-Lab	64.765, 60.58, -44.101
Binary	11110101, 10000000, 11111101

#f580fd
```
#f580fd rgb(245,128,253)
```
#88fd80
```
#88fd80 rgb(136,253,128)
```

Complementary Color

#b780fd
```
#b780fd rgb(183,128,253)
```
#f580fd
```
#f580fd rgb(245,128,253)
```
#fd80c7
```
#fd80c7 rgb(253,128,199)
```

Analogous Color

#80fdb7
```
#80fdb7 rgb(128,253,183)
```
#f580fd
```
#f580fd rgb(245,128,253)
```
#c7fd80
```
#c7fd80 rgb(199,253,128)
```

Split Complementary Color

#80fdf5
```
#80fdf5 rgb(128,253,245)
```
#f580fd
```
#f580fd rgb(245,128,253)
```
#fdf580
```
#fdf580 rgb(253,245,128)
```

Triadic Color

#8088fd
```
#8088fd rgb(128,136,253)
```
#f580fd
```
#f580fd rgb(245,128,253)
```
#fdf580
```
#fdf580 rgb(253,245,128)
```
#88fd80
```
#88fd80 rgb(136,253,128)
```

Tetradic Color

#ef35fc
```
#ef35fc rgb(239,53,252)
```
#f14efc
```
#f14efc rgb(241,78,252)
```
#f367fd
```
#f367fd rgb(243,103,253)
```
#f580fd
```
#f580fd rgb(245,128,253)
```
#f799fd
```
#f799fd rgb(247,153,253)
```
#f9b2fe
```
#f9b2fe rgb(249,178,254)
```
#fbcbfe
```
#fbcbfe rgb(251,203,254)
```

Monochromatic Color

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

#d680fd
```
#d680fd rgb(214,128,253)
```
#e080fd
```
#e080fd rgb(224,128,253)
```
#eb80fd
```
#eb80fd rgb(235,128,253)
```
#f580fd
```
#f580fd rgb(245,128,253)
```
#fd80fb
```
#fd80fb rgb(253,128,251)
```
#fd80f0
```
#fd80f0 rgb(253,128,240)
```
#fd80e6
```
#fd80e6 rgb(253,128,230)
```

Similar Colors

Text with hexadecimal color #f580fd

This text has a font color of #f580fd.

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

#f580fd background color

This paragraph has a background color of #f580fd.

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

#f580fd border color

This element has a border color of #f580fd.

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

CSS codes

.text {color:#f580fd;}

.background {background-color:#f580fd;}

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

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

#080008
```
#080008 rgb(8,0,8)
```
#1a001b
```
#1a001b rgb(26,0,27)
```
#2c012f
```
#2c012f rgb(44,1,47)
```
#3e0142
```
#3e0142 rgb(62,1,66)
```
#500155
```
#500155 rgb(80,1,85)
```
#620269
```
#620269 rgb(98,2,105)
```
#74027c
```
#74027c rgb(116,2,124)
```
#86028f
```
#86028f rgb(134,2,143)
```
#9803a3
```
#9803a3 rgb(152,3,163)
```
#ab03b6
```
#ab03b6 rgb(171,3,182)
```
#bd03c9
```
#bd03c9 rgb(189,3,201)
```
#cf03dd
```
#cf03dd rgb(207,3,221)
```
#e104f0
```
#e104f0 rgb(225,4,240)
```

Shade Color Variation

#ec0cfb
```
#ec0cfb rgb(236,12,251)
```
#ed1ffb
```
#ed1ffb rgb(237,31,251)
```
#ef33fc
```
#ef33fc rgb(239,51,252)
```
#f046fc
```
#f046fc rgb(240,70,252)
```
#f259fc
```
#f259fc rgb(242,89,252)
```
#f36dfd
```
#f36dfd rgb(243,109,253)
```
#f580fd
```
#f580fd rgb(245,128,253)
```
#f793fd
```
#f793fd rgb(247,147,253)
```
#f8a7fe
```
#f8a7fe rgb(248,167,254)
```
#fabafe
```
#fabafe rgb(250,186,254)
```
#fbcdfe
```
#fbcdfe rgb(251,205,254)
```
#fde1ff
```
#fde1ff rgb(253,225,255)
```
#fef4ff
```
#fef4ff rgb(254,244,255)
```

Tint Color Variation

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

#c1bcc1
```
#c1bcc1 rgb(193,188,193)
```
#c5b7c6
```
#c5b7c6 rgb(197,183,198)
```
#cab2cb
```
#cab2cb rgb(202,178,203)
```
#ceadd0
```
#ceadd0 rgb(206,173,208)
```
#d2a8d5
```
#d2a8d5 rgb(210,168,213)
```
#d7a3da
```
#d7a3da rgb(215,163,218)
```
#db9edf
```
#db9edf rgb(219,158,223)
```
#df99e4
```
#df99e4 rgb(223,153,228)
```
#e494e9
```
#e494e9 rgb(228,148,233)
```
#e88fee
```
#e88fee rgb(232,143,238)
```
#ec8af3
```
#ec8af3 rgb(236,138,243)
```
#f185f8
```
#f185f8 rgb(241,133,248)
```
#f580fd
```
#f580fd rgb(245,128,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#bfa7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93afff Protanopia 1% of men
#9aaff0 Deuteranopia 1% of men
#e89ca7 Tritanopia 0.001% of the population

Trichromacy

#b69efe Protanomaly 1% of men, 0.01% of women
#bb9ef5 Deuteranomaly 6% of men, 0.4% of women
#ed92c6 Tritanomaly 0.01% of the population

#f580fd hex color

#f580fd Color Information

#f580fd Color Conversion

Color Schemes with #f580fd

Alternatives to #f580fd

#f580fd Preview

Shades and Tints of #f580fd

Tones of #f580fd

Color Blindness Simulator