#580ea1 hex color

In a RGB color space, hex #580ea1 is composed of 34.5% red, 5.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 91.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 270.2 degrees, a saturation of 84% and a lightness of 34.3%. #580ea1 color hex could be obtained by blending #b01cff with #000043. Closest websafe color is: #660099.

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

● #580ea1 color description : Dark violet.

The hexadecimal color #580ea1 has RGB values of R:88, G:14, B:161 and CMYK values of C:0.45, M:0.91, Y:0, K:0.37. Its decimal value is 5770913.

Hex triplet	580ea1	`#580ea1`
RGB Decimal	88, 14, 161	`rgb(88,14,161)`
RGB Percent	34.5, 5.5, 63.1	`rgb(34.5%,5.5%,63.1%)`
CMYK	45, 91, 0, 37
HSL	270.2°, 84, 34.3	`hsl(270.2,84%,34.3%)`
HSV (or HSB)	270.2°, 91.3, 63.1
Web Safe	660099	`#660099`

CIE-LAB	26.626, 57.04, -62.345
XYZ	10.614, 4.962, 34.115
xyY	0.214, 0.1, 4.962
CIE-LCH	26.626, 84.502, 312.456
CIE-LUV	26.626, 9.94, -79.619
Hunter-Lab	22.276, 46.067, -75.209
Binary	01011000, 00001110, 10100001

#580ea1
```
#580ea1 rgb(88,14,161)
```
#57a10e
```
#57a10e rgb(87,161,14)
```

Complementary Color

#0e0ea1
```
#0e0ea1 rgb(14,14,161)
```
#580ea1
```
#580ea1 rgb(88,14,161)
```
#a10ea1
```
#a10ea1 rgb(161,14,161)
```

Analogous Color

#0ea10e
```
#0ea10e rgb(14,161,14)
```
#580ea1
```
#580ea1 rgb(88,14,161)
```
#a1a10e
```
#a1a10e rgb(161,161,14)
```

Split Complementary Color

#0ea158
```
#0ea158 rgb(14,161,88)
```
#580ea1
```
#580ea1 rgb(88,14,161)
```
#a1580e
```
#a1580e rgb(161,88,14)
```

Triadic Color

#0e57a1
```
#0e57a1 rgb(14,87,161)
```
#580ea1
```
#580ea1 rgb(88,14,161)
```
#a1580e
```
#a1580e rgb(161,88,14)
```
#57a10e
```
#57a10e rgb(87,161,14)
```

Tetradic Color

#32085b
```
#32085b rgb(50,8,91)
```
#3e0a72
```
#3e0a72 rgb(62,10,114)
```
#4b0c8a
```
#4b0c8a rgb(75,12,138)
```
#580ea1
```
#580ea1 rgb(88,14,161)
```
#6510b8
```
#6510b8 rgb(101,16,184)
```
#7212d0
```
#7212d0 rgb(114,18,208)
```
#7e14e7
```
#7e14e7 rgb(126,20,231)
```

Monochromatic Color

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

#330ea1
```
#330ea1 rgb(51,14,161)
```
#3f0ea1
```
#3f0ea1 rgb(63,14,161)
```
#4c0ea1
```
#4c0ea1 rgb(76,14,161)
```
#580ea1
```
#580ea1 rgb(88,14,161)
```
#640ea1
```
#640ea1 rgb(100,14,161)
```
#710ea1
```
#710ea1 rgb(113,14,161)
```
#7d0ea1
```
#7d0ea1 rgb(125,14,161)
```

Similar Colors

Text with hexadecimal color #580ea1

This text has a font color of #580ea1.

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

#580ea1 background color

This paragraph has a background color of #580ea1.

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

#580ea1 border color

This element has a border color of #580ea1.

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

CSS codes

.text {color:#580ea1;}

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

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

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

#090111
```
#090111 rgb(9,1,17)
```
#130323
```
#130323 rgb(19,3,35)
```
#1d0535
```
#1d0535 rgb(29,5,53)
```
#270647
```
#270647 rgb(39,6,71)
```
#310859
```
#310859 rgb(49,8,89)
```
#3a096b
```
#3a096b rgb(58,9,107)
```
#440b7d
```
#440b7d rgb(68,11,125)
```
#4e0c8f
```
#4e0c8f rgb(78,12,143)
```
#580ea1
```
#580ea1 rgb(88,14,161)
```
#6210b3
```
#6210b3 rgb(98,16,179)
```
#6c11c5
```
#6c11c5 rgb(108,17,197)
```
#7613d7
```
#7613d7 rgb(118,19,215)
```
#7f14e9
```
#7f14e9 rgb(127,20,233)
```

Shade Color Variation

#8925ec
```
#8925ec rgb(137,37,236)
```
#9337ee
```
#9337ee rgb(147,55,238)
```
#9d49ef
```
#9d49ef rgb(157,73,239)
```
#a65bf1
```
#a65bf1 rgb(166,91,241)
```
#b06df2
```
#b06df2 rgb(176,109,242)
```
#ba7ff4
```
#ba7ff4 rgb(186,127,244)
```
#c491f5
```
#c491f5 rgb(196,145,245)
```
#cda3f7
```
#cda3f7 rgb(205,163,247)
```
#d7b5f9
```
#d7b5f9 rgb(215,181,249)
```
#e1c7fa
```
#e1c7fa rgb(225,199,250)
```
#ebd9fc
```
#ebd9fc rgb(235,217,252)
```
#f4ecfd
```
#f4ecfd rgb(244,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#58515e
```
#58515e rgb(88,81,94)
```
#584b64
```
#584b64 rgb(88,75,100)
```
#58446b
```
#58446b rgb(88,68,107)
```
#583d72
```
#583d72 rgb(88,61,114)
```
#583679
```
#583679 rgb(88,54,121)
```
#58307f
```
#58307f rgb(88,48,127)
```
#582986
```
#582986 rgb(88,41,134)
```
#58228d
```
#58228d rgb(88,34,141)
```
#581b94
```
#581b94 rgb(88,27,148)
```
#58159a
```
#58159a rgb(88,21,154)
```
#580ea1
```
#580ea1 rgb(88,14,161)
```
#5807a8
```
#5807a8 rgb(88,7,168)
```
#5801ae
```
#5801ae rgb(88,1,174)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3c2d4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004689 Protanopia 1% of men
#004a78 Deuteranopia 1% of men
#46494e Tritanopia 0.001% of the population

Trichromacy

#203292 Protanomaly 1% of men, 0.01% of women
#203487 Deuteranomaly 6% of men, 0.4% of women
#4c336c Tritanomaly 0.01% of the population

#580ea1 hex color

#580ea1 Color Information

#580ea1 Color Conversion

Color Schemes with #580ea1

Alternatives to #580ea1

#580ea1 Preview

Shades and Tints of #580ea1

Tones of #580ea1

Color Blindness Simulator