colorhexa.com

#580b83 hex color

In a RGB color space, hex #580b83 is composed of 34.5% red, 4.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 32.8% cyan, 91.6% magenta, 0% yellow and 48.6% black. It has a hue angle of 278.5 degrees, a saturation of 84.5% and a lightness of 27.8%. #580b83 color hex could be obtained by blending #b016ff with #000007. Closest websafe color is: #660099.

- R 35
- G 4
- B 51
RGB color chart
- C 33
- M 92
- Y 0
- K 49
CMYK color chart

● #580b83 color description : Dark violet.

The hexadecimal color #580b83 has RGB values of R:88, G:11, B:131 and CMYK values of C:0.33, M:0.92, Y:0, K:0.49. Its decimal value is 5770115.

Hex triplet	580b83	`#580b83`
RGB Decimal	88, 11, 131	`rgb(88,11,131)`
RGB Percent	34.5, 4.3, 51.4	`rgb(34.5%,4.3%,51.4%)`
CMYK	33, 92, 0, 49
HSL	278.5°, 84.5, 27.8	`hsl(278.5,84.5%,27.8%)`
HSV (or HSB)	278.5°, 91.6, 51.4
Web Safe	660099	`#660099`

CIE-LAB	23.515, 50.971, -48.873
XYZ	8.24, 3.953, 21.8
xyY	0.242, 0.116, 3.953
CIE-LCH	23.515, 70.616, 316.203
CIE-LUV	23.515, 15.318, -61.358
Hunter-Lab	19.882, 39.188, -51.093
Binary	01011000, 00001011, 10000011

#580b83
```
#580b83 rgb(88,11,131)
```
#36830b
```
#36830b rgb(54,131,11)
```

Complementary Color

#1c0b83
```
#1c0b83 rgb(28,11,131)
```
#580b83
```
#580b83 rgb(88,11,131)
```
#830b72
```
#830b72 rgb(131,11,114)
```

Analogous Color

#0b831c
```
#0b831c rgb(11,131,28)
```
#580b83
```
#580b83 rgb(88,11,131)
```
#72830b
```
#72830b rgb(114,131,11)
```

Split Complementary Color

#0b8358
```
#0b8358 rgb(11,131,88)
```
#580b83
```
#580b83 rgb(88,11,131)
```
#83580b
```
#83580b rgb(131,88,11)
```

Triadic Color

#29053c
```
#29053c rgb(41,5,60)
```
#380754
```
#380754 rgb(56,7,84)
```
#48096b
```
#48096b rgb(72,9,107)
```
#580b83
```
#580b83 rgb(88,11,131)
```
#680d9b
```
#680d9b rgb(104,13,155)
```
#780fb2
```
#780fb2 rgb(120,15,178)
```
#8711ca
```
#8711ca rgb(135,17,202)
```

Monochromatic Color

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

#3a0b83
```
#3a0b83 rgb(58,11,131)
```
#440b83
```
#440b83 rgb(68,11,131)
```
#4e0b83
```
#4e0b83 rgb(78,11,131)
```
#580b83
```
#580b83 rgb(88,11,131)
```
#620b83
```
#620b83 rgb(98,11,131)
```
#6c0b83
```
#6c0b83 rgb(108,11,131)
```
#760b83
```
#760b83 rgb(118,11,131)
```

Similar Colors

Text with hexadecimal color #580b83

This text has a font color of #580b83.

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

#580b83 background color

This paragraph has a background color of #580b83.

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

#580b83 border color

This element has a border color of #580b83.

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

CSS codes

.text {color:#580b83;}

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

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

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 #f9f1fe is the lightest one.

#030004
```
#030004 rgb(3,0,4)
```
#0f0216
```
#0f0216 rgb(15,2,22)
```
#1b0329
```
#1b0329 rgb(27,3,41)
```
#27053b
```
#27053b rgb(39,5,59)
```
#34064d
```
#34064d rgb(52,6,77)
```
#40085f
```
#40085f rgb(64,8,95)
```
#4c0971
```
#4c0971 rgb(76,9,113)
```
#580b83
```
#580b83 rgb(88,11,131)
```
#640d95
```
#640d95 rgb(100,13,149)
```
#700ea7
```
#700ea7 rgb(112,14,167)
```
#7c10b9
```
#7c10b9 rgb(124,16,185)
```
#8911cb
```
#8911cb rgb(137,17,203)
```
#9513dd
```
#9513dd rgb(149,19,221)
```

Shade Color Variation

#a018ec
```
#a018ec rgb(160,24,236)
```
#a72aed
```
#a72aed rgb(167,42,237)
```
#af3cef
```
#af3cef rgb(175,60,239)
```
#b64ef0
```
#b64ef0 rgb(182,78,240)
```
#be60f2
```
#be60f2 rgb(190,96,242)
```
#c573f3
```
#c573f3 rgb(197,115,243)
```
#cd85f5
```
#cd85f5 rgb(205,133,245)
```
#d497f6
```
#d497f6 rgb(212,151,246)
```
#dba9f8
```
#dba9f8 rgb(219,169,248)
```
#e3bbf9
```
#e3bbf9 rgb(227,187,249)
```
#eacdfb
```
#eacdfb rgb(234,205,251)
```
#f2dffc
```
#f2dffc rgb(242,223,252)
```
#f9f1fe
```
#f9f1fe rgb(249,241,254)
```

Tint Color Variation

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

#49424c
```
#49424c rgb(73,66,76)
```
#4a3c52
```
#4a3c52 rgb(74,60,82)
```
#4c3757
```
#4c3757 rgb(76,55,87)
```
#4d315d
```
#4d315d rgb(77,49,93)
```
#4f2c62
```
#4f2c62 rgb(79,44,98)
```
#502668
```
#502668 rgb(80,38,104)
```
#52216d
```
#52216d rgb(82,33,109)
```
#531b73
```
#531b73 rgb(83,27,115)
```
#551678
```
#551678 rgb(85,22,120)
```
#56107e
```
#56107e rgb(86,16,126)
```
#580b83
```
#580b83 rgb(88,11,131)
```
#5a0688
```
#5a0688 rgb(90,6,136)
```
#5b008e
```
#5b008e rgb(91,0,142)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#382941 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00407d Protanopia 1% of men
#00436e Deuteranopia 1% of men
#513d41 Tritanopia 0.001% of the population

Trichromacy

#202d7f Protanomaly 1% of men, 0.01% of women
#202f75 Deuteranomaly 6% of men, 0.4% of women
#532a59 Tritanomaly 0.01% of the population