#ff2580 hex color

In a RGB color space, hex #ff2580 is composed of 100% red, 14.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 49.8% yellow and 0% black. It has a hue angle of 335 degrees, a saturation of 100% and a lightness of 57.3%. #ff2580 color hex could be obtained by blending #ff4aff with #ff0001. Closest websafe color is: #ff3399.

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

● #ff2580 color description : Vivid pink.

The hexadecimal color #ff2580 has RGB values of R:255, G:37, B:128 and CMYK values of C:0, M:0.85, Y:0.5, K:0. Its decimal value is 16721280.

Hex triplet	ff2580	`#ff2580`
RGB Decimal	255, 37, 128	`rgb(255,37,128)`
RGB Percent	100, 14.5, 50.2	`rgb(100%,14.5%,50.2%)`
CMYK	0, 85, 50, 0
HSL	335°, 100, 57.3	`hsl(335,100%,57.3%)`
HSV (or HSB)	335°, 85.5, 100
Web Safe	ff3399	`#ff3399`

CIE-LAB	56.235, 80.636, 6.003
XYZ	45.799, 24.147, 22.67
xyY	0.495, 0.261, 24.147
CIE-LCH	56.235, 80.859, 4.258
CIE-LUV	56.235, 136.72, -8.619
Hunter-Lab	49.139, 80.373, 7.045
Binary	11111111, 00100101, 10000000

#ff2580
```
#ff2580 rgb(255,37,128)
```
#25ffa4
```
#25ffa4 rgb(37,255,164)
```

Complementary Color

#ff25ed
```
#ff25ed rgb(255,37,237)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```
#ff3725
```
#ff3725 rgb(255,55,37)
```

Analogous Color

#25edff
```
#25edff rgb(37,237,255)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```
#25ff37
```
#25ff37 rgb(37,255,55)
```

Split Complementary Color

#2580ff
```
#2580ff rgb(37,128,255)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```
#80ff25
```
#80ff25 rgb(128,255,37)
```

Triadic Color

#a425ff
```
#a425ff rgb(164,37,255)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```
#80ff25
```
#80ff25 rgb(128,255,37)
```
#25ffa4
```
#25ffa4 rgb(37,255,164)
```

Tetradic Color

#d8005a
```
#d8005a rgb(216,0,90)
```
#f10065
```
#f10065 rgb(241,0,101)
```
#ff0c71
```
#ff0c71 rgb(255,12,113)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```
#ff3f8f
```
#ff3f8f rgb(255,63,143)
```
#ff589e
```
#ff589e rgb(255,88,158)
```
#ff72ad
```
#ff72ad rgb(255,114,173)
```

Monochromatic Color

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

#ff25b7
```
#ff25b7 rgb(255,37,183)
```
#ff25a4
```
#ff25a4 rgb(255,37,164)
```
#ff2592
```
#ff2592 rgb(255,37,146)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```
#ff256e
```
#ff256e rgb(255,37,110)
```
#ff255c
```
#ff255c rgb(255,37,92)
```
#ff254a
```
#ff254a rgb(255,37,74)
```

Similar Colors

Text with hexadecimal color #ff2580

This text has a font color of #ff2580.

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

#ff2580 background color

This paragraph has a background color of #ff2580.

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

#ff2580 border color

This element has a border color of #ff2580.

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

CSS codes

.text {color:#ff2580;}

.background {background-color:#ff2580;}

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

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

#110007
```
#110007 rgb(17,0,7)
```
#25000f
```
#25000f rgb(37,0,15)
```
#390018
```
#390018 rgb(57,0,24)
```
#4c0020
```
#4c0020 rgb(76,0,32)
```
#600028
```
#600028 rgb(96,0,40)
```
#730030
```
#730030 rgb(115,0,48)
```
#870038
```
#870038 rgb(135,0,56)
```
#9b0041
```
#9b0041 rgb(155,0,65)
```
#ae0049
```
#ae0049 rgb(174,0,73)
```
#c20051
```
#c20051 rgb(194,0,81)
```
#d60059
```
#d60059 rgb(214,0,89)
```
#e90061
```
#e90061 rgb(233,0,97)
```
#fd006a
```
#fd006a rgb(253,0,106)
```

Shade Color Variation

#ff1175
```
#ff1175 rgb(255,17,117)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```
#ff398b
```
#ff398b rgb(255,57,139)
```
#ff4c97
```
#ff4c97 rgb(255,76,151)
```
#ff60a2
```
#ff60a2 rgb(255,96,162)
```
#ff73ae
```
#ff73ae rgb(255,115,174)
```
#ff87b9
```
#ff87b9 rgb(255,135,185)
```
#ff9bc5
```
#ff9bc5 rgb(255,155,197)
```
#ffaed0
```
#ffaed0 rgb(255,174,208)
```
#ffc2db
```
#ffc2db rgb(255,194,219)
```
#ffd6e7
```
#ffd6e7 rgb(255,214,231)
```
#ffe9f2
```
#ffe9f2 rgb(255,233,242)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#9a8a91
```
#9a8a91 rgb(154,138,145)
```
#a3818f
```
#a3818f rgb(163,129,143)
```
#ab798e
```
#ab798e rgb(171,121,142)
```
#b4708c
```
#b4708c rgb(180,112,140)
```
#bc688b
```
#bc688b rgb(188,104,139)
```
#c4608a
```
#c4608a rgb(196,96,138)
```
#cd5788
```
#cd5788 rgb(205,87,136)
```
#d54f87
```
#d54f87 rgb(213,79,135)
```
#dd4786
```
#dd4786 rgb(221,71,134)
```
#e63e84
```
#e63e84 rgb(230,62,132)
```
#ee3683
```
#ee3683 rgb(238,54,131)
```
#f72d81
```
#f72d81 rgb(247,45,129)
```
#ff2580
```
#ff2580 rgb(255,37,128)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8d6274 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838baf Protanopia 1% of men
#a18878 Deuteranopia 1% of men
#fb4547 Tritanopia 0.001% of the population

Trichromacy

#b0669e Protanomaly 1% of men, 0.01% of women
#c3647b Deuteranomaly 6% of men, 0.4% of women
#fc395c Tritanomaly 0.01% of the population

#ff2580 hex color

#ff2580 Color Information

#ff2580 Color Conversion

Color Schemes with #ff2580

Alternatives to #ff2580

#ff2580 Preview

Shades and Tints of #ff2580

Tones of #ff2580

Color Blindness Simulator