#580e80 hex color

In a RGB color space, hex #580e80 is composed of 34.5% red, 5.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 89.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 278.9 degrees, a saturation of 80.3% and a lightness of 27.8%. #580e80 color hex could be obtained by blending #b01cff with #000001. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 5
- B 50
RGB color chart
- C 31
- M 89
- Y 0
- K 50
CMYK color chart

● #580e80 color description : Dark violet.

The hexadecimal color #580e80 has RGB values of R:88, G:14, B:128 and CMYK values of C:0.31, M:0.89, Y:0, K:0.5. Its decimal value is 5770880.

Hex triplet	580e80	`#580e80`
RGB Decimal	88, 14, 128	`rgb(88,14,128)`
RGB Percent	34.5, 5.5, 50.2	`rgb(34.5%,5.5%,50.2%)`
CMYK	31, 89, 0, 50
HSL	278.9°, 80.3, 27.8	`hsl(278.9,80.3%,27.8%)`
HSV (or HSB)	278.9°, 89.1, 50.2
Web Safe	660099	`#660099`

CIE-LAB	23.497, 49.579, -47.008
XYZ	8.077, 3.948, 20.757
xyY	0.246, 0.12, 3.948
CIE-LCH	23.497, 68.322, 316.525
CIE-LUV	23.497, 15.741, -59.297
Hunter-Lab	19.868, 37.798, -48.035
Binary	01011000, 00001110, 10000000

#580e80
```
#580e80 rgb(88,14,128)
```
#36800e
```
#36800e rgb(54,128,14)
```

Complementary Color

#1f0e80
```
#1f0e80 rgb(31,14,128)
```
#580e80
```
#580e80 rgb(88,14,128)
```
#800e6f
```
#800e6f rgb(128,14,111)
```

Analogous Color

#0e801f
```
#0e801f rgb(14,128,31)
```
#580e80
```
#580e80 rgb(88,14,128)
```
#6f800e
```
#6f800e rgb(111,128,14)
```

Split Complementary Color

#0e8058
```
#0e8058 rgb(14,128,88)
```
#580e80
```
#580e80 rgb(88,14,128)
```
#80580e
```
#80580e rgb(128,88,14)
```

Triadic Color

#0e3680
```
#0e3680 rgb(14,54,128)
```
#580e80
```
#580e80 rgb(88,14,128)
```
#80580e
```
#80580e rgb(128,88,14)
```
#36800e
```
#36800e rgb(54,128,14)
```

Tetradic Color

#29063b
```
#29063b rgb(41,6,59)
```
#380952
```
#380952 rgb(56,9,82)
```
#480b69
```
#480b69 rgb(72,11,105)
```
#580e80
```
#580e80 rgb(88,14,128)
```
#681197
```
#681197 rgb(104,17,151)
```
#7813ae
```
#7813ae rgb(120,19,174)
```
#8716c5
```
#8716c5 rgb(135,22,197)
```

Monochromatic Color

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

#3c0e80
```
#3c0e80 rgb(60,14,128)
```
#450e80
```
#450e80 rgb(69,14,128)
```
#4f0e80
```
#4f0e80 rgb(79,14,128)
```
#580e80
```
#580e80 rgb(88,14,128)
```
#620e80
```
#620e80 rgb(98,14,128)
```
#6b0e80
```
#6b0e80 rgb(107,14,128)
```
#750e80
```
#750e80 rgb(117,14,128)
```

Similar Colors

Text with hexadecimal color #580e80

This text has a font color of #580e80.

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

#580e80 background color

This paragraph has a background color of #580e80.

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

#580e80 border color

This element has a border color of #580e80.

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

CSS codes

.text {color:#580e80;}

.background {background-color:#580e80;}

.border {border:1px solid #580e80;}

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

#030004
```
#030004 rgb(3,0,4)
```
#0f0216
```
#0f0216 rgb(15,2,22)
```
#1b0428
```
#1b0428 rgb(27,4,40)
```
#270639
```
#270639 rgb(39,6,57)
```
#34084b
```
#34084b rgb(52,8,75)
```
#400a5d
```
#400a5d rgb(64,10,93)
```
#4c0c6e
```
#4c0c6e rgb(76,12,110)
```
#580e80
```
#580e80 rgb(88,14,128)
```
#641092
```
#641092 rgb(100,16,146)
```
#7012a3
```
#7012a3 rgb(112,18,163)
```
#7c14b5
```
#7c14b5 rgb(124,20,181)
```
#8916c7
```
#8916c7 rgb(137,22,199)
```
#9518d8
```
#9518d8 rgb(149,24,216)
```

Shade Color Variation

#a01de6
```
#a01de6 rgb(160,29,230)
```
#a72fe8
```
#a72fe8 rgb(167,47,232)
```
#af41ea
```
#af41ea rgb(175,65,234)
```
#b652ec
```
#b652ec rgb(182,82,236)
```
#be64ee
```
#be64ee rgb(190,100,238)
```
#c576f0
```
#c576f0 rgb(197,118,240)
```
#cd87f2
```
#cd87f2 rgb(205,135,242)
```
#d499f4
```
#d499f4 rgb(212,153,244)
```
#dbabf6
```
#dbabf6 rgb(219,171,246)
```
#e3bdf8
```
#e3bdf8 rgb(227,189,248)
```
#eacefa
```
#eacefa rgb(234,206,250)
```
#f2e0fc
```
#f2e0fc rgb(242,224,252)
```
#f9f2fe
```
#f9f2fe rgb(249,242,254)
```

Tint Color Variation

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

#484549
```
#484549 rgb(72,69,73)
```
#493f4f
```
#493f4f rgb(73,63,79)
```
#4b3a54
```
#4b3a54 rgb(75,58,84)
```
#4d345a
```
#4d345a rgb(77,52,90)
```
#4e2f5f
```
#4e2f5f rgb(78,47,95)
```
#502965
```
#502965 rgb(80,41,101)
```
#51246a
```
#51246a rgb(81,36,106)
```
#531e70
```
#531e70 rgb(83,30,112)
```
#551975
```
#551975 rgb(85,25,117)
```
#56137b
```
#56137b rgb(86,19,123)
```
#580e80
```
#580e80 rgb(88,14,128)
```
#5a0985
```
#5a0985 rgb(90,9,133)
```
#5b038b
```
#5b038b rgb(91,3,139)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#392a41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00436e Deuteranopia 1% of men
#523c40 Tritanopia 0.001% of the population

Trichromacy

#202e7e Protanomaly 1% of men, 0.01% of women
#203075 Deuteranomaly 6% of men, 0.4% of women
#542b57 Tritanomaly 0.01% of the population

#580e80 hex color

#580e80 Color Information

#580e80 Color Conversion

Color Schemes with #580e80

Alternatives to #580e80

#580e80 Preview

Shades and Tints of #580e80

Tones of #580e80

Color Blindness Simulator