#580ecc hex color

In a RGB color space, hex #580ecc is composed of 34.5% red, 5.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 93.1% magenta, 0% yellow and 20% black. It has a hue angle of 263.4 degrees, a saturation of 87.2% and a lightness of 42.7%. #580ecc color hex could be obtained by blending #b01cff with #000099. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 35
- G 5
- B 80
RGB color chart
- C 57
- M 93
- Y 0
- K 20
CMYK color chart

● #580ecc color description : Strong violet.

The hexadecimal color #580ecc has RGB values of R:88, G:14, B:204 and CMYK values of C:0.57, M:0.93, Y:0, K:0.2. Its decimal value is 5770956.

Hex triplet	580ecc	`#580ecc`
RGB Decimal	88, 14, 204	`rgb(88,14,204)`
RGB Percent	34.5, 5.5, 80	`rgb(34.5%,5.5%,80%)`
CMYK	57, 93, 0, 20
HSL	263.4°, 87.2, 42.7	`hsl(263.4,87.2%,42.7%)`
HSV (or HSB)	263.4°, 93.1, 80
Web Safe	6600cc	`#6600cc`

CIE-LAB	31.226, 67.111, -80.357
XYZ	15.079, 6.748, 57.631
xyY	0.19, 0.085, 6.748
CIE-LCH	31.226, 104.695, 309.867
CIE-LUV	31.226, 4.352, -104.867
Hunter-Lab	25.977, 58.152, -113.354
Binary	01011000, 00001110, 11001100

#580ecc
```
#580ecc rgb(88,14,204)
```
#82cc0e
```
#82cc0e rgb(130,204,14)
```

Complementary Color

#0e23cc
```
#0e23cc rgb(14,35,204)
```
#580ecc
```
#580ecc rgb(88,14,204)
```
#b70ecc
```
#b70ecc rgb(183,14,204)
```

Analogous Color

#23cc0e
```
#23cc0e rgb(35,204,14)
```
#580ecc
```
#580ecc rgb(88,14,204)
```
#ccb70e
```
#ccb70e rgb(204,183,14)
```

Split Complementary Color

#0ecc58
```
#0ecc58 rgb(14,204,88)
```
#580ecc
```
#580ecc rgb(88,14,204)
```
#cc580e
```
#cc580e rgb(204,88,14)
```

Triadic Color

#0e82cc
```
#0e82cc rgb(14,130,204)
```
#580ecc
```
#580ecc rgb(88,14,204)
```
#cc580e
```
#cc580e rgb(204,88,14)
```
#82cc0e
```
#82cc0e rgb(130,204,14)
```

Tetradic Color

#390984
```
#390984 rgb(57,9,132)
```
#430b9c
```
#430b9c rgb(67,11,156)
```
#4e0cb4
```
#4e0cb4 rgb(78,12,180)
```
#580ecc
```
#580ecc rgb(88,14,204)
```
#6210e4
```
#6210e4 rgb(98,16,228)
```
#6f1df0
```
#6f1df0 rgb(111,29,240)
```
#7e35f1
```
#7e35f1 rgb(126,53,241)
```

Monochromatic Color

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

#290ecc
```
#290ecc rgb(41,14,204)
```
#380ecc
```
#380ecc rgb(56,14,204)
```
#480ecc
```
#480ecc rgb(72,14,204)
```
#580ecc
```
#580ecc rgb(88,14,204)
```
#680ecc
```
#680ecc rgb(104,14,204)
```
#780ecc
```
#780ecc rgb(120,14,204)
```
#880ecc
```
#880ecc rgb(136,14,204)
```

Similar Colors

Text with hexadecimal color #580ecc

This text has a font color of #580ecc.

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

#580ecc background color

This paragraph has a background color of #580ecc.

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

#580ecc border color

This element has a border color of #580ecc.

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

CSS codes

.text {color:#580ecc;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#090114
```
#090114 rgb(9,1,20)
```
#110327
```
#110327 rgb(17,3,39)
```
#190439
```
#190439 rgb(25,4,57)
```
#21054c
```
#21054c rgb(33,5,76)
```
#28065e
```
#28065e rgb(40,6,94)
```
#300870
```
#300870 rgb(48,8,112)
```
#380983
```
#380983 rgb(56,9,131)
```
#400a95
```
#400a95 rgb(64,10,149)
```
#480ba7
```
#480ba7 rgb(72,11,167)
```
#500dba
```
#500dba rgb(80,13,186)
```
#580ecc
```
#580ecc rgb(88,14,204)
```
#600fde
```
#600fde rgb(96,15,222)
```

Shade Color Variation

#6812ef
```
#6812ef rgb(104,18,239)
```
#7425f0
```
#7425f0 rgb(116,37,240)
```
#8037f1
```
#8037f1 rgb(128,55,241)
```
#8b4af3
```
#8b4af3 rgb(139,74,243)
```
#975cf4
```
#975cf4 rgb(151,92,244)
```
#a36ef5
```
#a36ef5 rgb(163,110,245)
```
#ae81f6
```
#ae81f6 rgb(174,129,246)
```
#ba93f8
```
#ba93f8 rgb(186,147,248)
```
#c6a5f9
```
#c6a5f9 rgb(198,165,249)
```
#d2b8fa
```
#d2b8fa rgb(210,184,250)
```
#ddcafb
```
#ddcafb rgb(221,202,251)
```
#e9dcfd
```
#e9dcfd rgb(233,220,253)
```
#f5effe
```
#f5effe rgb(245,239,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6a70 is the less saturated color, while #5606d4 is the most saturated one.

#6c6a70
```
#6c6a70 rgb(108,106,112)
```
#6b6278
```
#6b6278 rgb(107,98,120)
```
#695981
```
#695981 rgb(105,89,129)
```
#675189
```
#675189 rgb(103,81,137)
```
#654991
```
#654991 rgb(101,73,145)
```
#63409a
```
#63409a rgb(99,64,154)
```
#6138a2
```
#6138a2 rgb(97,56,162)
```
#5f30aa
```
#5f30aa rgb(95,48,170)
```
#5e27b3
```
#5e27b3 rgb(94,39,179)
```
#5c1fbb
```
#5c1fbb rgb(92,31,187)
```
#5a16c4
```
#5a16c4 rgb(90,22,196)
```
#580ecc
```
#580ecc rgb(88,14,204)
```
#5606d4
```
#5606d4 rgb(86,6,212)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#403157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#235960 Tritanopia 0.001% of the population

Trichromacy

#2038ad Protanomaly 1% of men, 0.01% of women
#203ba0 Deuteranomaly 6% of men, 0.4% of women
#363e87 Tritanomaly 0.01% of the population

#580ecc hex color

#580ecc Color Information

#580ecc Color Conversion

Color Schemes with #580ecc

Alternatives to #580ecc

#580ecc Preview

Shades and Tints of #580ecc

Tones of #580ecc

Color Blindness Simulator