#580ca1 hex color

In a RGB color space, hex #580ca1 is composed of 34.5% red, 4.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 92.5% magenta, 0% yellow and 36.9% black. It has a hue angle of 270.6 degrees, a saturation of 86.1% and a lightness of 33.9%. #580ca1 color hex could be obtained by blending #b018ff with #000043. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 35
- G 5
- B 63
RGB color chart
- C 45
- M 93
- Y 0
- K 37
CMYK color chart

● #580ca1 color description : Dark violet.

The hexadecimal color #580ca1 has RGB values of R:88, G:12, B:161 and CMYK values of C:0.45, M:0.93, Y:0, K:0.37. Its decimal value is 5770401.

Hex triplet	580ca1	`#580ca1`
RGB Decimal	88, 12, 161	`rgb(88,12,161)`
RGB Percent	34.5, 4.7, 63.1	`rgb(34.5%,4.7%,63.1%)`
CMYK	45, 93, 0, 37
HSL	270.6°, 86.1, 33.9	`hsl(270.6,86.1%,33.9%)`
HSV (or HSB)	270.6°, 92.5, 63.1
Web Safe	660099	`#660099`

CIE-LAB	26.479, 57.48, -62.587
XYZ	10.588, 4.911, 34.106
xyY	0.213, 0.099, 4.911
CIE-LCH	26.479, 84.977, 312.564
CIE-LUV	26.479, 10.039, -79.669
Hunter-Lab	22.161, 46.504, -75.738
Binary	01011000, 00001100, 10100001

#580ca1
```
#580ca1 rgb(88,12,161)
```
#55a10c
```
#55a10c rgb(85,161,12)
```

Complementary Color

#0e0ca1
```
#0e0ca1 rgb(14,12,161)
```
#580ca1
```
#580ca1 rgb(88,12,161)
```
#a10ca0
```
#a10ca0 rgb(161,12,160)
```

Analogous Color

#0ca10e
```
#0ca10e rgb(12,161,14)
```
#580ca1
```
#580ca1 rgb(88,12,161)
```
#a0a10c
```
#a0a10c rgb(160,161,12)
```

Split Complementary Color

#0ca158
```
#0ca158 rgb(12,161,88)
```
#580ca1
```
#580ca1 rgb(88,12,161)
```
#a1580c
```
#a1580c rgb(161,88,12)
```

Triadic Color

#0c55a1
```
#0c55a1 rgb(12,85,161)
```
#580ca1
```
#580ca1 rgb(88,12,161)
```
#a1580c
```
#a1580c rgb(161,88,12)
```
#55a10c
```
#55a10c rgb(85,161,12)
```

Tetradic Color

#31075a
```
#31075a rgb(49,7,90)
```
#3e0872
```
#3e0872 rgb(62,8,114)
```
#4b0a89
```
#4b0a89 rgb(75,10,137)
```
#580ca1
```
#580ca1 rgb(88,12,161)
```
#650eb9
```
#650eb9 rgb(101,14,185)
```
#7210d0
```
#7210d0 rgb(114,16,208)
```
#7f11e8
```
#7f11e8 rgb(127,17,232)
```

Monochromatic Color

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

#330ca1
```
#330ca1 rgb(51,12,161)
```
#3f0ca1
```
#3f0ca1 rgb(63,12,161)
```
#4c0ca1
```
#4c0ca1 rgb(76,12,161)
```
#580ca1
```
#580ca1 rgb(88,12,161)
```
#640ca1
```
#640ca1 rgb(100,12,161)
```
#710ca1
```
#710ca1 rgb(113,12,161)
```
#7d0ca1
```
#7d0ca1 rgb(125,12,161)
```

Similar Colors

Text with hexadecimal color #580ca1

This text has a font color of #580ca1.

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

#580ca1 background color

This paragraph has a background color of #580ca1.

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

#580ca1 border color

This element has a border color of #580ca1.

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

CSS codes

.text {color:#580ca1;}

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

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

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, #08010f is the darkest color, while #fdfcff is the lightest one.

#08010f
```
#08010f rgb(8,1,15)
```
#120221
```
#120221 rgb(18,2,33)
```
#1c0433
```
#1c0433 rgb(28,4,51)
```
#260546
```
#260546 rgb(38,5,70)
```
#300758
```
#300758 rgb(48,7,88)
```
#3a086a
```
#3a086a rgb(58,8,106)
```
#44097c
```
#44097c rgb(68,9,124)
```
#4e0b8f
```
#4e0b8f rgb(78,11,143)
```
#580ca1
```
#580ca1 rgb(88,12,161)
```
#620db3
```
#620db3 rgb(98,13,179)
```
#6c0fc6
```
#6c0fc6 rgb(108,15,198)
```
#7610d8
```
#7610d8 rgb(118,16,216)
```
#8011ea
```
#8011ea rgb(128,17,234)
```

Shade Color Variation

#8a21ee
```
#8a21ee rgb(138,33,238)
```
#9333f0
```
#9333f0 rgb(147,51,240)
```
#9d45f1
```
#9d45f1 rgb(157,69,241)
```
#a757f3
```
#a757f3 rgb(167,87,243)
```
#b06af4
```
#b06af4 rgb(176,106,244)
```
#ba7cf5
```
#ba7cf5 rgb(186,124,245)
```
#c38ef7
```
#c38ef7 rgb(195,142,247)
```
#cda0f8
```
#cda0f8 rgb(205,160,248)
```
#d7b3f9
```
#d7b3f9 rgb(215,179,249)
```
#e0c5fb
```
#e0c5fb rgb(224,197,251)
```
#ead7fc
```
#ead7fc rgb(234,215,252)
```
#f4e9fd
```
#f4e9fd rgb(244,233,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#575558
```
#575558 rgb(87,85,88)
```
#574f5e
```
#574f5e rgb(87,79,94)
```
#574865
```
#574865 rgb(87,72,101)
```
#57416c
```
#57416c rgb(87,65,108)
```
#573b72
```
#573b72 rgb(87,59,114)
```
#573479
```
#573479 rgb(87,52,121)
```
#572d80
```
#572d80 rgb(87,45,128)
```
#572786
```
#572786 rgb(87,39,134)
```
#58208d
```
#58208d rgb(88,32,141)
```
#581994
```
#581994 rgb(88,25,148)
```
#58139a
```
#58139a rgb(88,19,154)
```
#580ca1
```
#580ca1 rgb(88,12,161)
```
#5805a8
```
#5805a8 rgb(88,5,168)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#3b2c4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a77 Deuteranopia 1% of men
#46484e Tritanopia 0.001% of the population

Trichromacy

#203191 Protanomaly 1% of men, 0.01% of women
#203386 Deuteranomaly 6% of men, 0.4% of women
#4c326c Tritanomaly 0.01% of the population

#580ca1 hex color

#580ca1 Color Information

#580ca1 Color Conversion

Color Schemes with #580ca1

Alternatives to #580ca1

#580ca1 Preview

Shades and Tints of #580ca1

Tones of #580ca1

Color Blindness Simulator