#580ea0 hex color

In a RGB color space, hex #580ea0 is composed of 34.5% red, 5.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 45% cyan, 91.3% magenta, 0% yellow and 37.3% black. It has a hue angle of 270.4 degrees, a saturation of 83.9% and a lightness of 34.1%. #580ea0 color hex could be obtained by blending #b01cff with #000041. 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

● #580ea0 color description : Dark violet.

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

Hex triplet	580ea0	`#580ea0`
RGB Decimal	88, 14, 160	`rgb(88,14,160)`
RGB Percent	34.5, 5.5, 62.7	`rgb(34.5%,5.5%,62.7%)`
CMYK	45, 91, 0, 37
HSL	270.4°, 83.9, 34.1	`hsl(270.4,83.9%,34.1%)`
HSV (or HSB)	270.4°, 91.3, 62.7
Web Safe	660099	`#660099`

CIE-LAB	26.525, 56.809, -61.902
XYZ	10.526, 4.927, 33.652
xyY	0.214, 0.1, 4.927
CIE-LCH	26.525, 84.019, 312.543
CIE-LUV	26.525, 10.093, -79.017
Hunter-Lab	22.197, 45.801, -74.352
Binary	01011000, 00001110, 10100000

#580ea0
```
#580ea0 rgb(88,14,160)
```
#56a00e
```
#56a00e rgb(86,160,14)
```

Complementary Color

#0f0ea0
```
#0f0ea0 rgb(15,14,160)
```
#580ea0
```
#580ea0 rgb(88,14,160)
```
#a00e9f
```
#a00e9f rgb(160,14,159)
```

Analogous Color

#0ea00f
```
#0ea00f rgb(14,160,15)
```
#580ea0
```
#580ea0 rgb(88,14,160)
```
#9fa00e
```
#9fa00e rgb(159,160,14)
```

Split Complementary Color

#0ea058
```
#0ea058 rgb(14,160,88)
```
#580ea0
```
#580ea0 rgb(88,14,160)
```
#a0580e
```
#a0580e rgb(160,88,14)
```

Triadic Color

#0e56a0
```
#0e56a0 rgb(14,86,160)
```
#580ea0
```
#580ea0 rgb(88,14,160)
```
#a0580e
```
#a0580e rgb(160,88,14)
```
#56a00e
```
#56a00e rgb(86,160,14)
```

Tetradic Color

#31085a
```
#31085a rgb(49,8,90)
```
#3e0a71
```
#3e0a71 rgb(62,10,113)
```
#4b0c89
```
#4b0c89 rgb(75,12,137)
```
#580ea0
```
#580ea0 rgb(88,14,160)
```
#6510b7
```
#6510b7 rgb(101,16,183)
```
#7212cf
```
#7212cf rgb(114,18,207)
```
#7f14e6
```
#7f14e6 rgb(127,20,230)
```

Monochromatic Color

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

#340ea0
```
#340ea0 rgb(52,14,160)
```
#400ea0
```
#400ea0 rgb(64,14,160)
```
#4c0ea0
```
#4c0ea0 rgb(76,14,160)
```
#580ea0
```
#580ea0 rgb(88,14,160)
```
#640ea0
```
#640ea0 rgb(100,14,160)
```
#700ea0
```
#700ea0 rgb(112,14,160)
```
#7d0ea0
```
#7d0ea0 rgb(125,14,160)
```

Similar Colors

Text with hexadecimal color #580ea0

This text has a font color of #580ea0.

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

#580ea0 background color

This paragraph has a background color of #580ea0.

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

#580ea0 border color

This element has a border color of #580ea0.

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

CSS codes

.text {color:#580ea0;}

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

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

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

#090110
```
#090110 rgb(9,1,16)
```
#130322
```
#130322 rgb(19,3,34)
```
#1c0534
```
#1c0534 rgb(28,5,52)
```
#260646
```
#260646 rgb(38,6,70)
```
#300858
```
#300858 rgb(48,8,88)
```
#3a096a
```
#3a096a rgb(58,9,106)
```
#440b7c
```
#440b7c rgb(68,11,124)
```
#4e0c8e
```
#4e0c8e rgb(78,12,142)
```
#580ea0
```
#580ea0 rgb(88,14,160)
```
#6210b2
```
#6210b2 rgb(98,16,178)
```
#6c11c4
```
#6c11c4 rgb(108,17,196)
```
#7613d6
```
#7613d6 rgb(118,19,214)
```
#8014e8
```
#8014e8 rgb(128,20,232)
```

Shade Color Variation

#8924ec
```
#8924ec rgb(137,36,236)
```
#9336ed
```
#9336ed rgb(147,54,237)
```
#9d48ef
```
#9d48ef rgb(157,72,239)
```
#a65af1
```
#a65af1 rgb(166,90,241)
```
#b06cf2
```
#b06cf2 rgb(176,108,242)
```
#ba7ef4
```
#ba7ef4 rgb(186,126,244)
```
#c490f5
```
#c490f5 rgb(196,144,245)
```
#cda2f7
```
#cda2f7 rgb(205,162,247)
```
#d7b5f8
```
#d7b5f8 rgb(215,181,248)
```
#e1c7fa
```
#e1c7fa rgb(225,199,250)
```
#ead9fc
```
#ead9fc rgb(234,217,252)
```
#f4ebfd
```
#f4ebfd rgb(244,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#57515d
```
#57515d rgb(87,81,93)
```
#574a64
```
#574a64 rgb(87,74,100)
```
#57446a
```
#57446a rgb(87,68,106)
```
#573d71
```
#573d71 rgb(87,61,113)
```
#573678
```
#573678 rgb(87,54,120)
```
#582f7f
```
#582f7f rgb(88,47,127)
```
#582985
```
#582985 rgb(88,41,133)
```
#58228c
```
#58228c rgb(88,34,140)
```
#581b93
```
#581b93 rgb(88,27,147)
```
#581599
```
#581599 rgb(88,21,153)
```
#580ea0
```
#580ea0 rgb(88,14,160)
```
#5807a7
```
#5807a7 rgb(88,7,167)
```
#5801ad
```
#5801ad rgb(88,1,173)
```

Tone Color Variation

Below, you can see how #580ea0 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
#3c2d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#203291 Protanomaly 1% of men, 0.01% of women
#203486 Deuteranomaly 6% of men, 0.4% of women
#4c336b Tritanomaly 0.01% of the population

#580ea0 hex color

#580ea0 Color Information

#580ea0 Color Conversion

Color Schemes with #580ea0

Alternatives to #580ea0

#580ea0 Preview

Shades and Tints of #580ea0

Tones of #580ea0

Color Blindness Simulator