#580fa5 hex color

In a RGB color space, hex #580fa5 is composed of 34.5% red, 5.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 90.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 269.2 degrees, a saturation of 83.3% and a lightness of 35.3%. #580fa5 color hex could be obtained by blending #b01eff with #00004b. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 6
- B 65
RGB color chart
- C 47
- M 91
- Y 0
- K 35
CMYK color chart

● #580fa5 color description : Dark violet.

The hexadecimal color #580fa5 has RGB values of R:88, G:15, B:165 and CMYK values of C:0.47, M:0.91, Y:0, K:0.35. Its decimal value is 5771173.

Hex triplet	580fa5	`#580fa5`
RGB Decimal	88, 15, 165	`rgb(88,15,165)`
RGB Percent	34.5, 5.9, 64.7	`rgb(34.5%,5.9%,64.7%)`
CMYK	47, 91, 0, 35
HSL	269.2°, 83.3, 35.3	`hsl(269.2,83.3%,35.3%)`
HSV (or HSB)	269.2°, 90.9, 64.7
Web Safe	660099	`#660099`

CIE-LAB	27.11, 57.737, -63.978
XYZ	10.986, 5.133, 36.007
xyY	0.211, 0.098, 5.133
CIE-LCH	27.11, 86.178, 312.065
CIE-LUV	27.11, 9.289, -81.991
Hunter-Lab	22.656, 46.905, -78.37
Binary	01011000, 00001111, 10100101

#580fa5
```
#580fa5 rgb(88,15,165)
```
#5ca50f
```
#5ca50f rgb(92,165,15)
```

Complementary Color

#0f11a5
```
#0f11a5 rgb(15,17,165)
```
#580fa5
```
#580fa5 rgb(88,15,165)
```
#a30fa5
```
#a30fa5 rgb(163,15,165)
```

Analogous Color

#11a50f
```
#11a50f rgb(17,165,15)
```
#580fa5
```
#580fa5 rgb(88,15,165)
```
#a5a30f
```
#a5a30f rgb(165,163,15)
```

Split Complementary Color

#0fa558
```
#0fa558 rgb(15,165,88)
```
#580fa5
```
#580fa5 rgb(88,15,165)
```
#a5580f
```
#a5580f rgb(165,88,15)
```

Triadic Color

#0f5ca5
```
#0f5ca5 rgb(15,92,165)
```
#580fa5
```
#580fa5 rgb(88,15,165)
```
#a5580f
```
#a5580f rgb(165,88,15)
```
#5ca50f
```
#5ca50f rgb(92,165,15)
```

Tetradic Color

#33095f
```
#33095f rgb(51,9,95)
```
#3f0b76
```
#3f0b76 rgb(63,11,118)
```
#4c0d8e
```
#4c0d8e rgb(76,13,142)
```
#580fa5
```
#580fa5 rgb(88,15,165)
```
#6411bc
```
#6411bc rgb(100,17,188)
```
#7113d4
```
#7113d4 rgb(113,19,212)
```
#7d17ea
```
#7d17ea rgb(125,23,234)
```

Monochromatic Color

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

#330fa5
```
#330fa5 rgb(51,15,165)
```
#3f0fa5
```
#3f0fa5 rgb(63,15,165)
```
#4b0fa5
```
#4b0fa5 rgb(75,15,165)
```
#580fa5
```
#580fa5 rgb(88,15,165)
```
#650fa5
```
#650fa5 rgb(101,15,165)
```
#710fa5
```
#710fa5 rgb(113,15,165)
```
#7e0fa5
```
#7e0fa5 rgb(126,15,165)
```

Similar Colors

Text with hexadecimal color #580fa5

This text has a font color of #580fa5.

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

#580fa5 background color

This paragraph has a background color of #580fa5.

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

#580fa5 border color

This element has a border color of #580fa5.

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

CSS codes

.text {color:#580fa5;}

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

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0b0215
```
#0b0215 rgb(11,2,21)
```
#150427
```
#150427 rgb(21,4,39)
```
#1e0539
```
#1e0539 rgb(30,5,57)
```
#28074b
```
#28074b rgb(40,7,75)
```
#32085d
```
#32085d rgb(50,8,93)
```
#3b0a6f
```
#3b0a6f rgb(59,10,111)
```
#450c81
```
#450c81 rgb(69,12,129)
```
#4e0d93
```
#4e0d93 rgb(78,13,147)
```
#580fa5
```
#580fa5 rgb(88,15,165)
```
#6211b7
```
#6211b7 rgb(98,17,183)
```
#6b12c9
```
#6b12c9 rgb(107,18,201)
```
#7514db
```
#7514db rgb(117,20,219)
```

Shade Color Variation

#7e18ea
```
#7e18ea rgb(126,24,234)
```
#882aec
```
#882aec rgb(136,42,236)
```
#923ced
```
#923ced rgb(146,60,237)
```
#9d4eef
```
#9d4eef rgb(157,78,239)
```
#a760f1
```
#a760f1 rgb(167,96,241)
```
#b172f2
```
#b172f2 rgb(177,114,242)
```
#bb84f4
```
#bb84f4 rgb(187,132,244)
```
#c596f5
```
#c596f5 rgb(197,150,245)
```
#cfa8f7
```
#cfa8f7 rgb(207,168,247)
```
#d9baf9
```
#d9baf9 rgb(217,186,249)
```
#e3ccfa
```
#e3ccfa rgb(227,204,250)
```
#eddefc
```
#eddefc rgb(237,222,252)
```
#f7f0fe
```
#f7f0fe rgb(247,240,254)
```

Tint Color Variation

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

#5a5460
```
#5a5460 rgb(90,84,96)
```
#5a4d67
```
#5a4d67 rgb(90,77,103)
```
#59466e
```
#59466e rgb(89,70,110)
```
#593f75
```
#593f75 rgb(89,63,117)
```
#59397b
```
#59397b rgb(89,57,123)
```
#593282
```
#593282 rgb(89,50,130)
```
#592b89
```
#592b89 rgb(89,43,137)
```
#592490
```
#592490 rgb(89,36,144)
```
#581d97
```
#581d97 rgb(88,29,151)
```
#58169e
```
#58169e rgb(88,22,158)
```
#580fa5
```
#580fa5 rgb(88,15,165)
```
#5808ac
```
#5808ac rgb(88,8,172)
```
#5801b3
```
#5801b3 rgb(88,1,179)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#3d2e4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004b79 Deuteranopia 1% of men
#444a50 Tritanopia 0.001% of the population

Trichromacy

#203394 Protanomaly 1% of men, 0.01% of women
#203589 Deuteranomaly 6% of men, 0.4% of women
#4b356f Tritanomaly 0.01% of the population

#580fa5 hex color

#580fa5 Color Information

#580fa5 Color Conversion

Color Schemes with #580fa5

Alternatives to #580fa5

#580fa5 Preview

Shades and Tints of #580fa5

Tones of #580fa5

Color Blindness Simulator