colorhexa.com

#582580 hex color

In a RGB color space, hex #582580 is composed of 34.5% red, 14.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 71.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 273.6 degrees, a saturation of 55.2% and a lightness of 32.4%. #582580 color hex could be obtained by blending #b04aff with #000001. Closest websafe color is: #663399.

- R 35
- G 15
- B 50
RGB color chart
- C 31
- M 71
- Y 0
- K 50
CMYK color chart

● #582580 color description : Dark violet.

The hexadecimal color #582580 has RGB values of R:88, G:37, B:128 and CMYK values of C:0.31, M:0.71, Y:0, K:0.5. Its decimal value is 5776768.

Hex triplet	582580	`#582580`
RGB Decimal	88, 37, 128	`rgb(88,37,128)`
RGB Percent	34.5, 14.5, 50.2	`rgb(34.5%,14.5%,50.2%)`
CMYK	31, 71, 0, 50
HSL	273.6°, 55.2, 32.4	`hsl(273.6,55.2%,32.4%)`
HSV (or HSB)	273.6°, 71.1, 50.2
Web Safe	663399	`#663399`

CIE-LAB	26.611, 40.644, -41.95
XYZ	8.582, 4.957, 20.926
xyY	0.249, 0.144, 4.957
CIE-LCH	26.611, 58.411, 314.094
CIE-LUV	26.611, 13.06, -56.104
Hunter-Lab	22.263, 29.845, -40.143
Binary	01011000, 00100101, 10000000

#582580
```
#582580 rgb(88,37,128)
```
#4d8025
```
#4d8025 rgb(77,128,37)
```

Complementary Color

#2b2580
```
#2b2580 rgb(43,37,128)
```
#582580
```
#582580 rgb(88,37,128)
```
#80257b
```
#80257b rgb(128,37,123)
```

Analogous Color

#25802b
```
#25802b rgb(37,128,43)
```
#582580
```
#582580 rgb(88,37,128)
```
#7b8025
```
#7b8025 rgb(123,128,37)
```

Split Complementary Color

#258058
```
#258058 rgb(37,128,88)
```
#582580
```
#582580 rgb(88,37,128)
```
#805825
```
#805825 rgb(128,88,37)
```

Triadic Color

#2f1445
```
#2f1445 rgb(47,20,69)
```
#3d1a58
```
#3d1a58 rgb(61,26,88)
```
#4a1f6c
```
#4a1f6c rgb(74,31,108)
```
#582580
```
#582580 rgb(88,37,128)
```
#662b94
```
#662b94 rgb(102,43,148)
```
#7330a8
```
#7330a8 rgb(115,48,168)
```
#8136bb
```
#8136bb rgb(129,54,187)
```

Monochromatic Color

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

#412580
```
#412580 rgb(65,37,128)
```
#492580
```
#492580 rgb(73,37,128)
```
#502580
```
#502580 rgb(80,37,128)
```
#582580
```
#582580 rgb(88,37,128)
```
#602580
```
#602580 rgb(96,37,128)
```
#672580
```
#672580 rgb(103,37,128)
```
#6f2580
```
#6f2580 rgb(111,37,128)
```

Similar Colors

Text with hexadecimal color #582580

This text has a font color of #582580.

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

#582580 background color

This paragraph has a background color of #582580.

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

#582580 border color

This element has a border color of #582580.

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

CSS codes

.text {color:#582580;}

.background {background-color:#582580;}

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

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

#040206
```
#040206 rgb(4,2,6)
```
#0f0615
```
#0f0615 rgb(15,6,21)
```
#190b25
```
#190b25 rgb(25,11,37)
```
#240f34
```
#240f34 rgb(36,15,52)
```
#2e1343
```
#2e1343 rgb(46,19,67)
```
#391852
```
#391852 rgb(57,24,82)
```
#431c62
```
#431c62 rgb(67,28,98)
```
#4e2171
```
#4e2171 rgb(78,33,113)
```
#582580
```
#582580 rgb(88,37,128)
```
#62298f
```
#62298f rgb(98,41,143)
```
#6d2e9e
```
#6d2e9e rgb(109,46,158)
```
#7732ae
```
#7732ae rgb(119,50,174)
```
#8237bd
```
#8237bd rgb(130,55,189)
```

Shade Color Variation

#8c3fc8
```
#8c3fc8 rgb(140,63,200)
```
#954fcc
```
#954fcc rgb(149,79,204)
```
#9e5ed0
```
#9e5ed0 rgb(158,94,208)
```
#a76dd5
```
#a76dd5 rgb(167,109,213)
```
#b07cd9
```
#b07cd9 rgb(176,124,217)
```
#ba8cde
```
#ba8cde rgb(186,140,222)
```
#c39be2
```
#c39be2 rgb(195,155,226)
```
#ccaae6
```
#ccaae6 rgb(204,170,230)
```
#d5b9eb
```
#d5b9eb rgb(213,185,235)
```
#dec8ef
```
#dec8ef rgb(222,200,239)
```
#e7d8f4
```
#e7d8f4 rgb(231,216,244)
```
#f0e7f8
```
#f0e7f8 rgb(240,231,248)
```
#faf6fc
```
#faf6fc rgb(250,246,252)
```

Tint Color Variation

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

#535154
```
#535154 rgb(83,81,84)
```
#534b5a
```
#534b5a rgb(83,75,90)
```
#544560
```
#544560 rgb(84,69,96)
```
#553e67
```
#553e67 rgb(85,62,103)
```
#56386d
```
#56386d rgb(86,56,109)
```
#563273
```
#563273 rgb(86,50,115)
```
#572b7a
```
#572b7a rgb(87,43,122)
```
#582580
```
#582580 rgb(88,37,128)
```
#591f86
```
#591f86 rgb(89,31,134)
```
#5a188d
```
#5a188d rgb(90,24,141)
```
#5a1293
```
#5a1293 rgb(90,18,147)
```
#5b0c99
```
#5b0c99 rgb(91,12,153)
```
#5c05a0
```
#5c05a0 rgb(92,5,160)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#443a4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#00468a Protanopia 1% of men
#004a7b Deuteranopia 1% of men
#53454a Tritanopia 0.001% of the population

Trichromacy

#203a86 Protanomaly 1% of men, 0.01% of women
#203c7c Deuteranomaly 6% of men, 0.4% of women
#55395d Tritanomaly 0.01% of the population