#580b99 hex color

In a RGB color space, hex #580b99 is composed of 34.5% red, 4.3% green and 60% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 92.8% magenta, 0% yellow and 40% black. It has a hue angle of 272.5 degrees, a saturation of 86.6% and a lightness of 32.2%. #580b99 color hex could be obtained by blending #b016ff with #000033. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 4
- B 60
RGB color chart
- C 42
- M 93
- Y 0
- K 40
CMYK color chart

● #580b99 color description : Dark violet.

The hexadecimal color #580b99 has RGB values of R:88, G:11, B:153 and CMYK values of C:0.42, M:0.93, Y:0, K:0.4. Its decimal value is 5770137.

Hex triplet	580b99	`#580b99`
RGB Decimal	88, 11, 153	`rgb(88,11,153)`
RGB Percent	34.5, 4.3, 60	`rgb(34.5%,4.3%,60%)`
CMYK	42, 93, 0, 40
HSL	272.5°, 86.6, 32.2	`hsl(272.5,86.6%,32.2%)`
HSV (or HSB)	272.5°, 92.8, 60
Web Safe	660099	`#660099`

CIE-LAB	25.606, 55.864, -59.134
XYZ	9.893, 4.614, 30.505
xyY	0.22, 0.103, 4.614
CIE-LCH	25.606, 81.348, 313.371
CIE-LUV	25.606, 11.349, -74.879
Hunter-Lab	21.48, 44.62, -69.163
Binary	01011000, 00001011, 10011001

#580b99
```
#580b99 rgb(88,11,153)
```
#4c990b
```
#4c990b rgb(76,153,11)
```

Complementary Color

#110b99
```
#110b99 rgb(17,11,153)
```
#580b99
```
#580b99 rgb(88,11,153)
```
#990b93
```
#990b93 rgb(153,11,147)
```

Analogous Color

#0b9911
```
#0b9911 rgb(11,153,17)
```
#580b99
```
#580b99 rgb(88,11,153)
```
#93990b
```
#93990b rgb(147,153,11)
```

Split Complementary Color

#0b9958
```
#0b9958 rgb(11,153,88)
```
#580b99
```
#580b99 rgb(88,11,153)
```
#99580b
```
#99580b rgb(153,88,11)
```

Triadic Color

#0b4c99
```
#0b4c99 rgb(11,76,153)
```
#580b99
```
#580b99 rgb(88,11,153)
```
#99580b
```
#99580b rgb(153,88,11)
```
#4c990b
```
#4c990b rgb(76,153,11)
```

Tetradic Color

#2f0652
```
#2f0652 rgb(47,6,82)
```
#3d0869
```
#3d0869 rgb(61,8,105)
```
#4a0981
```
#4a0981 rgb(74,9,129)
```
#580b99
```
#580b99 rgb(88,11,153)
```
#660db1
```
#660db1 rgb(102,13,177)
```
#730ec9
```
#730ec9 rgb(115,14,201)
```
#8110e0
```
#8110e0 rgb(129,16,224)
```

Monochromatic Color

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

#340b99
```
#340b99 rgb(52,11,153)
```
#400b99
```
#400b99 rgb(64,11,153)
```
#4c0b99
```
#4c0b99 rgb(76,11,153)
```
#580b99
```
#580b99 rgb(88,11,153)
```
#640b99
```
#640b99 rgb(100,11,153)
```
#700b99
```
#700b99 rgb(112,11,153)
```
#7c0b99
```
#7c0b99 rgb(124,11,153)
```

Similar Colors

Text with hexadecimal color #580b99

This text has a font color of #580b99.

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

#580b99 background color

This paragraph has a background color of #580b99.

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

#580b99 border color

This element has a border color of #580b99.

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

CSS codes

.text {color:#580b99;}

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

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

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

#040007
```
#040007 rgb(4,0,7)
```
#0e0219
```
#0e0219 rgb(14,2,25)
```
#19032b
```
#19032b rgb(25,3,43)
```
#23043e
```
#23043e rgb(35,4,62)
```
#2e0650
```
#2e0650 rgb(46,6,80)
```
#380762
```
#380762 rgb(56,7,98)
```
#430874
```
#430874 rgb(67,8,116)
```
#4d0a87
```
#4d0a87 rgb(77,10,135)
```
#580b99
```
#580b99 rgb(88,11,153)
```
#630cab
```
#630cab rgb(99,12,171)
```
#6d0ebe
```
#6d0ebe rgb(109,14,190)
```
#780fd0
```
#780fd0 rgb(120,15,208)
```
#8210e2
```
#8210e2 rgb(130,16,226)
```

Shade Color Variation

#8c18ee
```
#8c18ee rgb(140,24,238)
```
#952af0
```
#952af0 rgb(149,42,240)
```
#9e3cf1
```
#9e3cf1 rgb(158,60,241)
```
#a74ff2
```
#a74ff2 rgb(167,79,242)
```
#b061f4
```
#b061f4 rgb(176,97,244)
```
#ba73f5
```
#ba73f5 rgb(186,115,245)
```
#c386f6
```
#c386f6 rgb(195,134,246)
```
#cc98f8
```
#cc98f8 rgb(204,152,248)
```
#d5aaf9
```
#d5aaf9 rgb(213,170,249)
```
#debcfa
```
#debcfa rgb(222,188,250)
```
#e7cffc
```
#e7cffc rgb(231,207,252)
```
#f0e1fd
```
#f0e1fd rgb(240,225,253)
```
#f9f3fe
```
#f9f3fe rgb(249,243,254)
```

Tint Color Variation

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

#525054
```
#525054 rgb(82,80,84)
```
#534a5a
```
#534a5a rgb(83,74,90)
```
#534460
```
#534460 rgb(83,68,96)
```
#543d67
```
#543d67 rgb(84,61,103)
```
#54376d
```
#54376d rgb(84,55,109)
```
#553173
```
#553173 rgb(85,49,115)
```
#552b79
```
#552b79 rgb(85,43,121)
```
#562480
```
#562480 rgb(86,36,128)
```
#561e86
```
#561e86 rgb(86,30,134)
```
#57188c
```
#57188c rgb(87,24,140)
```
#571193
```
#571193 rgb(87,17,147)
```
#580b99
```
#580b99 rgb(88,11,153)
```
#59059f
```
#59059f rgb(89,5,159)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#3a2a47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004874 Deuteranopia 1% of men
#49454a Tritanopia 0.001% of the population

Trichromacy

#202f8c Protanomaly 1% of men, 0.01% of women
#203281 Deuteranomaly 6% of men, 0.4% of women
#4e3067 Tritanomaly 0.01% of the population

#580b99 hex color

#580b99 Color Information

#580b99 Color Conversion

Color Schemes with #580b99

Alternatives to #580b99

#580b99 Preview

Shades and Tints of #580b99

Tones of #580b99

Color Blindness Simulator