#580cec hex color

In a RGB color space, hex #580cec is composed of 34.5% red, 4.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 94.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 260.4 degrees, a saturation of 90.3% and a lightness of 48.6%. #580cec color hex could be obtained by blending #b018ff with #0000d9. Closest websafe color is: #6600ff.

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

● #580cec color description : Vivid violet.

The hexadecimal color #580cec has RGB values of R:88, G:12, B:236 and CMYK values of C:0.63, M:0.95, Y:0, K:0.07. Its decimal value is 5770476.

Hex triplet	580cec	`#580cec`
RGB Decimal	88, 12, 236	`rgb(88,12,236)`
RGB Percent	34.5, 4.7, 92.5	`rgb(34.5%,4.7%,92.5%)`
CMYK	63, 95, 0, 7
HSL	260.4°, 90.3, 48.6	`hsl(260.4,90.3%,48.6%)`
HSV (or HSB)	260.4°, 94.9, 92.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	34.789, 74.935, -92.871
XYZ	19.294, 8.393, 79.956
xyY	0.179, 0.078, 8.393
CIE-LCH	34.789, 119.333, 308.899
CIE-LUV	34.789, 1.168, -123.086
Hunter-Lab	28.971, 68.175, -143.353
Binary	01011000, 00001100, 11101100

#580cec
```
#580cec rgb(88,12,236)
```
#a0ec0c
```
#a0ec0c rgb(160,236,12)
```

Complementary Color

#0c30ec
```
#0c30ec rgb(12,48,236)
```
#580cec
```
#580cec rgb(88,12,236)
```
#c80cec
```
#c80cec rgb(200,12,236)
```

Analogous Color

#30ec0c
```
#30ec0c rgb(48,236,12)
```
#580cec
```
#580cec rgb(88,12,236)
```
#ecc80c
```
#ecc80c rgb(236,200,12)
```

Split Complementary Color

#0cec58
```
#0cec58 rgb(12,236,88)
```
#580cec
```
#580cec rgb(88,12,236)
```
#ec580c
```
#ec580c rgb(236,88,12)
```

Triadic Color

#0ca0ec
```
#0ca0ec rgb(12,160,236)
```
#580cec
```
#580cec rgb(88,12,236)
```
#ec580c
```
#ec580c rgb(236,88,12)
```
#a0ec0c
```
#a0ec0c rgb(160,236,12)
```

Tetradic Color

#3d08a3
```
#3d08a3 rgb(61,8,163)
```
#460abb
```
#460abb rgb(70,10,187)
```
#4f0bd4
```
#4f0bd4 rgb(79,11,212)
```
#580cec
```
#580cec rgb(88,12,236)
```
#661ef4
```
#661ef4 rgb(102,30,244)
```
#7736f5
```
#7736f5 rgb(119,54,245)
```
#874ef6
```
#874ef6 rgb(135,78,246)
```

Monochromatic Color

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

#200cec
```
#200cec rgb(32,12,236)
```
#330cec
```
#330cec rgb(51,12,236)
```
#450cec
```
#450cec rgb(69,12,236)
```
#580cec
```
#580cec rgb(88,12,236)
```
#6b0cec
```
#6b0cec rgb(107,12,236)
```
#7d0cec
```
#7d0cec rgb(125,12,236)
```
#900cec
```
#900cec rgb(144,12,236)
```

Similar Colors

Text with hexadecimal color #580cec

This text has a font color of #580cec.

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

#580cec background color

This paragraph has a background color of #580cec.

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

#580cec border color

This element has a border color of #580cec.

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

CSS codes

.text {color:#580cec;}

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

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

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

#04010c
```
#04010c rgb(4,1,12)
```
#0b021f
```
#0b021f rgb(11,2,31)
```
#120331
```
#120331 rgb(18,3,49)
```
#190344
```
#190344 rgb(25,3,68)
```
#200457
```
#200457 rgb(32,4,87)
```
#270569
```
#270569 rgb(39,5,105)
```
#2e067c
```
#2e067c rgb(46,6,124)
```
#35078f
```
#35078f rgb(53,7,143)
```
#3c08a1
```
#3c08a1 rgb(60,8,161)
```
#4309b4
```
#4309b4 rgb(67,9,180)
```
#4a0ac7
```
#4a0ac7 rgb(74,10,199)
```
#510bd9
```
#510bd9 rgb(81,11,217)
```
#580cec
```
#580cec rgb(88,12,236)
```

Shade Color Variation

#6318f3
```
#6318f3 rgb(99,24,243)
```
#6f2bf4
```
#6f2bf4 rgb(111,43,244)
```
#7c3ef5
```
#7c3ef5 rgb(124,62,245)
```
#8950f6
```
#8950f6 rgb(137,80,246)
```
#9563f7
```
#9563f7 rgb(149,99,247)
```
#a276f8
```
#a276f8 rgb(162,118,248)
```
#af88f9
```
#af88f9 rgb(175,136,249)
```
#bb9bfa
```
#bb9bfa rgb(187,155,250)
```
#c8aefb
```
#c8aefb rgb(200,174,251)
```
#d5c0fc
```
#d5c0fc rgb(213,192,252)
```
#e1d3fd
```
#e1d3fd rgb(225,211,253)
```
#eee6fe
```
#eee6fe rgb(238,230,254)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7583 is the less saturated color, while #5502f6 is the most saturated one.

#7a7583
```
#7a7583 rgb(122,117,131)
```
#776b8d
```
#776b8d rgb(119,107,141)
```
#746296
```
#746296 rgb(116,98,150)
```
#7158a0
```
#7158a0 rgb(113,88,160)
```
#6d4fa9
```
#6d4fa9 rgb(109,79,169)
```
#6a45b3
```
#6a45b3 rgb(106,69,179)
```
#673cbc
```
#673cbc rgb(103,60,188)
```
#6432c6
```
#6432c6 rgb(100,50,198)
```
#6129cf
```
#6129cf rgb(97,41,207)
```
#5e1fd9
```
#5e1fd9 rgb(94,31,217)
```
#5b16e2
```
#5b16e2 rgb(91,22,226)
```
#580cec
```
#580cec rgb(88,12,236)
```
#5502f6
```
#5502f6 rgb(85,2,246)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#42325f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006369 Tritanopia 0.001% of the population

Trichromacy

#203cc2 Protanomaly 1% of men, 0.01% of women
#203fb4 Deuteranomaly 6% of men, 0.4% of women
#204399 Tritanomaly 0.01% of the population

#580cec hex color

#580cec Color Information

#580cec Color Conversion

Color Schemes with #580cec

Alternatives to #580cec

#580cec Preview

Shades and Tints of #580cec

Tones of #580cec

Color Blindness Simulator