#f580ff hex color

In a RGB color space, hex #f580ff is composed of 96.1% red, 50.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 49.8% magenta, 0% yellow and 0% black. It has a hue angle of 295.3 degrees, a saturation of 100% and a lightness of 75.1%. #f580ff color hex could be obtained by blending #ffffff with #eb01ff. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 96
- G 50
- B 100
RGB color chart
- C 4
- M 50
- Y 0
- K 0
CMYK color chart

● #f580ff color description : Very light magenta.

The hexadecimal color #f580ff has RGB values of R:245, G:128, B:255 and CMYK values of C:0.04, M:0.5, Y:0, K:0. Its decimal value is 16089343.

Hex triplet	f580ff	`#f580ff`
RGB Decimal	245, 128, 255	`rgb(245,128,255)`
RGB Percent	96.1, 50.2, 100	`rgb(96.1%,50.2%,100%)`
CMYK	4, 50, 0, 0
HSL	295.3°, 100, 75.1	`hsl(295.3,100%,75.1%)`
HSV (or HSB)	295.3°, 49.8, 100
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	70.922, 62.263, -44.14
XYZ	63.423, 42.074, 99.383
xyY	0.31, 0.205, 42.074
CIE-LCH	70.922, 76.322, 324.666
CIE-LUV	70.922, 53.222, -80.102
Hunter-Lab	64.864, 61.023, -45.437
Binary	11110101, 10000000, 11111111

#f580ff
```
#f580ff rgb(245,128,255)
```
#8aff80
```
#8aff80 rgb(138,255,128)
```

Complementary Color

#b680ff
```
#b680ff rgb(182,128,255)
```
#f580ff
```
#f580ff rgb(245,128,255)
```
#ff80ca
```
#ff80ca rgb(255,128,202)
```

Analogous Color

#80ffb6
```
#80ffb6 rgb(128,255,182)
```
#f580ff
```
#f580ff rgb(245,128,255)
```
#caff80
```
#caff80 rgb(202,255,128)
```

Split Complementary Color

#80fff5
```
#80fff5 rgb(128,255,245)
```
#f580ff
```
#f580ff rgb(245,128,255)
```
#fff580
```
#fff580 rgb(255,245,128)
```

Triadic Color

#808aff
```
#808aff rgb(128,138,255)
```
#f580ff
```
#f580ff rgb(245,128,255)
```
#fff580
```
#fff580 rgb(255,245,128)
```
#8aff80
```
#8aff80 rgb(138,255,128)
```

Tetradic Color

#ef34ff
```
#ef34ff rgb(239,52,255)
```
#f14dff
```
#f14dff rgb(241,77,255)
```
#f367ff
```
#f367ff rgb(243,103,255)
```
#f580ff
```
#f580ff rgb(245,128,255)
```
#f79aff
```
#f79aff rgb(247,154,255)
```
#f9b3ff
```
#f9b3ff rgb(249,179,255)
```
#fbcdff
```
#fbcdff rgb(251,205,255)
```

Monochromatic Color

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

#d580ff
```
#d580ff rgb(213,128,255)
```
#e080ff
```
#e080ff rgb(224,128,255)
```
#ea80ff
```
#ea80ff rgb(234,128,255)
```
#f580ff
```
#f580ff rgb(245,128,255)
```
#ff80fe
```
#ff80fe rgb(255,128,254)
```
#ff80f4
```
#ff80f4 rgb(255,128,244)
```
#ff80e9
```
#ff80e9 rgb(255,128,233)
```

Similar Colors

Text with hexadecimal color #f580ff

This text has a font color of #f580ff.

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

#f580ff background color

This paragraph has a background color of #f580ff.

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

#f580ff border color

This element has a border color of #f580ff.

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

CSS codes

.text {color:#f580ff;}

.background {background-color:#f580ff;}

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

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, #09000a is the darkest color, while #fef6ff is the lightest one.

#09000a
```
#09000a rgb(9,0,10)
```
#1c001e
```
#1c001e rgb(28,0,30)
```
#2e0032
```
#2e0032 rgb(46,0,50)
```
#400045
```
#400045 rgb(64,0,69)
```
#520059
```
#520059 rgb(82,0,89)
```
#64006c
```
#64006c rgb(100,0,108)
```
#760080
```
#760080 rgb(118,0,128)
```
#880094
```
#880094 rgb(136,0,148)
```
#9a00a7
```
#9a00a7 rgb(154,0,167)
```
#ac00bb
```
#ac00bb rgb(172,0,187)
```
#be00ce
```
#be00ce rgb(190,0,206)
```
#d000e2
```
#d000e2 rgb(208,0,226)
```
#e200f6
```
#e200f6 rgb(226,0,246)
```

Shade Color Variation

#ec0aff
```
#ec0aff rgb(236,10,255)
```
#ed1eff
```
#ed1eff rgb(237,30,255)
```
#ef32ff
```
#ef32ff rgb(239,50,255)
```
#f045ff
```
#f045ff rgb(240,69,255)
```
#f259ff
```
#f259ff rgb(242,89,255)
```
#f36cff
```
#f36cff rgb(243,108,255)
```
#f580ff
```
#f580ff rgb(245,128,255)
```
#f794ff
```
#f794ff rgb(247,148,255)
```
#f8a7ff
```
#f8a7ff rgb(248,167,255)
```
#fabbff
```
#fabbff rgb(250,187,255)
```
#fbceff
```
#fbceff rgb(251,206,255)
```
#fde2ff
```
#fde2ff rgb(253,226,255)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#c4bbc4
```
#c4bbc4 rgb(196,187,196)
```
#c8b6c9
```
#c8b6c9 rgb(200,182,201)
```
#ccb1ce
```
#ccb1ce rgb(204,177,206)
```
#d0acd3
```
#d0acd3 rgb(208,172,211)
```
#d4a7d8
```
#d4a7d8 rgb(212,167,216)
```
#d8a2dd
```
#d8a2dd rgb(216,162,221)
```
#dc9de2
```
#dc9de2 rgb(220,157,226)
```
#e098e7
```
#e098e7 rgb(224,152,231)
```
#e594eb
```
#e594eb rgb(229,148,235)
```
#e98ff0
```
#e98ff0 rgb(233,143,240)
```
#ed8af5
```
#ed8af5 rgb(237,138,245)
```
#f185fa
```
#f185fa rgb(241,133,250)
```
#f580ff
```
#f580ff rgb(245,128,255)
```

Tone Color Variation

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

Dichromacy

#93afff Protanopia 1% of men
#99b0f2 Deuteranopia 1% of men
#e89da7 Tritanopia 0.001% of the population

Trichromacy

#b69eff Protanomaly 1% of men, 0.01% of women
#ba9ef7 Deuteranomaly 6% of men, 0.4% of women
#ed92c7 Tritanomaly 0.01% of the population

#f580ff hex color

#f580ff Color Information

#f580ff Color Conversion

Color Schemes with #f580ff

Alternatives to #f580ff

#f580ff Preview

Shades and Tints of #f580ff

Tones of #f580ff

Color Blindness Simulator