#ff0580 hex color

In a RGB color space, hex #ff0580 is composed of 100% red, 2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98% magenta, 49.8% yellow and 0% black. It has a hue angle of 330.5 degrees, a saturation of 100% and a lightness of 51%. #ff0580 color hex could be obtained by blending #ff0aff with #ff0001. Closest websafe color is: #ff0099.

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

● #ff0580 color description : Vivid pink.

The hexadecimal color #ff0580 has RGB values of R:255, G:5, B:128 and CMYK values of C:0, M:0.98, Y:0.5, K:0. Its decimal value is 16713088.

Hex triplet	ff0580	`#ff0580`
RGB Decimal	255, 5, 128	`rgb(255,5,128)`
RGB Percent	100, 2, 50.2	`rgb(100%,2%,50.2%)`
CMYK	0, 98, 50, 0
HSL	330.5°, 100, 51	`hsl(330.5,100%,51%)`
HSV (or HSB)	330.5°, 98, 100
Web Safe	ff0099	`#ff0099`

CIE-LAB	55.003, 84.206, 4.233
XYZ	45.192, 22.932, 22.468
xyY	0.499, 0.253, 22.932
CIE-LCH	55.003, 84.313, 2.878
CIE-LUV	55.003, 141.633, -11.655
Hunter-Lab	47.888, 84.649, 5.704
Binary	11111111, 00000101, 10000000

#ff0580
```
#ff0580 rgb(255,5,128)
```
#05ff84
```
#05ff84 rgb(5,255,132)
```

Complementary Color

#ff05fd
```
#ff05fd rgb(255,5,253)
```
#ff0580
```
#ff0580 rgb(255,5,128)
```
#ff0705
```
#ff0705 rgb(255,7,5)
```

Analogous Color

#05fdff
```
#05fdff rgb(5,253,255)
```
#ff0580
```
#ff0580 rgb(255,5,128)
```
#05ff07
```
#05ff07 rgb(5,255,7)
```

Split Complementary Color

#0580ff
```
#0580ff rgb(5,128,255)
```
#ff0580
```
#ff0580 rgb(255,5,128)
```
#80ff05
```
#80ff05 rgb(128,255,5)
```

Triadic Color

#8405ff
```
#8405ff rgb(132,5,255)
```
#ff0580
```
#ff0580 rgb(255,5,128)
```
#80ff05
```
#80ff05 rgb(128,255,5)
```
#05ff84
```
#05ff84 rgb(5,255,132)
```

Tetradic Color

#b8005a
```
#b8005a rgb(184,0,90)
```
#d10067
```
#d10067 rgb(209,0,103)
```
#eb0073
```
#eb0073 rgb(235,0,115)
```
#ff0580
```
#ff0580 rgb(255,5,128)
```
#ff1f8d
```
#ff1f8d rgb(255,31,141)
```
#ff389a
```
#ff389a rgb(255,56,154)
```
#ff51a7
```
#ff51a7 rgb(255,81,167)
```

Monochromatic Color

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

#ff05bf
```
#ff05bf rgb(255,5,191)
```
#ff05aa
```
#ff05aa rgb(255,5,170)
```
#ff0595
```
#ff0595 rgb(255,5,149)
```
#ff0580
```
#ff0580 rgb(255,5,128)
```
#ff056b
```
#ff056b rgb(255,5,107)
```
#ff0556
```
#ff0556 rgb(255,5,86)
```
#ff0542
```
#ff0542 rgb(255,5,66)
```

Similar Colors

Text with hexadecimal color #ff0580

This text has a font color of #ff0580.

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

#ff0580 background color

This paragraph has a background color of #ff0580.

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

#ff0580 border color

This element has a border color of #ff0580.

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

CSS codes

.text {color:#ff0580;}

.background {background-color:#ff0580;}

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

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

#050002
```
#050002 rgb(5,0,2)
```
#19000c
```
#19000c rgb(25,0,12)
```
#2c0016
```
#2c0016 rgb(44,0,22)
```
#40001f
```
#40001f rgb(64,0,31)
```
#530029
```
#530029 rgb(83,0,41)
```
#670033
```
#670033 rgb(103,0,51)
```
#7b003c
```
#7b003c rgb(123,0,60)
```
#8e0046
```
#8e0046 rgb(142,0,70)
```
#a20050
```
#a20050 rgb(162,0,80)
```
#b60059
```
#b60059 rgb(182,0,89)
```
#c90063
```
#c90063 rgb(201,0,99)
```
#dd006d
```
#dd006d rgb(221,0,109)
```
#f00076
```
#f00076 rgb(240,0,118)
```

Shade Color Variation

#ff0580
```
#ff0580 rgb(255,5,128)
```
#ff198a
```
#ff198a rgb(255,25,138)
```
#ff2c94
```
#ff2c94 rgb(255,44,148)
```
#ff409e
```
#ff409e rgb(255,64,158)
```
#ff53a8
```
#ff53a8 rgb(255,83,168)
```
#ff67b2
```
#ff67b2 rgb(255,103,178)
```
#ff7bbc
```
#ff7bbc rgb(255,123,188)
```
#ff8ec6
```
#ff8ec6 rgb(255,142,198)
```
#ffa2d0
```
#ffa2d0 rgb(255,162,208)
```
#ffb6da
```
#ffb6da rgb(255,182,218)
```
#ffc9e4
```
#ffc9e4 rgb(255,201,228)
```
#ffddee
```
#ffddee rgb(255,221,238)
```
#fff0f8
```
#fff0f8 rgb(255,240,248)
```

Tint Color Variation

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

#8c7882
```
#8c7882 rgb(140,120,130)
```
#956f82
```
#956f82 rgb(149,111,130)
```
#9f6582
```
#9f6582 rgb(159,101,130)
```
#a85c81
```
#a85c81 rgb(168,92,129)
```
#b25281
```
#b25281 rgb(178,82,129)
```
#bc4881
```
#bc4881 rgb(188,72,129)
```
#c53f81
```
#c53f81 rgb(197,63,129)
```
#cf3581
```
#cf3581 rgb(207,53,129)
```
#d92b81
```
#d92b81 rgb(217,43,129)
```
#e22280
```
#e22280 rgb(226,34,128)
```
#ec1880
```
#ec1880 rgb(236,24,128)
```
#f50f80
```
#f50f80 rgb(245,15,128)
```
#ff0580
```
#ff0580 rgb(255,5,128)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7e4c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c88b4 Protanopia 1% of men
#9d8577 Deuteranopia 1% of men
#fb3b3b Tritanopia 0.001% of the population

Trichromacy

#ac58a1 Protanomaly 1% of men, 0.01% of women
#c1567a Deuteranomaly 6% of men, 0.4% of women
#fc2754 Tritanomaly 0.01% of the population

#ff0580 hex color

#ff0580 Color Information

#ff0580 Color Conversion

Color Schemes with #ff0580

Alternatives to #ff0580

#ff0580 Preview

Shades and Tints of #ff0580

Tones of #ff0580

Color Blindness Simulator