#580ed6 hex color

In a RGB color space, hex #580ed6 is composed of 34.5% red, 5.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 93.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 262.2 degrees, a saturation of 87.7% and a lightness of 44.7%. #580ed6 color hex could be obtained by blending #b01cff with #0000ad. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 5
- B 84
RGB color chart
- C 59
- M 93
- Y 0
- K 16
CMYK color chart

● #580ed6 color description : Strong violet.

The hexadecimal color #580ed6 has RGB values of R:88, G:14, B:214 and CMYK values of C:0.59, M:0.93, Y:0, K:0.16. Its decimal value is 5770966.

Hex triplet	580ed6	`#580ed6`
RGB Decimal	88, 14, 214	`rgb(88,14,214)`
RGB Percent	34.5, 5.5, 83.9	`rgb(34.5%,5.5%,83.9%)`
CMYK	59, 93, 0, 16
HSL	262.2°, 87.7, 44.7	`hsl(262.2,87.7%,44.7%)`
HSV (or HSB)	262.2°, 93.5, 83.9
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.355, 69.463, -84.297
XYZ	16.317, 7.243, 64.153
xyY	0.186, 0.083, 7.243
CIE-LCH	32.355, 109.23, 309.489
CIE-LUV	32.355, 3.27, -110.606
Hunter-Lab	26.914, 61.121, -122.488
Binary	01011000, 00001110, 11010110

#580ed6
```
#580ed6 rgb(88,14,214)
```
#8cd60e
```
#8cd60e rgb(140,214,14)
```

Complementary Color

#0e28d6
```
#0e28d6 rgb(14,40,214)
```
#580ed6
```
#580ed6 rgb(88,14,214)
```
#bc0ed6
```
#bc0ed6 rgb(188,14,214)
```

Analogous Color

#28d60e
```
#28d60e rgb(40,214,14)
```
#580ed6
```
#580ed6 rgb(88,14,214)
```
#d6bc0e
```
#d6bc0e rgb(214,188,14)
```

Split Complementary Color

#0ed658
```
#0ed658 rgb(14,214,88)
```
#580ed6
```
#580ed6 rgb(88,14,214)
```
#d6580e
```
#d6580e rgb(214,88,14)
```

Triadic Color

#0e8cd6
```
#0e8cd6 rgb(14,140,214)
```
#580ed6
```
#580ed6 rgb(88,14,214)
```
#d6580e
```
#d6580e rgb(214,88,14)
```
#8cd60e
```
#8cd60e rgb(140,214,14)
```

Tetradic Color

#3a098e
```
#3a098e rgb(58,9,142)
```
#440ba6
```
#440ba6 rgb(68,11,166)
```
#4e0cbe
```
#4e0cbe rgb(78,12,190)
```
#580ed6
```
#580ed6 rgb(88,14,214)
```
#6210ee
```
#6210ee rgb(98,16,238)
```
#7126f1
```
#7126f1 rgb(113,38,241)
```
#813ef2
```
#813ef2 rgb(129,62,242)
```

Monochromatic Color

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

#260ed6
```
#260ed6 rgb(38,14,214)
```
#370ed6
```
#370ed6 rgb(55,14,214)
```
#470ed6
```
#470ed6 rgb(71,14,214)
```
#580ed6
```
#580ed6 rgb(88,14,214)
```
#690ed6
```
#690ed6 rgb(105,14,214)
```
#790ed6
```
#790ed6 rgb(121,14,214)
```
#8a0ed6
```
#8a0ed6 rgb(138,14,214)
```

Similar Colors

Text with hexadecimal color #580ed6

This text has a font color of #580ed6.

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

#580ed6 background color

This paragraph has a background color of #580ed6.

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

#580ed6 border color

This element has a border color of #580ed6.

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

CSS codes

.text {color:#580ed6;}

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

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

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, #05010b is the darkest color, while #faf8ff is the lightest one.

#05010b
```
#05010b rgb(5,1,11)
```
#0c021e
```
#0c021e rgb(12,2,30)
```
#140330
```
#140330 rgb(20,3,48)
```
#1b0443
```
#1b0443 rgb(27,4,67)
```
#230655
```
#230655 rgb(35,6,85)
```
#2b0768
```
#2b0768 rgb(43,7,104)
```
#32087a
```
#32087a rgb(50,8,122)
```
#3a098c
```
#3a098c rgb(58,9,140)
```
#410a9f
```
#410a9f rgb(65,10,159)
```
#490cb1
```
#490cb1 rgb(73,12,177)
```
#500dc4
```
#500dc4 rgb(80,13,196)
```
#580ed6
```
#580ed6 rgb(88,14,214)
```
#600fe8
```
#600fe8 rgb(96,15,232)
```

Shade Color Variation

#6a1bf0
```
#6a1bf0 rgb(106,27,240)
```
#762ef1
```
#762ef1 rgb(118,46,241)
```
#8240f3
```
#8240f3 rgb(130,64,243)
```
#8e52f4
```
#8e52f4 rgb(142,82,244)
```
#9a65f5
```
#9a65f5 rgb(154,101,245)
```
#a677f6
```
#a677f6 rgb(166,119,246)
```
#b28af7
```
#b28af7 rgb(178,138,247)
```
#be9cf9
```
#be9cf9 rgb(190,156,249)
```
#caaefa
```
#caaefa rgb(202,174,250)
```
#d6c1fb
```
#d6c1fb rgb(214,193,251)
```
#e2d3fc
```
#e2d3fc rgb(226,211,252)
```
#eee6fd
```
#eee6fd rgb(238,230,253)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #716e76 is the less saturated color, while #5605df is the most saturated one.

#716e76
```
#716e76 rgb(113,110,118)
```
#6f667e
```
#6f667e rgb(111,102,126)
```
#6d5d87
```
#6d5d87 rgb(109,93,135)
```
#6a5490
```
#6a5490 rgb(106,84,144)
```
#684b99
```
#684b99 rgb(104,75,153)
```
#6643a1
```
#6643a1 rgb(102,67,161)
```
#633aaa
```
#633aaa rgb(99,58,170)
```
#6131b3
```
#6131b3 rgb(97,49,179)
```
#5f28bc
```
#5f28bc rgb(95,40,188)
```
#5d20c4
```
#5d20c4 rgb(93,32,196)
```
#5a17cd
```
#5a17cd rgb(90,23,205)
```
#580ed6
```
#580ed6 rgb(88,14,214)
```
#5605df
```
#5605df rgb(86,5,223)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#41325a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d64 Tritanopia 0.001% of the population

Trichromacy

#2039b4 Protanomaly 1% of men, 0.01% of women
#203da6 Deuteranomaly 6% of men, 0.4% of women
#20408d Tritanomaly 0.01% of the population

#580ed6 hex color

#580ed6 Color Information

#580ed6 Color Conversion

Color Schemes with #580ed6

Alternatives to #580ed6

#580ed6 Preview

Shades and Tints of #580ed6

Tones of #580ed6

Color Blindness Simulator